Titel in Hauptmenü richtig positionieren

Hi,

der Menüpunkt ist nicht nach rechts verschoben, sondern die vordefinierte Breite der Menüpunkte (= 90 Pixel) zu gering für die Anzahl der enthaltenden Zeichen, wie man unschwer am Menüpunkt "Buchung und Preise" erkennt, der in die zweite Zeile umgebrochen wird.

Lösung: Entweder eine größere Breite wählen, oder auf die Breitenangabe gänzlich verzichten, damit sich die Breite der Menüpunkte durch ihren Inhalt ergibt.

mfg Maik
 
Hallo Maik,

hab es auf width: auto; eingestellt, hat auch geklappt....

nur, wie bekomme ich nun die Menüpunkte einen Tick nach links , damit das nicht so nach rechts gedrückt aussieht?

Danke Dir
Su
 
Indem du hier den linken Innenabstand verringerst:
Code: 
.menu li{
       	list-style: none;
        float: left;
       	color: #fff;
        padding-top: 55px;
        border-left: solid 1px #fff;
       	font-weight: normal;
	font-size: 10px;
	padding-left: 20px;
        height: 12px;
        width: auto;
	text-transform: uppercase;	
}

mfg Maik
 
Maik hat gesagt.:
Indem du hier den linken Innenabstand verringerst:
Code: 
.menu li{
       	list-style: none;
        float: left;
       	color: #fff;
        padding-top: 55px;
        border-left: solid 1px #fff;
       	font-weight: normal;
	font-size: 10px;
	padding-left: 20px;
        height: 12px;
        width: auto;
	text-transform: uppercase;	
}

mfg Maik
Zum Vergrößern anklicken....
... oder analog dazu einen entsprechenden rechten Innenabstand deklarierst.

mfg Maik
 
Habe ich gerade gemacht, aber dann wird die gesamte Spalte enger, das sieht nicht gut aus. Kann ich nicht den Text bzw. den Menüpunkt etwas nach links justieren?


Gruß

Su
 
Was hast du gemacht: Den linken Innenabstand verringert, oder einen rechten Innenabstand hinzugefügt?

Von beidem seh ich da nichts.

Wie du den Text weiter nach links justieren kannst, hab ich dir vorhin in Post #5 geantwortet.

mfg Maik
 
Meinst du Gesamtbreite in diesem Bereich!?

#mainMenu {
float: right;
"width:600px;"
height: 28px;
margin-top: 0;
margin-right: 0;
margin-left: 2px;

also, z.B. auf 620px;

Gruß

Su
 
Und wie wäre es beispielsweise hiermit?
Code: 
.menu li{
       	list-style: none;
        float: left;
       	color: #fff;
        padding: 55px 10px 0 10px; /* Innenabstand: oben - rechts - unten - links */
        border-left: solid 1px #fff;
       	font-weight: normal;
	font-size: 10px;
	/*padding-left: 20px;*/ /* auskommentiert = deaktiviert */
        height: 12px;
        width: auto;
	text-transform: uppercase;	
}


mfg Maik
 
Ich habe nur an dieser Stelle width: auto; etwas geändert. Ich wollte jetzt einen rechten Innenabstand hinzufügen, da ich zuerst die Gesamtbreite des Hauptmenüs vergössern sollte, fragte ich, ob ich diese z.B. 620px vergrössern kann.

Grüsse

Su

// EDIT

Oh, du warst ja schneller als meine Antwort ;)

probier ich gleich mal aus


Grüsse
Su
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück