zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hintergrundbild wird nicht angezeigt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.12.2009, 22:58
Hans Wurst
neuer user
Thread-Ersteller
 
Registriert seit: 23.12.2007
Beiträge: 47
hallo2008 befindet sich auf einem aufstrebenden Ast
Standard Hintergrundbild wird nicht angezeigt

Hi!
Ich bin gerade dabei, eine "Sliding-Door-Navigation" zu erstellen, so ähnlich wie das hier gezeigt ist: A List Apart: Articles: Sliding Doors of CSS
Dafür ist es nötig, dass man in zwei verschiedenen verschachtelten html-Elementen jeweils Hintergrundgrafiken angibt, die sich dann überlappen. Hier erstmal das Markup:


HTML-Code:
<div id="tabnav">
        <ul>
          <li><strong><a href="nav_steffen.html">Schulleben</a></strong></li>
          <li><a href="design.html">Button 2</a></li>
          <li><a href="#">Button 3</a></li>
          <li><a href="#" class="oneColElsCtr">Button 4</a></li>
          <li><a href="#">Button 5</a></li>
        </ul>
</div>
Das <strong>-Tag umschließt den momentan besuchten Link.

Hier ist ein Auszug aus dem dazugehöriger CSS-Code:

Code:
#tabnav ul li strong {
        background:transparent url(img/rechts3.gif) no-repeat right bottom;
}

#tabnav ul li strong a {
        background:transparent url(img/links3.gif) no-repeat left bottom;
        color: #033;

Wie man sieht haben die Elemente <strong> und <a> jeweils ihre eigenen Hintergrundbilder.
Mein Problem ist nun, dass das Hintergrundbild von <strong> nicht angezeigt wird.
Eine falsche URL ist ausgeschlossen, das habe ich genaustens überprüft.
Erst habe ich gedacht, <strong> könnte man evtl. kein Hintergrundbild zuweisen, aber mit <div id="strong"> hats auch nicht geklappt.
Die CSS-Angabe kommt auch definitiv beim Browser an, das habe ich mit Developer-Tools sichergestellt.

Interessanterweise funktioniert auch das hier nicht:
HTML-Code:
#tabnav ul li strong {
        background-color:red;
}

#tabnav ul li strong a {
        background:transparent url(img/links3.gif) no-repeat left bottom;
        color: #033;

Ich hoffe sehr ihr könnt mir helfen, bin schon am Verzweifeln.
Vielen Dank schon mal!!!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.12.2009, 23:13
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Zitat:
bin schon am Verzweifeln.
Zweifle nicht, stell das Online und poste einen Link. So blickt kein Mensch durch.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.12.2009, 23:28
Hans Wurst
neuer user
Thread-Ersteller
 
Registriert seit: 23.12.2007
Beiträge: 47
hallo2008 befindet sich auf einem aufstrebenden Ast
Standard

Hier ist erstmal ein Screenshot...hoffe das hilft weiter:
http://i.imagehost.org/0755/problem.jpg
Mit Zitat antworten
  #4 (permalink)  
Alt 08.12.2009, 23:32
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Hübsch. Dein Problem ist aber doch der Code ?
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
  #5 (permalink)  
Alt 08.12.2009, 23:39
Hans Wurst
neuer user
Thread-Ersteller
 
Registriert seit: 23.12.2007
Beiträge: 47
hallo2008 befindet sich auf einem aufstrebenden Ast
Standard

Ich dachte ich hätte alle wichtigen Code-Ausschnitte gepostet.
Was soll ich denn noch posten? Vom Markup her denke ich mal ist alles klar....oder?
Also poste ich mal noch mehr CSS....
Code:
strong { font-weight:normal; }

#tabnav {
	float:left;
  width:100%;
	background-color:yellow;
  font-size:93%;
  line-height:normal;
}

#tabnav ul {
  margin:0;
  padding:0;
  list-style:none;
}

#tabnav ul li {
  float:left;
  padding:0;
	width:165px;
	background-color:transparent;
    }
		
#tabnav ul li:hover {
	font-weight:bold;
	color:green;
	
}

#tabnav a {
    display:block;
    padding:6px 10px;
		height: 23px;
		text-decoration:none; color:#999;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		background:transparent url(img/repeat.gif) bottom repeat-x;
    }
		
#tabnav ul li strong  {
	background:transparent url(img/rechts3.gif) no-repeat right bottom;
}

#tabnav ul li strong a {
	background:transparent url(img/links3.gif) no-repeat left bottom;
	color: #033;
Wenn ich noch was posten soll sag einfach bescheid. Danke fürs Bemühen
Mit Zitat antworten
  #6 (permalink)  
Alt 08.12.2009, 23:43
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.458
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Die Probleme kann man so gut wie nie aus Schnippseln erkennen. Es hängt halt
alles zusammen. Schau doch mal, ob Du das Online stelen kannst.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
  #7 (permalink)  
Alt 09.12.2009, 08:48
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von hallo2008 Beitrag anzeigen
Ich dachte ich hätte alle wichtigen Code-Ausschnitte gepostet.
Was soll ich denn noch posten? Vom Markup her denke ich mal ist alles klar....oder?
ein Link ist immer am Besten.

Fürs Zusammenbauen hat hier kaum jemand Zeit.

Wozu brauchst du 2 Grafiken?
Eine für alles reicht aus. Das nennt sich CSS-Sprites.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
3x Divs nebeneinander = Hintergrundbild wird nicht angezeigt JackCimberly CSS 2 22.06.2011 00:26
Hintergrundbild wird nicht angezeigt SteveB (X)HTML 10 13.01.2011 21:41
CSS in HTML - Hintergrundbild wird nicht angezeigt fossy CSS 7 11.10.2007 18:17
Hintergrundbild wird im Firefox nicht angezeigt Goalie2005 CSS 1 04.11.2005 14:55
Hintergrundbild über css wird nicht in mozilla angezeigt? toby CSS 2 15.08.2005 18:41


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:58 Uhr.