Autor Zpráva
Marekk
Profil *
Dobry den,
potreboval bych poradit s razenim divu vlozenych v sobe
mam na strankach
<div id="head"><img src="head.jpg"/></div>
<div id="body">
<div id="menu">
bla bla bla menu
</div>
<div id="text">
bla bla bla text
</div>
</div>
<div id="patka"><img src="patka.jpg"/></div>


tak nejak to mam na strankach, ale nevim proc kod menu neradi do divu menu a program dreaweaver me pise ze uzaviraci div menu je neplatny a dale se pak div text ani menu nezobrazi jako soucast divu body, nevite v cem by mohl byt problem? Nejspis to bude nejaka banalni chyba, ale ja na ni nemuzu prijit. dekuji
Plaváček
Profil
Mě se to zdá v pořádku a dreamweaver se s tím smíří také.
Marekk
Profil *
no me prave take, ale nevim proc me to nechce zaclenit. Nemuze mit na to nejaky vliv, ze menu mam z ul a li elementu? Proste kdyz kliknu na jakoukoliv cast textu dreamweaver sice ukaze ze je v divu text, ale ne v divu body a menu to neni ani v divu menu..
Plaváček
Profil
Marekk

Pak máš chybu někde v okolním kodu, ne v sekvenci těch DIVů
Marekk
Profil *
dekuju moc, tak sem na to nakonec přišel v menu jsem neměl řádně ukončeny všechny elementy a proto to ani neuzavřelo div. Ale narazil jsem na dalsi problem, pokud mam vse jak v nasledujicim kodu:
<style type="text/css" media="screen">


body {
background-image: url(background.jpg);
background-repeat: repeat-x;
background-color: #D9D4C3;
z-index:-1;
width:880px;
margin:auto;
}


#body {
background-image: url(body.jpg);
background-repeat: repeat-y;¨
position:relative;
z-index:1;
margin:auto;
}
#head {
background-image: url(head.jpg);
background-repeat:no-repeat;
position:relative;
top:0px;
margin:auto;
}

#menu {
position:relative;
left:73px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
width:125px;
z-index:10;
}

#text {
background-color:#FFFFFF;
width:600px;
position:relative;
left:220px;
padding:10px;
}

#dolnilista {
position:relative;
left:220px;
}

#vrchnilista {
position:relative;
left:220px;
}

#patka {
position:relative;
top:auto;
margin:auto;
}

#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#menu ul li {
margin: 0px;
padding: 0px;
}

#menu ul li a {
font-size: 100%;
display: block;
border-bottom: 1px dashed #990000;
padding: 5px 0px 2px 15px;
text-decoration: none;
color: #111111;
width:125px;
}

#menu ul li ul {
background-color: #CCCC99;
font-size:12px;
position: absolute;
top: -1px;
left: 138px;
border-top:1px dashed #990000;
border-right:1px dashed #990000;
}

#menu ul li a:hover {
color: white;
background-image:url(button.jpg);
}

#menu a img {
position:absolute;
left: 130px;
top:10px;
border: 0;
}

#menu ul li.main {position:relative;width:0px;}
#menu ul li > ul.sub {visibility: hidden;}
#menu ul li.main:hover ul.sub {visibility: visible;}
.styl1 {font-family: Arial, Helvetica, sans-serif}

</style>
</head>

<body>

<div id="head"><img src="head.jpg"/></div>
<div id="body">
<div id="menu">
<ul>
<li><a href="#" tabindex="1">Home</a></li>
<li class="main">
<a href="#" tabindex="2">Podnabidka<img src="arrow.jpg"/></a>
<ul class="sub">
<li><a href="#">ad1</a></li>
<li><a href="#">ad2</a></li>
<li><a href="#">ad3</a></li></ul></li>
.....
...
..
.
</div>
<div id="vrchnilista"> <img src="vrchnilista.jpg"/></div>
<div id="text">
<p>....text...</p>
</div>
<div id="dolnilista"><img src="dolnilista.jpg"/></div>
<div id="patka"><img src="patka.jpg"/></div>
</div>
</body>

tak se mi za 1. pri zmene velikosti okna v prohlizeci prizbusobuje velikosti (na stred) jen div body a to vyjma divu text a menu, ktere jsou jeho soucasti, patka, head, a ostatni zustavaji na miste a zmeni se pouze pri aktualizovani stranky, a za 2. bych potreboval poradit jak posadit div menu a div text na stejnou uroven tj. takto se mi zobrazi hlavicka, pod ni body a nalevo menu, ale div text zacina az pod nim, chtel bych aby tyto dva divy zacinaly na stejne vysce a div text byl napravo od menu. Dekuju moc za rady
Marekk
Profil *
jeste doplnek, u toho prizbusobeni na stred myslim vycentrovani divu pri zmene velikosti okna
Toto téma je uzamčeno. Odpověď nelze zaslat.