Autor Zpráva
Měsíček
Profil
Nevíte co tomu vadí ? Já už si nevím rady zkoušel jsem už i margin: 0px auto; a nic ... problémem myslím špatné zobrazení v mozille ..


Měsíček
Profil
a css kód je :

#menu2 {

width: 100%;
height: 25px;
border-top: 1px solid Silver;
position: relative;
top: 85%;
color:green;

}

#polozka{

width: 70px;
height: 23px;
border-left:1px solid Silver;
text-align:center;
color:green;

}

#polozka_1{

width: 70px;
height: 23px;
border-left:0px solid Silver;
text-align:center;

}
Bubák
Profil
Bez HTML těžko říst (tajnůstkáři), ale tipnul bych si, že #polozka je inline.
Hlavně bez HTML nechápu, co má být #polozka, jen bych si tipnul, že já bych použil kontext, nebo nanejvýš třídy.
Měsíček
Profil
<div id="hlavicka">

<span id="nadpis" style="position:absolute;font-size:30px;color:green;top:40px;left:30px ;">Nadpis stránky</span>
<span id="hledac"><input type="text" name="hledac">&nbsp;&nbsp;<a href="javascript: document.form_name.submit()" style="background:white;border: 1px solid Darkgray;height: 22px;color:green;">&nbsp; Hledat &nbsp;</a></span>


<div id="menu2">

<span id="polozka_1"><a href="#">Položka #</a></span>
<span id="polozka"><a href="#">Položka #</a></span>
<span id="polozka"><a href="#">Položka #</a></span>
<span id="polozka"><a href="#">Položka #</a></span>
<span id="polozka"><a href="#">Položka #</a></span>
<span id="polozka"><a href="#">Položka #</a></span>
<span id="polozka"><a href="#">Položka #</a></span>
<span id="polozka"><a href="#">Položka #</a></span>
<span id="polozka"><a href="#">Položka #</a></span>
<span id="polozka"><a href="#">Položka #</a></span>

</div>

</div>
Bubák
Profil
Píšeš jako prase, ID je iedinečný identifikátor, na stránce se nemůže stejný ID vyskytovat 10×, ale pouze jednou. Nevyužíváš kontextu.
http://interval.cz/clanky/kaskadove-styly-v-dobrem-stylu/

Je to (záměrně) v transitonal HTML, ale jde snadno přepsat:
<style>
#menu2 {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
height: 25px;
border-top: 1px solid Silver;
position: relative;
top: 85%;
}
#menu2 li {
float: left;
width: 70px;
height: 23px;
line-height: 23px;
}
#menu2 a {
display: block;
width: 100%;
height: 100%;
border-left: 1px solid Silver;
text-align: center;
color: green;

}
#polozka_1 a {
border-left: none;
}

</style>

<menu id="menu2">
<li id="polozka_1"><a id="polozka_1" href="#">Položka #</a>
<li><a href="#">Položka #</a>
<li><a href="#">Položka #</a>
<li><a href="#">Položka #</a>
<li><a href="#">Položka #</a>
<li><a href="#">Položka #</a>
<li><a href="#">Položka #</a>
<li><a href="#">Položka #</a>
<li><a href="#">Položka #</a>
<li><a href="#">Položka #</a>
</menu>
Měsíček
Profil
Reaguji na Bubák :

Díky už je to lepší :-) a obzory se rošířily o další používání tagu <menu> :-)
Toto téma je uzamčeno. Odpověď nelze zaslat.