|
|||
Hintergrundbild mit CSS und Link???
Hallöchen aus Gifhorn,
ich möchte ein Hintergrundbild per CSS einstellen. Das Hintergrundbild sollte auch den "Alt-Text" und einen Link enthalten. Wie muss ich dies codemäßig einbinden??? CSS: Code:
#rollenshop { position:absolute;top:41px;left:402px;z-index:1; background-image:url(pic/Rollenshop1.gif); width:234; height:60; background-repeat:no-repeat; background-color: #fff; Code:
<div id="rollenshop"></div>
__________________
Gruß aus Gifhorn der Gifmik |
Sponsored Links |
|
|||
Hi,
du solltest das Bild als Hintergrund des Links einbinden: HTML: Code:
Link zum Rollenshop Code:
#rollenshop { background: #FFF url(pic/Rollenshop1.gif) no-repeat; display:block; width:234px; height:60px; text-indent:-3000px; Mit background:...; habe ich nur deinen Code etwas abgekürzt, der Effekt ist der gleiche wie bei deiner Schreibweise. Das display:block braucht man, damit man dem Link (der normal Inline-Element ist) Höhe und Breite geben kann. Du solltest bei height und width unbedingt eine Einheit angeben (ausgenommen 0), ich denke mal, du wolltest px?! Das text-indent sorgt dafür, dass der Text innerhalb von <a>...</a> ausgeblendet wird (weiterlesen: Image Replacement). Die absolute Positionierung ist höchstwahrscheinlich nicht nötig (wahrscheinlich geht das Ganze genauso gut mit margin und padding), wenn doch, kannst du sie ja von deinem alten Code übernehmen. |
Sponsored Links |
|
|||
Zitat:
Danke!!!!
__________________
Gruß aus Gifhorn der Gifmik |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
ein bild aus css ein link verpassen | quartier | CSS | 3 | 18.05.2012 00:11 |
Anpassen eines CSS Templates - JPEG als Hintergrundbild setzen | soulknot | CSS | 1 | 08.05.2011 18:31 |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Link im externen css | Chaosneo | CSS | 2 | 18.10.2007 23:30 |
Link mit Hintergrundbild, dass höher als die Zeile ist | xm22 | CSS | 7 | 13.11.2005 18:37 |