kostenloser Webspace werbefrei: lima-city

Css Menü

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   christian1603

   

   christian1603 hat kostenlosen Webspace.

   19:20, 15.9.2009

   Hallo,
   ich will mit css ein menü tag/basteln">basteln.
   
   "Home Meine Seite Forum ............"
   
   So wenn ich mit der maus drüber gehe soll sich der hintergund schwartz färben.
   also so ähnlich wie bei lc
   wie geht das??
   LG
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. illuxio

   

   illuxio hat kostenlosen Webspace.

   19:24, 15.9.2009

   a {
   background-color: white;
   }
   
   a:hover {
   background-color: black;
   }

   
   
   So geht das "hover" ist für den Fall, dass der User über den Link geht.
   
   Gruß
   illuxio
4. Autor dieses Themas

   christian1603

   

   christian1603 hat kostenlosen Webspace.

   19:39, 15.9.2009

   ganz ehrlich ich bin zu blöd

5. qap2

   

   qap2 hat kostenlosen Webspace.

   21:42, 15.9.2009

   Um einen validen HTML-Code zu bekommen würde ich dir folgendes empfehlen:
   

   CSS:
   #menu_btn {
   background-color:#666666;
   }
   
   #menu_btn:hover {
   background-color:#000000;
   }
   
   HTML:
   <div id="menu_btn"><a href="start.html">Start</a></div><br>
   <div id="menu_btn"><a href="seite1.html">Seite 1</a></div>

   
   Die ID ist gewählt weil Klassen nicht unterscheiden können. Trotz der selben ID wird unterschieden zwischen Box "start" und Box "seite 1"!

6. t****o

   21:47, 15.9.2009

   Bitte überrumpelt ihn nicht so, er meint dass er es gerade überhauptnicht durchschaut.
   Meine Hilfe: versuchs mal damit:
   
   css4you.de Das sollte schon das meiste klären,
   de.selfhtml.org falls du keinen Plan von HTML hast (gehe ich mal nicht von aus.)
   
   telelo

7. e********l

   9:19, 16.9.2009

   qap2 schrieb:
   Um einen validen HTML-Code zu bekommen würde ich dir folgendes empfehlen:
   

   CSS:
   #menu_btn {
   background-color:#666666;
   }
   
   #menu_btn:hover {
   background-color:#000000;
   }
   
   HTML:
   <div id="menu_btn"><a href="start.html">Start</a></div><br>
   <div id="menu_btn"><a href="seite1.html">Seite 1</a></div>

   
   Die ID ist gewählt weil Klassen nicht unterscheiden können. Trotz der selben ID wird unterschieden zwischen Box "start" und Box "seite 1"!
   

   
   Schlechte Lösung, weil diese nicht in allen Browsern funktioniert. Das A Tag sollte zuvor noch zu einem Block Element umgewandelt werden und die Regel von "#menu_btn" nach "#menu_btn a" geändert werden.

8. b**********n

   10:15, 16.9.2009

   hallo
   
   willst Du, dass die Links nebeneinander stehen oder untereinander ???
   ich würde es mit ner "Liste" machen ...
   
   für nebeneinander brauchst Du ein float:left
   
   
   

   <div id="menue">
   <ul>
   <li> <a href=....>Text1</a> </li>
   <li> <a href=....>Text2</a> </li>
   <li> <a href=....>Text3</a> </li>
   </ul>
   </div>

   
   
   CSS:
   
   

   #menue {
   background-color:#666666;
   }
   
   #menue li { 
    float:left; 
   }
   
   #menue li a { 
    display:block;  
    padding: 2px 10px 2px 10px;
   }

   
   
   ... so ungefähr ...
   
   Beitrag zuletzt geändert: 16.9.2009 10:47:46 von businessplan

9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?