Autor Zpráva
anik
Profil *
Dobry den.. Robim web: logo podnim je menu a podnim je obsah a podnim je patka.. v menu mam dalsie div-y no v nich nefunguje atribut height a ani width.

html kod :
...
<div class="hlavicka"></div>

<div class="telo"><div class="menu">

<div class="polozka"><a href="index.php">HOME</a></div>
<div class="polozka"><a href="xxx.php">HOME</a></div>
<div class="polozka"><a href="xxxx.php">HOME</a></div>
<div class="polozka"><a href="xxxx.php">HOME</a></div>
<div class="polozka"><a href="rxxx.php">HOME</a></div>
</div>

<div class="obsah">

<div class="text"><br>
text
</div>

</div>

</div>
.....

a css kod :

body {
background: #393C39;
font-family: calibri, arial;
color: white;
margin: auto;
}

.hlavicka {
background: url(images/logo.gif) #282828;
width: 776px;
height: 100px;
margin: auto;
text-align: center;
border-left: 1px solid white;
border-right: 1px solid white;
margin-top: 4px;
border-top: 1px solid white;
}

.telo {
background: #393C39;
width: 780px;
height: 404px;
margin: auto;
}

.text {
width: 750px;
margin: auto;
text-align: left;
}

.menu {
background: url(images/menu.gif) #282828;
width: 776px;
height: 23px;
font-family: calibri, arial;
color: white;
margin: auto;
text-align: center;
font-size: 0.8em;
line-height: 23px;
border-left: 1px solid white;
border-right: 1px solid white;
}

.obsah {
background: #282828;
width: 776px;
min-height: 400px;
font-family: calibri, arial;
color: white;
margin: auto;
text-align: center;
text-decoration: none;
border-left: 1px solid white;
border-right: 1px solid white;
}

.patka {
background: url(images/menu.gif) #282828;
width: 776px;
height: 23px;
font-family: calibri, arial;
color: white;
margin: auto;
text-align: center;
text-decoration: none;
margin-bottom: 2px;
margin-top: 2px;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
font-size: 0.8em;
line-height: 23px;
}

a {
color: white;
text-decoration: none;
}

a:hover {
color: white;
text-decoration: none;
}

h1 {
display: none;
}

.polozka {
display: inline;
width: 120px;
height: 23px;
}

.polozka a:hover {
background: url(images/menu2.gif) #282828;
height: 23px;
width: 120px;
}

naozaj neviem o co ide.. poradte diky
<div class="patka">
©2007
</div>
Bubák
Profil
Místo display: inline; použij float: left.
anik
Profil *
diky za radu.. no teraz to je vsetko v lavo ale uz to funguje...prosim vas ako to mozem dat do stredu?? dakujem
Bubák
Profil
CSS
.doprostred {text-align: center; }
.menu {width: 600px; margin: auto; } /*sirka podle tveho menu */

V HTML obavíš menu divem
<div class="doprostred">
anik
Profil *
dekuji velice si mi pomohol
Toto téma je uzamčeno. Odpověď nelze zaslat.

0