Autor Zpráva
Martin25
Profil
dobrý den, mám problém že se tam mám bud mezery(jak je vyznačeno na obrázku) nebo se to posune dolů, myslim že protože ta vlastost float:right/left má slabý rámovaní 2.5px a otázka tedy je jak se ho můžu zbavit? děkuju za odpovědi
obrázek:Odkaz
LosFilipos
Profil
Bez kódu těžko...
Martin25
Profil
html-ta část(menu + prostředek)


<!-- MENU -->
<div class="menuL">
<span class="topleft">
</span>
<a href="index.html">
<div class="home">
</div>
</a>
<a href="about">
<div class="about">
</div>
</a>
<div class="left">
</div>
</div>
<div class="menuR">
<span class="topright">
</span>
<a href="gale.html">
<div class="gale">
</div>
</a>
<a href="port.html">
<div class="port">
</div>
</a>
<div class="right">
</div>
</div>
<!-- Obsah -->
<div class="obsah">
<span class="topmain">
</span>
<div class="main">
aaa<br>
aaa<br>
aaa<br>



</div>
</div>

css

.menuL {
margin: 0px 0px 0px 0px;
float: left;
}
.menuR {
margin: 0px 0px 0px 0px;
float: right;
}
.topleft, .topright {
width: 72px;
height: 36px;
}
.topleft {
background: url(images/topleft.png) no-repeat;
}
.topright {
background: url(images/topright.png) no-repeat;
}

}
.home, .about, .gale, .port {
height: 120px;
width: 72px;
}
.home {
background: url(images/Home.png);
}
.about {
background: url(images/About.png);
}
.gale {
background: url(images/Galery.png);
}
.port {
background: url(images/Portfolio.png);
}
.topmain {
background: url(images/top-main.png) repeat-x top;
height: 36px;
width: 856px;
}
.left ,.right {
width: 72px;
height: 100px;
}
.left {
background: url(images/left.png) repeat-y;
}
.right {
background: url(images/right.png) repeat-y;
}
.obsah {
text-align: center;
height: 856px;
}
.main {
background: url(images/main.png) repeat;
width: 856px;
}



PS: teprve začínám takže klidně vytknout i jiný chyby
LosFilipos
Profil
Všechny odkazy by měly mít i textovou alternativu (text se zobrazovat nemusí - buď font-size:0 nebo text-indent:-3000px)
Uvnitř tagu <a> nesmí být tag <div> - stejnou funkci bude mít odkaz, když mu nastavíš display:block;
Cesta k obrázku by měla bát v úvozovkách (není to fatální chyba)

Zkus to hodit někam na web a dát sem odkaz na pracovní verzi, protže z tohodle kusu kódu se nedá určit, kde je chyba. Nikde tam není ten element, ve kterém to všechno plave... Samo od sebe nemá float element žádný okraj, chyba bude někde v šířce divu, ve kterém to všechno je...
Darker
Profil
Byl bych radši za živou ukázku...
Slyšel jsi už o imageshack.us ?
Martin25
Profil
LosFilipos: jj dík a kde bys doporučoval dát tu pracovní verzi?
LosFilipos
Profil
Martin25:
Založ si účet na webzdarma.cz, třeba...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: