Pogledajte određenu poruku
Staro 08. 06. 2012.   #2
Br@nkoR
banned
Professional
 
Avatar Br@nkoR
 
Datum učlanjenja: 04.06.2005
Poruke: 371
Hvala: 0
738 "Hvala" u 83 poruka
Br@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoro
Default

Možda nešto kao:
HTML kôd:
<ul id="menu"> 
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a>  
    <ul>
      <li><a href="#">Item 2 1</a>
        <ul>
          <li><a href="#">Item 2 1 1</a></li>
          <li><a href="#">Item 2 1 2</a></li>
        </ul>
      </li> 
      <li><a href="#">Item 2 2</a></li> 
    </ul>
  </li>    
  <li><a href="#">Item 3</a></li>
</ul>
css:
Kôd:
#menu {
	background-color: #000;
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
#menu li {
	display: inline-block;
	position: relative;
	list-style: none;
	margin: 0 10px;
	padding: 0;
}
#menu a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px;
}
#menu a:hover {
	background: #333;
}
#menu li:hover > a {
	background-color: #666;
	color: #444;
}
#menu li:hover > ul {
	display: block;
}
#menu ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 150px;
	left: 0px;
	background-color: #999;	
}
#menu ul li {
	display: block;
	margin: 0;
	padding: 0;
}
#menu ul li:hover > ul {
	display: block;
}
#menu ul ul {
	background-color: #ccc;
	left: 150px;
	top: 0px;
}
Ili potraži na google-u ima dosta promera.
__________________
Don't look at me; I'm lost too.
“If you can't dazzle them with brilliance, baffle them with bul*s**t.”

Poslednja izmena od Br@nkoR : 08. 06. 2012. u 18:15.
Br@nkoR je offline   Odgovorite uz citat
"Hvala" Br@nkoR za poruku: