|
|||
![]()
Ich wollte das bei allen Buttons, wenn man darauf geht, die Schriftart blau wird. Das klappt jetzt aber nur beim ersten Button bei den anderen nicht. Warum? Vielen Dank für eure Hilfe.
Code:
ul#navi_main { text-align:center; font-family: Comic; font-weight: bold; font-size: 17px; } ul#navi_main a { text-decoration: none; color: black; } ul#navi_main a:hover { text-decoration: none; text-decoration: blue; } ul#navi_main li { float: left; position: relative; list-style-type: none; } ul#navi_main li.zunav { width: 20px; padding-top: 5px; padding-bottom:5px; } ul#navi_main li.home { width: 100px; padding-top: 5px; padding-bottom:5px; } ul#navi_main li.benutzer { width: 100px; padding-top: 5px; padding-bottom:5px; } HTML-Code:
<html> <head> <link href="css/stylesheet_main_homepage.css" type="text/css" rel="stylesheet" /> </head> <body> <nav> <div id="navigation_main"> <div id="main"> <ul id="navi_main"> <a href="home.php"><li class="home">Home</li> <ul class="dropdown_navi"> <a href="eintrag.php"><li>Neuer Eintrag</li></a> <a href="upload.php"><li>Neues Bild</li></a> </ul> </a> <li class="zunav"><img src="zunav.jpg" /></li> <a href="benutzer.php"><li class="benutzer">Benutzer <ul class="dropdown_navi"> <a href="aktivieren.php"><li>Aktivieren</li></a> </ul> </a> </ul> </div> </div> </nav> </body> </html> |
Sponsored Links |
|
|||
![]()
Dein HTML-Code ist noch fehlerhaft. <li> sollte nicht innerhalb von <a> vorkommen.
Die Ursache für dein Farbproblem ist jedoch ein simpler Schreibfehler. Falsch: Code:
ul#navi_main a:hover { text-decoration: none; text-decoration: blue; } Code:
ul#navi_main a:hover { text-decoration: none; color: blue; } |
Sponsored Links |
|
|||
![]()
Ups... das ist jetzt aber peinlich. Vielen Dank. Kannst du mir noch sagen, warum Neuer Eintrag und neues Bild Button neben dem Home Button erscheinen und nicht wie beim Benutzer Button, dass der Aktivierungsbutton im anderen noch versteckt bleibt und sich erst beim klicken zeigt. Vielen Dank
Code:
ul#navi_main li ul.dropdown_navi { background-color: white; position: absolute; left: 0px; top: 30px; width: 115px; padding: 5px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 2px 2 px 5px #000000; } ul#navi_main li ul { float: none; text-align: left; display: block; color: black; padding: 5px; } ul#navi_main li ul li:hover { float: none; text-align: left; display: block; color: blue; background-color: #DCDCDC; padding: 5px; } ul#navi_main li>ul { display: none; } ul#navi_main li:hover>ul { display: block; } |
![]() |
Stichwörter |
button, farbe |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Formatierung funktioniert Serverseitig nicht | anita | CSS | 1 | 27.05.2010 17:25 |
affili link nicht direkt ansprechbar wie formatierung? | docki | CSS | 5 | 21.04.2007 14:11 |
CSS Formatierung von Überschriften | deepblue | CSS | 3 | 09.03.2007 11:40 |
textarea formatierung wird nicht angenommen | manuu | CSS | 1 | 28.02.2006 12:45 |
<p> formatierung wird nicht angenommen | manuu | CSS | 2 | 19.02.2006 11:20 |