CSS Schreibeproblem
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
blocken
code
dank
display
eigenschaft
grund
helfen
http
impressum
links impressum
links links text
merkmal
produkt
situation
text
url
zuviel
-
Aloha,
Ich habe ein CSS Menü geschrieben (Siehe Unten) und ich schaffe es nicht Text neben dem Menü zu schreiben. Ich habe natührlich Bereits gegooglelt und die Lima-SuFu benutzt, aber es Funktioniert Irgendwie nic /-[ .
CSS:
<head> <style type="text/css"> a.menupunkt{ color: black; font-weight: normal; text-align: left; font-family: Arial; font-style: normal font-size: 15 px; border-color: yellow ; border-style: normal ; margin: 30 px; border-width: 2 px; padding: 8 px; background: red; width: 130; display: block; text-decoration: none; } a.menupunkt:hover{ color: blue; font-weight: 2; text-align: right; font-family: Arial; font-style: normal font-size: 22 px; border-color: black ; border-style: normal ; margin: 15 px; border-width: 2 px; padding: 8 px; background: black; width: 130; display: block; text-decoration: none; } </style> </head> <body> <a class="menupunkt"href="deineurl" target=""> Home </a> <a class="menupunkt"href="deineurl" target=""> Über uns </a> <a class="menupunkt"href="deineurl" target=""> Produkte </a> <a class="menupunkt"href="---" target=""> Help </a> <a class="menupunkt"href="---" target="_blank"> Links </a> <a class="menupunkt"href="---" target=""> Impressum </a> </body> </html>
Ich hoffe Ihr könnt mir helfen. Das CSS gibt es übrugens unter http://www.gatterer.lima-city.de/thespock/css/sun.htmlzu shenen.
Danke schonmahl im Vorraus
LG
gatterer
Beitrag zuletzt geändert: 20.2.2010 9:49:00 von gatterer -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du hast ein wenig zuviel geschrieben! Gerade im zweiten CSS-Block für die hover-Situation brauchst Du die Merkmale, die Du schon vorher gleich definiert hast, nicht noch einmal zu erwähnen, da sie "cascadierend" (daher der Name!) von der darüberliegenden CSS-Eigenschaft übernommen werden.
Der Grund, warum Du keinen Text hinter die Menüeinräge schreiben konntest, liegt in der
Eigenschaft. Wenn Du sie in "inline" änderst, klappt es. Hier Dein von mir abgeänderter Code:display:block
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> a.menupunkt{ color: black; font-weight: normal; text-align: left; font-family: Arial; font-style: normal font-size: 15 px; border-color: yellow ; border-style: normal ; border-width: 2 px; padding: 8 px; background: red; width: 130; display:inline; text-decoration: none; } a.menupunkt:hover{ color: blue; font-weight: 600; text-align: right; border-color: black ; background: black; } </style> </head> <body> <a class="menupunkt"href="deineurl" target="">Home</a> Home-Text ...<br> <a class="menupunkt"href="deineurl" target="">Über uns</a> Über uns-Text ...<br> <a class="menupunkt"href="deineurl" target="">Produkte</a> Produkte-Text<br> <a class="menupunkt"href="deineurl" target="">Help</a> Help-Text ...<br> <a class="menupunkt"href="deineurl" target="">Links</a> Links-Text ...<br> <a class="menupunkt"href="deineurl" target="">Impressum</a Impressum-Text ...><br> </body> </html>
Beitrag zuletzt geändert: 20.2.2010 12:10:15 von cars-ten -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage