zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Background Image - mal gestreckt mal nicht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.02.2013, 01:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2010
Beiträge: 25
JediMind91 befindet sich auf einem aufstrebenden Ast
Standard Background Image - mal gestreckt mal nicht

Hallo zusammen

So habe meine Webseite soweit mehr oder weniger richtig dargestellt.

Wie ihr seht ist jeweils in der Linken Navigation ein Background image für die Aufklappbaren Menüs

HTML-Code:
	<a class="top" href="#" onclick="outline('pc'); return false;"><b>PC &amp; Server&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></a>
	<!-- Men 1 - Aufklappbar -->
	<span id="pc" style="display:none">
	<a class="down" href="fail.php"> PC </a>
	<a class="down" href="fail.php"  />Server<br />
	</span>
Nun, für die "unterlinks" wird das bild allerdings nicht gestreckt, könnte natürlich mit leerschlägen das so erzwingen, ist aber nicht sauber.

CSS

HTML-Code:
a.top:link {
display:block;
   background-image:url(/style/grafics/std.png);
   width:127px;
   height:20px;
   text-decoration: underline;
     background-repeat:no-repeat;
}
a.top:visited {
   color:            #000066;
   background-image:url(/style/grafics/std.png);
   width:127px;
   height:20px;
   text-decoration: underline;
   background-repeat:no-repeat;
}
a.top:hover {
   background-image:url(/style/grafics/hov.png);
   width:127px;
   height:20px;
   color:            #FFCC66;
   text-decoration: underline;
   background-repeat:no-repeat;
}
a.top:active {
   background-color: #CCCCFF;
   color:            #CC0000;
   text-decoration: none;
   background-repeat:no-repeat;
}
a.down:link
{
   background-image:url(/style/grafics/hov.png);
      background-repeat:no-repeat;
   width:127px;
   height:50px;
text-decoration: none;
color:#0033cc;
}
a.down:visited
{
   background-image:url(/style/grafics/hov.png);
      background-repeat:no-repeat;
   width:127px;
   height:20px;
text-decoration: none;
color:#0033cc;
margin-left:10px;

}
a.down:hover
{
   background-image:url(/style/grafics/hov.png);
      background-repeat:no-repeat;
   width:127px;
   height:20px;
text-decoration: none;
color:red;
}
a.down:active
{
   background-image:url(/style/grafics/hov.png);
      background-repeat:no-repeat;
   width:127px;
   height:20px;
text-decoration: none;
color:#0033cc;
}
Weiss jemand wieso das nicht gestreckt wird? Kann das am Span liegen?
Hätte da jemand ne Alternative?


Frage 2: Wie kann ich den Text von der "down" klasse im 5px nac rechts schieben, aber das Bild soll da bleiben.

Danke

mfg

EDIT: Das </a> ist dann Absicht, wird wieder gelöscht
EDIT 2: Problem mit dem Strecken ist gefixed.

Nur noch das:
Frage 2: Wie kann ich den Text von der "down" klasse im 5px nac rechts schieben, aber das Bild soll da bleiben.

Geändert von hemfrie (07.03.2013 um 21:47 Uhr) Grund: link entfernt
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.02.2013, 10:56
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
Zitat von JediMind91 Beitrag anzeigen
Nur noch das:
Frage 2: Wie kann ich den Text von der "down" klasse im 5px nac rechts schieben, aber das Bild soll da bleiben.
padding oder text-indent
Mit Zitat antworten
Sponsored Links
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
Ausrichtung Kalender greece4u CSS 20 14.05.2012 14:32
Inline Listenelement wird nicht richtig im background befüllt SteveB CSS 3 28.04.2011 21:41
Float-Reihenfolge? wolf1985 CSS 0 21.08.2008 02:35
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 16:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:20 Uhr.