✔ Padding+ Background Image

[Jan-Frederik Stieler]

Vielen Dank euch beiden für euere Hilfe! Mit dem Background-position funktioniert es.

Viele Grüße

 

[noise]

	#top_subNavi {
			/*background-color: green;*/
			background-image: url('./images/top_subNavi.jpg');
			text-align: left;			
			width: 570px;
			height: 45px;
			float: left;
			padding-top: 10px;
			padding-left: 10px;	
		}

Wenn ich das padding-left rausnehme wird mir das background-image angezeigt.
Sobald aber ein padding drin ist hab ich eine weisse Box vor mir...
Ich dachte das padding wirkt nicht auf den BG?
btw. die Box hat im Moment den Inhalt --> "Link1 Link2 Link3"

Siehe hier..

 

[Maik]

Dein CSS-Codeschnippsel funktioniert bei mir fehlerfrei, die Hintergrundgrafik wird auch mit der padding-left -Angabe angezeigt.

• Browsercheck: FF 1.5, IE 6.0, MOZ 1.7, NN 7.0, OP 8.50 | Win2000

 

[noise]

Hallo,

danke fürs checken!
Kannst du dir das mal bitte direkt in "Aktion" ansehen?

http://www.vito.at/subnavitest/index.php

http://www.vito.at/subnavitest/styles.css

Grüße!

 

[Maik]

Mein Lösungsvorschlag: die padding-left -Angabe entfernen und dafür margin-left für das verwendete Inline-Element font notieren:

<font style="margin-left:10px; color:white; font-variant:small-caps;">
<a href="#">Über uns</a> ::
<a href="#">Team</a> ::
<a href="#">Philosophie</a> ::
<a href="#">Qualität</a> ::
<a href="#">Kontakt / Support</a>
</font>

 

[noise]

Danke dir!
Thema somit abgeschlossen.