Autor | Zpráva | ||
---|---|---|---|
PetrH Profil * |
#1 · Zasláno: 11. 6. 2005, 18:52:09
Ahoj,
zacinam s CSS. Mam nadefinovane CSS styly pro rozcleneni stanky: body { margin:0; padding:0; background:#ffffff; text-align:center; background-color: #F3FFA6; color : #C39200; } #hlavicka { padding: 10px; border: none; background: #F3FFA6; border-bottom: 1px solid #C39200; } #obsah { width: 750px; margin: 1em auto; border: 1px solid #C39200; } #pravypanel { float: right; width: 200px; margin:0; padding:0; border : none; /*border-left: 1px solid #C39200*/ } #pravypanel-obsah { margin:0; padding: 0.5em 1em; text-align : center; } #hlavnipanel { margin: 0 200 0 0px; padding:0; } #hlavnipanel-obsah { margin:0; padding: 0.5em 1em; } #paticka { padding: 10px; border-top: 1px solid #C39200; border-bottom : 1px solid #C39200; background: #F3FFA6; text-align:center; font-size : small; } Potreboval bych aby text v divu hlavnipanel-obsah byl zarovnan do bloku. Doplnil jsem tam text-align:justify; ale zmizel mi ramecek okolo textu. Nevite, prosim, co s tim? Diky! Petr |
||
bojars Profil |
#2 · Zasláno: 11. 6. 2005, 19:42:57
Skús to takto:
CSS: * { margin:0; padding:0; } body { text-align:center; background-color: #F3FFA6; color : #C39200; } .hlavicka { padding: 10px; border-bottom: 1px solid #C39200; margin-bottom: 1ex; width: 100%; background-color: red; } .obsah { width: 750px; margin: 1em auto; border: 1px solid #C39200; background-color: yellow; } .pravypanel { float: right; width: 200px; border : none; padding: 0.5em 1em; text-align : center; background-color: lime; } .hlavnipanel { margin: 0 205 0 0px; text-align: justify; border: 1px solid #C39200; padding: 0.5em 1em; } .paticka { padding: 10px; clear: both; border-top: 1px solid #C39200; border-bottom : 1px solid #C39200; text-align:center; font-size : small; background-color: blue; } HTML: <div class="obsah"> <div class="hlavicka"> <h1>Nějaká Hlavička</h1> </div> <div class="pravypanel"> <ul> <li>menu</li> <li>menu</li> <li>menu</li> <li>menu</li> <li>menu</li> </ul> </div> <div class="hlavnipanel"> <h2>Blablabla</h2> <p> blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla</p> </div> <div class="paticka">© Design Petr, June 2005</div > </div> (nepoužívaj radšej "id", ale triedy -> "class", "id" by vraj v HTML dokumente malo byť iba jedno...) |
||
izsak Profil |
#3 · Zasláno: 12. 6. 2005, 07:52:05
bojars
Hodnota použitá v atribútoch id musí byť unikátna v rámci dokumentu, na počte atribútov id nezáleží. Dané CSS je pre layout a teda je výhodnejšie použiť id namiesto class. |
||
bojars Profil |
#4 · Zasláno: 12. 6. 2005, 12:23:14
izsak
Dané CSS je pre layout a teda je výhodnejšie použiť id namiesto class. V čom sa prejaví v prípade tohoto layoutu jeho výhoda? http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=11 97 http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=4&topic=35 13&page=0#5 |
||
Časová prodleva: 16 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0