zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hintergrundbild verlinken

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.08.2011, 14:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2011
Beiträge: 7
nightfox befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.08.2011, 14:18
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

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

gruß,
take
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.08.2011, 15:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2011
Beiträge: 7
nightfox befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #4 (permalink)  
Alt 15.08.2011, 15:41
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 15.08.2011, 16:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2011
Beiträge: 7
nightfox befindet sich auf einem aufstrebenden Ast
Standard

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...
Mit Zitat antworten
  #6 (permalink)  
Alt 15.08.2011, 16:21
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Und was davon ist ein Bild?
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #7 (permalink)  
Alt 15.08.2011, 16:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2011
Beiträge: 7
nightfox befindet sich auf einem aufstrebenden Ast
Standard

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;"
Mit Zitat antworten
  #8 (permalink)  
Alt 15.08.2011, 20:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.08.2011
Beiträge: 7
nightfox befindet sich auf einem aufstrebenden Ast
Standard

Hm, ich würde sagen wir haben einen anderen Weg gefunden.
Kann also geschlossen werden, danke für die Antworten.
Mit Zitat antworten
  #9 (permalink)  
Alt 15.08.2011, 22:24
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

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.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, forum, hintergrund, link, php

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
Hintergrundbild soll immer 100% des body haben, z-index macht im IE6 Probleme 315 CSS 2 14.06.2010 19:48
Fehlendes(?) oder falsch positioniertes Hintergrundbild in IE6 und IE7 shredder01 CSS 4 28.11.2009 21:38
Repeat-y - Hintergrundbild nur nach unten wiederholen lassen *pi CSS 2 29.08.2008 14:42
Hintergrundbild fixieren in TEXTAREA - wie am besten? Boris CSS 2 06.07.2008 17:34
Formularbuttons und Hintergrundbild sveniboy CSS 0 02.01.2007 15:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:45 Uhr.