|
|||
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 & Server </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> 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; } 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 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |