mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 09:47 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: 45
Geschlecht: Weiblich
Verfasst Fr 19.01.2007 14: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 CSS Listen Menü - komisches Margin
Hilfe! Probleme mit <li> listen-Menü
Listen Problem
problem mit listen navigation
Problem mit 2 Listen (nebeneinander) in einem Div
CSS Problem mit Abstand zwischen Listen-Elementen
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB