Autor Zpráva
Pesanet
Profil *
Dobrej, udělal jsem si svoje menu. Všude vidím menu dělané pomocí ul a li. Já sem si ho udělal jen pomocí div a span. Vadí to když se to udělá takhle nebo se prostě musí pomocí tich záložek li a ul?....Vypadá to takhle....

#obalmenu{width:950px;}
#menu{background: url('images/menu3.png');width:100%;height:42px;}
#menu span {float:left;margin-left:5px;position:relative;left:6px}
#menu a  {display:block;padding:16px 10px 10px 15px;font:14px Georgia;color:white;text-decoration:none;}
#menu a:hover, #menu .active  {background: url('images/menuhover2.png');background-repeat:repeat-x;color:white;}


A ve zdrojáči takhle:
<div id="obalmenu">
	<div id="menu">
		
    <span><a href="index.html">HOME</a></span>
		<span><a href="omne.html">O MNĚ</a></span>
		<span class="active"><a href="bla.html">POMOC</a></span>
		<span><a href="bla.html">FOTOGALERIE</a></span>
		<span><a href="bla.html">VIDEO</a></span>
    <span><a href="kontakt.html">KONTAKT</a></span>
		     
</div>

</div>
Radek9
Profil
Pesanet:
Podle mě to asi ničemu nevadí, ale co vám brání to udělat pomocí ul a li?
Mistr
Profil
Pesanet:
Všude vidím menu dělané pomocí ul a li. Já sem si ho udělal jen pomocí div a span.
Nemáš rád sémantiku?
Bubák
Profil
Sémantičtější menu je při vypnutých stylech o poznání přehlednější, porovnej v prohlížeči:
<div id="menu">
	<span><a href="index.html">HOME</a></span>
	<span><a href="omne.html">O MNĚ</a></span>
	<span class="active"><a href="bla.html">POMOC</a></span>
	<span><a href="bla.html">FOTOGALERIE</a></span>
	<span><a href="bla.html">VIDEO</a></span>
	<span><a href="kontakt.html">KONTAKT</a></span>
</div>

<ul id="menu">
	<li><a href="index.html">HOME</a></li>
	<li><a href="omne.html">O MNĚ</a></li>
	<li class="active"><a href="bla.html">POMOC</a></li>
	<li><a href="bla.html">FOTOGALERIE</a></li>
	<li><a href="bla.html">VIDEO</a></li>
	<li><a href="kontakt.html">KONTAKT</a></li>
</li>

Akorát budeš muset do stalu přidat tohle:
#menu{list-style: none; margin: 0; padding: 0;}
Též je možné udělat menu pomocí menu a li, ale <menu> není v ořezaných verzích HTML a XHTML, které se honosně nazývají "strict".

Ještě dodám, položky menu nemusíš psát velkými písmeny, jde použít CSS pravidlo:
text-transform: uppercase; 
Pesanet
Profil *
Takže nějak takhle? :
#menu{background: url('images/menu2.png');width:994px;height:42px;list-style: none;margin: 0;padding: 0;}
#menu li {float:left;margin-left:5px;position:relative;left:6px}
#menu a  {display:block;padding:16px 10px 10px 15px;font:14px Times new Roman;color:white;text-decoration:none}
#menu a:hover, #menu .active  {background: url('images/menuhover2.png');background-repeat:repeat-x;color:white;}


Moderátor Mistr: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
panther
Profil
Pesanet:
Takže nějak takhle?
to snad víš ty, jak má tvé menu vypadat a jak se ti líbí, ne?

Mimochodem, ten Times new Roman bez apostrofů a obecné rodiny písem (serif) nic moc.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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