mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 18.04.2024 22:32 Benutzername: Passwort: Auto-Login

Thema: [html] wie verlinke ich komplettes Div-Element vom 16.12.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [html] wie verlinke ich komplettes Div-Element
Autor Nachricht
zweitaccount
Threadersteller

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 16.12.2008 14:59
Titel

[html] wie verlinke ich komplettes Div-Element

 Antworten mit Zitat Zum Seitenanfang
Wg. »wie verlinke ich ein komplettes Div - valide - ohne Javascript«
http://www.mediengestalter.info/forum/10/komplettes-div-verlinken-zb-teaser-108894-1.html?sid=93c504a382d058c6496e72dc9a8ca0ba

Falls es jemand weiterbringt, ich hatte gerade ähnliches Problem
und habe es in meinem Fall folgendermaßen umschifft:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blocklink</title>
<style type="text/css">
   div.block {
      position:relative;
      width:200px;
      height:100px;
      background:lightgrey;
   }
   div.block * {
      position:relative;
   }
   div.block a.blockLink {
      position:absolute;
      width:100%;
      height:100%;
      z-index:0;
      text-indent:-10000px;
      overflow:hidden;
   }
</style>
</head>

<body>
<div class="block">
   <a href="javascript:alert('div clicked');" class="blockLink">
      seo content goes here
   </a>
   <p>
      content goes here <a href="javascript:alert('link clicked');">foobar</a>
   </p>
</div>
</body>
</html>


Nachteil natürlich: DIV.block muß Größenangaben haben.

Gruß

zweitaccount

Lächel



// edith: [if lt IE 7] brauchts gar nicht.

Zuletzt bearbeitet von zweitaccount am Di 16.12.2008 15:02, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Dopix

Dabei seit: 21.09.2008
Ort: Wien
Alter: 33
Geschlecht: Männlich
Verfasst Di 16.12.2008 15:10
Titel

Antworten mit Zitat Zum Seitenanfang
wie wärs mit ...
transparentes bild über das ganze div und dann einfach das bild als link... ? *bäh*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 16.12.2008 15:18
Titel

Antworten mit Zitat Zum Seitenanfang
warum so umständlich?? * Keine Ahnung... * * Keine Ahnung... *

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blocklink</title>
<style type="text/css">
   a {
      display: block;
      width:200px;
      height:100px;
      background:lightgrey;
   }   
</style>
</head>

<body>
   <a href="javascript:alert('block clicked');">
      content goes here
   </a>
</body>
</html>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Di 16.12.2008 15:21
Titel

Antworten mit Zitat Zum Seitenanfang
hab den thread mal hier mit reingebracht. vielleicht können wir "gut gelöste" threads hier öfter verlinken, dann wirds vielleicht mal "sticky würdig".
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
zweitaccount
Threadersteller

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 16.12.2008 15:37
Titel

Antworten mit Zitat Zum Seitenanfang
pixelpapst303 hat geschrieben:
warum so umständlich?? * Keine Ahnung... * * Keine Ahnung... *


*ha ha* ja schon.

ABER es geht ja darum Block-Elemente innerhalb eines verlinkten
Bereichs zu bringen.
Stichwort <a href="#"><h1>foo</h1><p>bar</p></a> *zwinker*

@choise: Au weia! den kannte ich ja noch gar nicht. da muß aber mind.
auch noch der neue png-fix mit druff (die vml-version von gestern)
  View user's profile Private Nachricht senden
 
Ähnliche Themen [Suche] - Validator HTML/CSS für komplettes Projekt
[html/css] element soll sich immer an die höhe anpassen.
über css ein Element nach definiertem Element ansprechen
html-5-Element "Canvas" und deutsche Umlaute?
HTML element Style ohne Parentelement Style
Wie verlinke ich es?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB