Abstand Text von Background-color

[wup179]

Hallo,

schon wieder ein Neuling

Ich komme bisher ziemlich gut klar, nur bleibe ich an einer Stelle hängen. Für meine Unterpunkte in der Navigation habe ich eine Background-color angelegt. Der Text darauf ist rechtsbündig. Nun möchte ich gerne, daß der Text nicht ganz bis zum Rand des Hintergrundes geht, finde aber keine Möglichkeit.

#navigation ul.nav2nd a,
#navigation ul.nav2nd a:link {
display:block;
padding: 4px 0;
margin:0.2em;
font-family:verdana, arial, helvetica, sans-serif;
text-align:right;
font-size:1.3em;
color:#fff;
font-weight:bold;
font-style: normal;
background-color:#FFCC66;


Wie muss ich das einbringen? Danke schon mal für eure Hilfe!

[Thomas.Blum]

Hej und willkommen bei Redaxo,

änder einmal
padding: 4px 0;

zu
padding: 4px 10px;

vg Thomas

[wup179]

Danke für die Antwort, aber das ändert leider garnichts, hatte ich auch schon versucht. Ich denke das hängt mit der Nav1 zusammen.

Kann ich hinter Textzeilen eine Leerzeile erzwingen, auch wenn kein Text folgt? Das würde mein Problem auch schon lösen!

[svenalbert]

hi,

unabhängig von thomas' rat, hätte ich dir den gleichen gegeben, weil so wie du dein problem beschreibst, müßte es mit der von ihm geposteten änderung funktionieren.

am besten mal ein link zur seite (oder den kompletten abschnitt des css) dann hat das raten ein ende.

Sven

[wup179]

So, ich hoffe dies ist der richtige Abschnitt....die Seite darf ich noch nicht öffentlich machen, sorry.


#content, #content2 {
display:block;
clear:both;
position:relative;
padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #content2 {
height:1px;
}
/* end hide */


#content {}

#content2 {
/*background-image:url(bg_content.jpg);*/
background-color:#fff;
background-repeat:repeat-y;
}

#main {
float:left;
width:660px;
}

#main-block {}

#main-block2 {
padding:14px 0px;
}



#navigation {
float:left;
width:200px;
padding:14px 0;
}

#navigation ul.nav1st {
width:190px;
}


#navigation ul.nav1st li {
padding:8px 0 8px 14px;
}

/*#navigation ul.nav1st li.active {
background:#f7f7f7; */
}

#navigation ul.nav1st li.active a,
#navigation ul.nav1st li.active a:link {
color:#090;
}

#navigation ul.nav1st a,
#navigation ul.nav1st a:link {
display:block;
color:#E89434;
font-size:1.7em;
font-weight:bold;
font-family:verdana, arial, helvetica, sans-serif;
}

#navigation ul.nav1st a:hover {
color:#666666;
}


#navigation ul.nav1st li ul.nav2nd li {
padding:0;
margin-left:0px;
list-style-type:none;
}

#navigation ul.nav2nd a,
#navigation ul.nav2nd a:link {
display:block;
padding: 4px 0px;
margin:0.1em;
font-family:verdana, arial, helvetica, sans-serif;
text-align:right;
font-size:1.3em;
color:#fff;
font-weight:bold;
font-style: normal;
background-color:#E89434;
}

#navigation ul.nav2nd a.current,
#navigation ul.nav2nd a.current:link,
#navigation ul.nav2nd a:hover {
}



Danke euch!

[Thomas.Blum]

Hej,

der o.g. Code müsste auch hier normalerweise passen. Daher gehe ich einmal davon aus, das die Navigation nicht mit den Selektoren angesprochen werden kann.

Von daher ist es besser eine Url zu posten bzw einen Testcase zu erstellen. Mit der Glaskugel habe ich es nicht so ...

vg Thomas