Autor Zpráva
karelcss
Profil *
mam tyto dve menu definici v jednom css ? porad se mi to nejak mezi sebou micha - pozicovani ul, taky nevim jestly je vhodne udelana definice class jednoduse - mam dve menu chci kazdemu definovat jine vlastnost ...muze nekdo poradit v cem je problem ? diky


css----

#menu
{width:430px;
height: 300px;
float: left;
background-repeat: no-repeat;
background-image: url(img/pozadi2.gif);
background-position:;
margin: 0px;
padding: 0px;
text-align: left;
}


.menu ul {
list-style: none;
margin: 15px;
margin-left: 100px;
margin-top: 20px;
padding: 0px;
}
.menu li {
margin: 0px;
padding: 0px;
font-size: 17px;
background-image: url(img/gallery.gif);
background-repeat: no-repeat;
width: 100px;
height:40px;
display: block;
}

.menu li a:hover {
width: 100px;
height: 40px;
background-image: url(img/gallery.gif);
background-repeat: no-repeat;
background-position:-100px 0 ;
display: block;
}


#menugalery

{
width:800px;
height:50px;
float:left;
background-repeat: no-repeat;
background-position:;
margin: 0px;
padding: 0px;
text-align:left;
}




.galery li
{
display: inline;
list-style: none;
padding: 0px;
margin: 0px;
width: 100px;
background-image: url(img/gallery.gif);
}

.galery li a:hover
{

}



html ----
<div id="menu">
<ul class="menu">
<li class="menu"><a class="home" href="#">Vizitka<em></em></a></li>
<li class="menu"><a class="menubook" href="#">Guest book<em></em></a></li>
<li class="menu"><a class="menugallery" href="#">Gallery</a></li>
<li class="menu"><a class="tshirt" href="#">Trika<em></em></a></li>
<li class="menu"><a class="video" href="#">Video<em></em></a></li>
</ul>
</div>


<div id="menugallery">
<ul class="galery">
<li class="galery"><a class="home" href="#">vizitka</a></li>
<li class="galery"><a class="menubook" href="#">guest book</a></li>
<li class="galery"><a class="menugallery" href="#">tribal</a></li>
<li class="galery"><a class="menugallery" href="#">japanese</a></li>
<li class="galery"><a class="menugallery" href="#">realistic</a></li>
<li class="galery"><a class="menugallery" href="#">cover-up</a></li>
<li class="galery"><a class="menugallery" href="#">others</a></li>
<li class="galery"><a class="tshirt" href="#">trika</a></li>
<li class="galery"><a class="video" href="#">video</a></li>
</ul>
</div>
Kalby
Profil
ty jo mas to naky cely divny, urcite bych upravil ty nazvy:

jednou mas

#menu pak .menu

pak mas

#menugallery

ale v kodu mas jak id="menugallery" tak class="menugallery"
Str4wberry
Profil
Chceš-li definovat pro dvě menu různé vlastnosti, tak jednomu přidej třídu „menu“.
<style>
.menu {}
</style>
<ul class='menu'>
  <li>[…]
</ul>
A druhému „galery“.
<style>
.galery {}
</style>
<ul class='galery'>
  <li>[…]
</ul>
Všechno ostatní (třídy a <div>y) je zbytečné. Viz JPW: Vlastní styly.
karelcss
Profil *
<style>
.menu {}
.menu li {}
.menu a {}
</style>


<div id="kontejnermenu">
<ul class='menu'>
<li class='menu'>[…]
</ul>
</div>


takto ?? to jde taky ? protoze potrebuju definovat div -kontejner potom ul a li ..pripadne a
??
Str4wberry
Profil
Důkladněji se podívej na odkázaný článek.

protoze potrebuju definovat div -kontejner potom ul a li ..pripadne a
Pro zaměření odkazu vně položky seznamu použij div#kotejnermenu ul.menu li a {}; a třídy z jednotlivých <li> vyhoď.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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