fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Weblapkészítés » Html-ben szeretnék legördülő...

Html-ben szeretnék legördülő menüt! Link lenn! Mi a kódja ennek?

Figyelt kérdés

#kód
2012. dec. 14. 12:23
 1/4 anonim ***** válasza:
Hol a link?
2012. dec. 14. 13:24
Hasznos számodra ez a válasz?
 2/4 anonim ***** válasza:
Sima HTML-ben nem fogod tudni megoldani, esélyes, hogy némi CSS is van benne.
2012. dec. 14. 13:25
Hasznos számodra ez a válasz?
 3/4 anonim ***** válasza:

Hogy még cifrázzuk is a dolgot, legyen benne css-en kívül egy kis js is:

[link]


Egyébként egyszerű dropdown menühöz elég a html és css kombináció.

2012. dec. 14. 17:00
Hasznos számodra ez a válasz?
 4/4 anonim ***** válasza:

hát csak mert nem bírok aludni....



<html>

<head>


</head>


<body>

<style>

#link{text-align:center;}

.fk1 {display:none;width:144px;background-color:red;top:44px;}

.fk2 {display:none;width:144px;background-color:red;top:44px;left:329px;}

.fk3 {display:none;width:144px;background-color:red;top:44px;left:514px;}

#f1:hover .fk1 {display:block;position:absolute;}

#f1:hover .fk2 {display:block;position:absolute;}

#f1:hover .fk3 {display:block;position:absolute;}

#link a:link, #link a:visited {position:relative;float:left;padding-top:15px;height:29px; background-color:red;color:black; text-decoration:none;}

#link a:hover, #link a:active{position:relative;float:left;padding-top:15px;height:29px; background-color: blue;color:white;text-decoration:none;}

</style>

<div id="link">

<div id="f1">

<a href="#" style="width:144px;">MENU1</a>

<div class="fk1">

<a href="aprojektfelepitese.php" style="width:144px;">almenu1</a>

<a href="projekttagok.php" style="width:144px;"> almenu2 </a>

<a href="aprojektfelepitese.php" style="width:144px;">almenu3</a>

</div>

</div>


<a href="projekttevekenysegek.php" style="width:177px;">MENU2</a>


<div id="f1">

<a href="#" style="width:185px;">MENU3 </a>

<div class="fk2">

<a href="rendezvenyek.php" style="width:185px;">masodik almenu1</a>

<a href="sajtokozlemenyek.php" style="width:185px;">masodik almenu2</a>

<a href="publikaciok.php" style="width:185px;">masodik almenu3</a>

</div>

</div>


<div id="f1">

<a href="#" style="width:185px;">MENU4 </a>

<div class="fk3">

<a href="rendezvenyek.php" style="width:185px;">harmadik almenu1</a>

<a href="sajtokozlemenyek.php" style="width:185px;">harmadik almenu2</a>

<a href="publikaciok.php" style="width:185px;">harmadik almenu3</a>

</div>

</div>


<a href="kapcsolat.php" style="width:99px;">MENU5 </a>



</div>


</body>


</html>

2012. dec. 16. 06:58
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Weblapkészítés kategória kérdései »



Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!