XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Hintergrundbild verlinken (http://xhtmlforum.de/showthread.php?t=65481)

nightfox 15.08.2011 14:05

Hintergrundbild verlinken
 
Hallo :)
Ich habe diesen Code
Code:

.boardindex_board_lastpost
{
        background: url(../images/_Original/spec/last_post_arrow.png) no-repeat;
        background-position: left center;
        padding-left: 24px;
        padding-right: 38px;
        a{url($board['last_post']['link'])};
       
}

.boardindex_board_lastpost:hover
{
        background: url(../images/_Original/spec/last_post_arrow_hover.png) no-repeat;
        background-position: left center;
}

Und ich hätte gerne, dass beim klicken auf diesen Bereich eine Weiterleitung zu einer bestimmten Seite erfolgt. Anders gesagt, ich würde das Hintergrundbild gerne verlinken.
Kann ich das im CSS machen oder muss das auf der zugehörigen Unterseite erfolgen?
Erwähnt wird dieses Bild nämlich nur als div-class, und wie man die verlinkt weiß ich auch nicht...


Liebe Grüße
Nightfox

take_a_7 15.08.2011 14:18

Moin,

wenn du einen Link möchtest, brauchst du ein a-Element. Diesem kannst du dann auch ein Hintergrundbild geben.

gruß,
take

nightfox 15.08.2011 15:17

Hallo,
danke für die schnelle Antwort!
Wie müsste das in meinem Code denn dann aussehen? Das Bild ist ja drin erwähnt, und als URL reicht ja nun irgendein Testelement... Kann mir nicht recht vorstellen, wie das ausgeschrieben aussehen muss.

LG,
Nightfox

take_a_7 15.08.2011 15:41

Moin,

HTML-Code:

<a href="blablablubb.htm" class="hintergrundbild">Blablablubb</a>
Code:

.hintergrundbild {
    background: url(blablablubb.jpg) no-repeat center center;
    display:block; /* Oder Inline-Block, je nach dem) */
    width:100px; /* Breite des Bildes */
    height:100px; /* Höhe des Bildes */
}

.hintergrundbild:hover {
    background-image: url(anderesbild.jpg);
}

gruß,
take

nightfox 15.08.2011 16:09

Naja gut, das weiß ich schon.
Mein Problem ist nur, dass das Bild nur so verwendet wird:
Code:

<div class="boardindex_board_lastpost floatright">
<small>
<strong>', $txt['last_post'], '</strong>  ', $txt['by'], ' ',
$board['last_post']['member']['link'] , '<br />
', $txt['in'], ' ', $board['last_post']['link'], '<br />
', $txt['on'], ' ', $board['last_post']['time'],'
</small>
</div>

Und wie ich das dann verlinken kann bereitet mir Kopfschmerzen...

Praktikant 15.08.2011 16:21

Und was davon ist ein Bild?

nightfox 15.08.2011 16:38

hierfür "boardindex_board_lastpost" ist im Stylesheet ein Hintergrundbild festgelegt:
".boardindex_board_lastpost
{
background: url(../images/_Original/spec/last_post_arrow.png) no-repeat;"

nightfox 15.08.2011 20:42

Hm, ich würde sagen wir haben einen anderen Weg gefunden.
Kann also geschlossen werden, danke für die Antworten.

Praktikant 15.08.2011 22:24

Abgesehen davon, dass in diesem Forum keine Themen geschlossen werden, wie ist denn die andere Lösung? Vielleicht können von dieser ja auch noch andere profitieren.


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:46 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023