vízszintes menü lenyíló menükkel(ami nekem kint van)

vízszintes menü lenyíló menükkel:

Demó:látható az oldalon!

Kód:

<div id="fejlecen-tartalom">
<style type="text/css">
#menu{
list-style: none;
}
#menu li{
float: left;
padding: 2px;
position: relative;
}
#menu a{
float: left;
padding: 10px 0;
width: 130px;
}
#menu li a{
font-family: Century Gothic !important;
font-size: 11px !important;
color: #000000;
text-align: center;
background:  #ffffff;
letter-spacing: 1px !important;
text-transform: uppercase;
text-decoration: none;
}
#menu li:hover > a{color: #000000;}
*html #menu li a:hover{ /* IE6 */
color: #ffffff;
}
#menu li:hover > ul{
display: block;
}
#submenu{
list-style: none;
padding: 0;
display: none;
position: absolute;
top: 35px;
left: 2px;
z-index: 99999;
background:#ffffff;
width: 135px;
}
#submenu li{
float: none;
margin: 0;
padding: 0;
display: block;
}
#submenu li a{
font-family: Century Gothic !important;
font-size: 13px !important;
font-weight: normal !important;
color: #000000 !important;
background:  #ffffff;
padding: 10px 0;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
#submenu li a:hover{ /* lenyíló menü színe, ha ráviszed az egeret */
color: #000000 !important;
background: #C2A583;
} </style>
<center>
<ul id="menu">
<li>
&nbsp;</li>
<li>
<a href="http://">MENÜ1</a></li>
<li>
<a href="http://">MENÜ2</a></li>
<li>
<a href="http://">MENÜ3</a>
<ul id="submenu">
<li>
<a href="http://">MENÜ3</a></li>
<li>
<a href="http://">MENÜ3</a></li>
<li>
<a href="http://">MENÜ3</a></li>
</ul>
<li>
<a href="http://">MENÜ4</a>
<ul id="submenu">
<li>
<a href="http://">MENÜ4</a></li>
<li>
<a href="http://">MENÜ4</a></li>
<li>
<a href="http://">MENÜ4</a></li>
<li>
</ul>
</li>
<li>
<a href="/">MENÜ5</a>
<ul id="submenu">
<li>
<a href="//jegvirag.gportal.hu/gindex.php?pg=5144845">MENÜ5</a></li>
<li>
<a href="//jegvirag.gportal.hu/gindex.php?pg=36655379">MENÜ5</a></li>
<li>
<a href="//jegvirag.gportal.hu/gindex.php?pg=36655871">MENÜ5</a></li>
 
</ul>
</li>
<li>
 
<li>
<a href="http://">MENÜ6</a></li>
</ul>
</li>
 
</center>
</div>
<style type="text/css">
#fejlecen-tartalom{
width: 1150px; /* ezzel adod meg a tartalom szélességét. */
height: 50px; /* ezzel adod meg a tartalom magasságát. */
position: absolute; /* ez marad */
margin-left: auto; /* ez marad */
margin-right: auto; /* ez marad */
margin-left: 10px; /* ezzel állítod be, hogy balról mennyivel dobja el a tartalmat a CSS */
margin-top: 300px; /* fentről lefelé dobja el a tartalmat a CSS */
}
--></style>
 
 

 

 

 

 

 

 

 

 

 

 

(Ha valami nem megy szólj és segítek. virag-78@gportal.hu )

Készült:2017.08.04.

Copyright  © 2005-2018 Virág Design

 

 
Oldal információ

Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Naptár,Design!
E-mail:virag-78@gportal.hu
Tárhely: gportal.hu
Kategoria:Portálépítés
Indulás:2005.04.12.
URL: jegvirag.gportal.hu
Facebook: Virág Design
Szerkeszto/Design:Virág

   

Virág1 , Jégvirág , Virgonc , Minta
 
Javascript,Html kód
 
Blog plusz
 
Kiemelt Menü
(Ha a képekre kattintasz akkor az elkövetkező ÜNNEPEKRE,ÉVSZAKOKRA JUTSZ el:( tavaszi menü , nyári menü , őszi menü ,  téli menüjévi menü ,  farsangi menü , valentin napi menü , anyák napi menü  , húsvéti menü , halloween menü , hálaadás menü , karácsonyi menü , születésnapi menü , gyerek napi menü  ) Amiben megtalálsz mindent amihez egy weboldalon szükség lehet.Kellemes weboldalszerkesztést!)
 
Belépés
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 

 

Számláló
Indulás: 2005-04-12
 
Google hirdetés
 
Copyright  © 2005-2024 Virág Design /  www.jegvirag.gportal.hu /  virag-78@gportal.hu

 


Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre