@charset "utf-8";
/* CSS Document */

#jedna {
  position: relative; 
  width: 900px; 
  margin: 0 auto; 
  background-color:#993300; 
  color:black;
  padding:10px;
}

li {
margin:1px 3px;
}


#horizontalne_menu ul li {
   list-style-type: none;
   display: inline;
   background: url("jeden.png") no-repeat scroll;
   font-family: georgia;
   font-size: 10pt;
   float: left;
}


#horizontalne_menu ul li a {
   text-decoration: none;
   color: grey;
   float: left;
   width: 100px;
   height: 23px;
   padding: 7px 0 0 0;
   text-align: center;
}





#horizontalne_menu ul li a:hover{
   color: #b2d8de;
}


#horizontalne_menu ul li:hover{
   background-position: 0 -30px; 
   color: #b2d8de;
}

a v html

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css.css" rel="stylesheet" type="text/css" />
<title>horizontálne menu</title>
</head>

<body>
<div id="jedna">


<div id="horizontalne_menu"> 

<ul>
   <li><a href="#nieco">Položka 1</a></li>
   <li><a href="#nieco2">Položka 2</a></li>
</ul>

</div>
</body>
</html>

no a ja by som potreboval s tochto munu vytvorit vysuvacie
cize ked kliknem na Položku 1 alebo ked na ne iba najedem tak my vysunie dalsie menu a tam si to uz vyberiem
a
ese taky typ menu ked najedem alebo klknem na položku1 tak mi pod men vysunie listu v ktorom by boli dalsie odkazy
no neviem ako to urobit ci sa to da aj cez css alebo js :cry:

idiotart · Napísal **idiotart**: 10.08.2008 10:14

http://htmldog.com/articles/suckerfish/dropdowns/

mienkofax · Napísal autor témy **mienkofax**: 10.08.2008 19:49

a nieco v sk alebo v cz
po aj este tak dobre nevim

idiotart · Napísal **idiotart**: 10.08.2008 21:30

ved tam to nemusis ani citat, tam dole je priklad, si zobraz zdrojovy kod a ctrl c

Maron · Napísal **Maron**: 20.08.2008 13:59

Da sa spravit nieco podobne aj bez JS?

idiotart · Napísal **idiotart**: 21.08.2008 19:19

ten javascript mozes uplne vynechat, on sluzi len na to, aby po najdeni mysou na polozku v menu ostala ta polozka zvyraznena, kym sa pohybujes v podmenu. cize len z estetickeho hladiska. potom staci trochu upravit css kod a ide to aj bez toho.

Maron · Napísal **Maron**: 22.08.2008 9:20

No neviem ci mas pravdu. V uvedenom priklade ked prejdem do podmenu
mi v nadradenom menu neostane zvyraznena polozka. (mozno ked sa upravi JS).
Bez vynechania JS - to si neviem predstavit. HTML ani CSS nemaju funkcie a neviem ako by
zareagovali na udalost - ze som mysou
nad nejakou polozkou - chyba tam OnMouseOver()

idiotart · Napísal **idiotart**: 22.08.2008 9:51

css ma moznost a:hover a to si myslim ze je postacujuce.
s tym menu som pracoval, tak hovorim len to co viem z vlastnej skusenosti.

Maron · Napísal **Maron**: 22.08.2008 10:00

ja tiez zo skusenosti tvrdim ze bez JS sa mi nerozbali podmenu a potom je to nefunkcne.

menu

Podobné témy