mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 04.12.2016 09:27 Benutzername: Passwort: Auto-Login

Thema: Problem mit Listen-Menü (horizontal) vom 19.01.2007

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Problem mit Listen-Menü (horizontal)
Autor Nachricht
Luvshining
Threadersteller

Dabei seit: 04.08.2005
Ort: Bayern
Alter: 37
Geschlecht: Weiblich
Verfasst Fr 19.01.2007 13:04
Titel

Problem mit Listen-Menü (horizontal)

Antworten mit Zitat Zum Seitenanfang

Hallo,

mit Listen-Formatierungen tue ich ich wohl noch immer ein wenig schwer. Mein Problem: Ich habe eine horizontale Navigation. Die Buttons sollen alle 20px hoch und 85px breit sein. Der Abstand zwischen den Buttons soll 10px betragen. Jeder Button ist mit einem "blau/rotem Bild" hinterlegt. Beim hover wechselt das Bild auf vollständig rot.

Jetzt habe ich mir alles zusammengeschrieben und komme nicht weiter bei dem Punkt einen Abstand von 10px zwischen den jeweiligen Buttons einzubauen.
Auch erscheint es mir, als wenn die Buttons im FF die Höhe von 20px haben und im IE nur 18px hoch sind.

Kann mir jemand von euch weiterhelfen?

Code:

#h-contain {
position: absolute;
top: 185px;
width: 793px;
height: 20px;
background-color: #F0F5F8;
}

#h-nav {
float:left;
width: 100%;
line-height: normal;
margin: 0;
margin-left: 5px;
}

#h-nav ul li {
list-style:none;
margin: 0;
display: inline;
height: 20px;
}

#h-nav a {
padding-top:2px;
width: 85px;
height: 20px;
color: #FFFFFF;
font: 0.9em verdana, arial, helvetica,;
background:url("../images/navigation/button_on.gif") repeat-x right top;
text-decoration: none;
display: block;
float:left;
text-align: center;
}

#h-nav a:hover {
padding-top:2px;
width: 85px;
height: 20px;
color: #FFFFFF;
font: 0.9em verdana, arial, helvetica,;
background:url("../images/navigation/button_over.gif") repeat-x right top;
text-decoration: none;
display: block;
float:left;
text-align: center;
}

#h-nav a span {
float:left;
display:block;
color:#FFF;
text-decoration: none;
}


Vielen lieben Dank im voraus.

Gruß
Nadine
  View user's profile Private Nachricht senden
Ähnliche Themen Hilfe! Probleme mit <li> listen-Menü
CSS Listen Menü - komisches Margin
Listen Problem
problem mit listen navigation
Problem mit 2 Listen (nebeneinander) in einem Div
[css] problem mit firefox und geschachtelten, unsort. listen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.