Autor Zpráva
PetrH
Profil *
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
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">&copy;&nbsp;Design&nbsp;Petr,&nbsp;June&nbsp;2005</div >
</div>

(nepoužívaj radšej "id", ale triedy -> "class", "id" by vraj v HTML dokumente malo byť iba jedno...)
izsak
Profil
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
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
Toto téma je uzamčeno. Odpověď nelze zaslat.

0