Ergebnis 1 bis 4 von 4

Thema: In CSS eingebundenes Bild verlinken

  1. #1
    Unregistriert
    Gast

    Standard In CSS eingebundenes Bild verlinken

    Hallo,

    ich habe folgende Frage, mit der ich einfach nicht weiterkomme und von der bei mir viel davon abhängt..

    Ich weis, das ist jetzt eventuell etwas peinlich, aber wie verlinke ich ein in einem <div> enthaltenes Bild?

    Ich habe in ein .htm Script von mir folgendes eingefügt:


    <div id="et_vbutton" style="background-image: url('./images/votenow.png'); width: 200px; height: 120px; position: absolute; top: 0px; right: 30px; cursor: pointer;">
    <a href="SEITENLINK" target="_blank"> </a>

    Das Bild wird prima genau dort angezeigt, wo es hin soll, nur die verlinkung klappt eben nicht...

    Ich weis, die Frage ist etwas peinlich, aber ich habe seit Jahren mich nicht mehr mit HTML und CSS beschäftigt, daher ist so gut wie alles wissen, das ich mal hatte, weg..

    Ich wäre für Hilfe sehr Dankbar. Danke.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: In CSS eingebundenes Bild verlinken

    Das geht nicht. Du könntest allerdings auch das Hintergrundbild und die ganzen anderen Eigenschaften direkt an das <a>-Element hängen und auf das <div> verzichten.

  3. #3
    Teeny
    Registriert seit
    17.08.2011
    Beiträge
    24
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: In CSS eingebundenes Bild verlinken

    Ich würde HTML und CSS getrennt verbinden so komisch sich das auchhört

    <style type="text/css">
    .mycss {
    width: 200px;
    height: 120px;
    position: absolute;
    top: 0px;
    right: 30px;
    cursor: pointer;
    }
    </style>
    <a href="Seitenlink"><img src="DeinLinkZumBild" class="mycss"></a>

    kannst auch den Css extern irgendwo speichern wenn du möchtest !

    Oder auch so wenn du nur HTML nutzen möchtest

    <a href="Seitenlink"><img src="LinkzumBild" id="et_vbutton" style="width: 200px; height: 120px; position: absolute; top: 0px; right: 30px; cursor: pointer;""></a>

    lg
    lächeln, lachen, lachfläsh ! Und wie weit bist du ?
    http://www.lachflaesh.de

  4. #4
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: In CSS eingebundenes Bild verlinken

    Zitat Zitat von threadi Beitrag anzeigen
    Das geht nicht. Du könntest allerdings auch das Hintergrundbild und die ganzen anderen Eigenschaften direkt an das <a>-Element hängen und auf das <div> verzichten.
    Nana. Nicht so hastig, natürlich geht das, aber auch nur mit Javascript

    Mit jQuery:
    HTML-Code:
    var link = $('#et_vbutton').css('background-image').replace(/url|\(|"|'|\)/g, '');
    $('a[href=SEITENLINK]').attr('href', link);
    //P.S. das replace regex ist natürlich nicht perfekt, wenn ein Bild im Namen 'url' oder sonst einen der aufgeführten Zeichen hat, wirds nicht mehr funktionieren
    Geändert von Grevas (18.08.2011 um 23:58 Uhr)

Ähnliche Themen

  1. Bild verlinken---->CODE
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 31.05.2009, 02:29
  2. text verlinken sodass bild wechselt
    Von katharina87w im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 17.08.2008, 17:20
  3. Bild oder Text mit CSS verlinken?
    Von Dragooni im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 04.02.2007, 00:45
  4. Seite verlinken+"Frame" mitten im Bild
    Von Locou im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 18.11.2006, 00:28
  5. bild verlinken
    Von chabum im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 08.12.2005, 12:10

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •