| Autor | Zpráva | ||
|---|---|---|---|
| calm1 Profil |
#1 · Zasláno: 27. 1. 2008, 13:25:15 · Upravil/a: calm1
Ahoj,
mám problém se zarovnáním textu v divu a už si nevím rady. Dlouho jsem pátral, co je jeho příčinou a zjistil jsem, že za to může position:absolute, ale nevím, jak problém vyřešit. Position:absolute zde potřebuji, poraďte prosím. Validní ukázkový kód s chybou přikládám. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Bla Bla</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <style type="text/css">#board{position:absolute;top:100px; left:100px;background:green;}</style> </head> <body> <div id="board"> <p>Toto je radek cislo 1<br>Toto je radek cislo 2</p> </div> </body> </html> |
||
| Railbot Profil |
#2 · Zasláno: 27. 1. 2008, 13:30:39
Odstavec má totiž defaultně nějaký margin, ten musíš vynulovat. A mimochodem absolutní pozicování nepotřebuješ, za to bych dal ruku do ohně.
|
||
| calm1 Profil |
#3 · Zasláno: 27. 1. 2008, 13:38:02
Někde na foru už jsem narazil na podobný problém, kde někdo radil přidat {margin:0; pading:0;}. Zkoušel jsem to před chvílí a nepomáhá to. Jsem v fázi dokončování celého webu, tato vada je pouze kosmetická a nerad bych si kvůli ní rozvrtal stránky, proto teď nechci měnit position.
|
||
| Railbot Profil |
#4 · Zasláno: 27. 1. 2008, 13:44:12
calm1
* {margin:0; padding:0} |
||
| calm1 Profil |
#5 · Zasláno: 27. 1. 2008, 13:55:11 · Upravil/a: calm1
Pardon ...:-). Příště budu číst pozorněji. Kdybych se tady ale neztrapnil, asi bych to jinak nedokázal odstranit. Děkuju.
|
||
| Miloš Profil |
#6 · Zasláno: 27. 1. 2008, 15:09:52 · Upravil/a: Miloš
Railbot
* {margin:0; padding:0} to není nejlepší nápad. Viz například: Filosof: V roce 2005 jsem napsal článek o hvězdičkovém selektoru – je to jednoduché a prosté řešení, jež zabere minimum řádků kódu. A nechutně vytíží prohlížeč – zvláště pak na větších webech. Doporučení – resetujte vše postupně. Tolik značek zas HTML nemá. nebo DGX: [url=http://latrine.dgx.cz/jeste-dokonalejsi-stylovani-formularu#toc-r esetovani-css]S tímto velmi úzce souvisí takzvané hvězdičkové resetování kaskádových stylů. Jde o kód, který se přidá na začátek každého stylu… * { margin: 0; padding: 0; border: none; } …čímž se formuláře domrví nejen snadno a rychle, ale také nenávratně. Chytří už vědí. Chytří neresetují [/url] |
||
| Miloš Profil |
#7 · Zasláno: 27. 1. 2008, 15:12:58
Nevím proč, ale miniBB mi odmétá akceptovat zápis druhé adresy:
http://latrine.dgx.cz/jeste-dokonalejsi-stylovani-formularu#toc-reseto vani-css |
||
|
Časová prodleva: 16 let
|
|||
0