CSS Schreibeproblem

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

Autor dieses Themas

~~g******r~~

9:48, 20.2.2010

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

cars-ten

cars-ten hat kostenlosen Webspace.

12:09, 20.2.2010

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

display:block

Eigenschaft. Wenn Du sie in "inline" änderst, klappt es. Hier Dein von mir abgeänderter Code:

<!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

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city