[HTML] Hyperlink im DIV Tag funktioniert nicht

Kaptain27 · 30. Dezember 2009

Hyperlink im DIV Tag funktioniert nicht

Hallo

komme gerade nicht weiter. Und zwar möchte ich eine rafik, welche ich mittels CSS eingebunden habe mit einen Hyperlink versehen. In meinem Beispiel Google Aber irgendwie funzt das nicht.

Hier die CSS:

Code:

#header {

 height: 79px;
 background: url(../images/navigation.png) top center no-repeat;
 margin: 0 auto;
 width: 1023px;
}
#header_over {
 margin: 0 700;

 height: 79px;
 background: url(../images/home.png) no-repeat;
 width: 63px;
}

und die index.php

Code:

<html>
<head>
<title>Startseite</title>
<link href="images/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header"> 
 <div id= "header_over"><a href="http://www.google.de"></a>
 </div>
</div>
</body>
</html>

So sieht das ganze im Browser aus.

{bild-down: http://www.bilderload.com/bild/22357/screen8EBI9.jpg}

Das gelbe Rechteck ist die Grafik die als Button mit dem link dienen soll.

Danke schonmal im vorraus.

Aso mein späteres Ziel wird sein die einzelnen Button "Home" "kalender" zu coden.
Also wer paar tipps hat....

Mfg
Kaptain27

Anzeige

funland · 30. Dezember 2009

AW: Hyperlink im DIV Tag funktioniert nicht

1. das wird auch nicht gehen da dein link leer ist <a href="http://www.google.de">hier muss was rein</a>
2. verstehe nicht ganz was du machen willst. mache eine skizze mit paint und poste hier rein wenns geht ^^

Kaptain27 · 30. Dezember 2009

AW: Hyperlink im DIV Tag funktioniert nicht

Also ich bin CSS Neuling und möchte folgene Navigationsleiste coden. Slices mit Photoshophab ich feststellen müssen sinf nicht wirklich gut. Vielleicht hat ja jeman ein gutes ebok etc.

Hier die Naviagtionsleiste:

{img-src: //imageshack.us/a/img683/7339/unbenannt4y.jpg}

Gruß Kaptain27

6000Loader · 30. Dezember 2009

AW: Hyperlink im DIV Tag funktioniert nicht

HTML:

HTML:

<html>
 <head>
 <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
 
 <style type="text/css">
 #menu { list-style: none; padding: 0; margin: 0; }
 #menu li { float: left; }
 #menu li a {
 display: block;
 height: 75px;
 padding: 0 8px;
 font: normal bold 10px/130px verdana, arial, tahoma;
 text-align: center;
 background-color: #555; color: #fff;
 }
 #menu li a { text-decoration: none; }
 </style>
 

 <title>RRB - T:673922</title>
 </head>

 <body>
 <ul id="menu">
 <li><a href="#test">Home</a></li>
 <li><a href="#test">Kalender</a></li>
 <li><a href="#test">Profil</a></li>
 <li><a href="#test">Impressum</a></li>
 </ul>
 </body>

</html>

Kaptain27 · 30. Dezember 2009

AW: Hyperlink im DIV Tag funktioniert nicht

Hehe das sieht ja schon sehr professionell aus. Jetzt muss ich es nur noch verstehen. Aber schonmal besten dank. BW haste.

Greetz Kaptain27

blackhack · 3. Januar 2010

AW: Hyperlink im DIV Tag funktioniert nicht

Wenn du noch wenig Ahnung von CSS hast, wirst du das nicht so leicht verstehen.

Fang doch mal hier an: http://www.css4you.de/ (unter "Workshops").

°EraZoR° · 3. Januar 2010

AW: Hyperlink im DIV Tag funktioniert nicht

Anstatt hier:

Code:

<div id= "header_over"><a href="http://www.google.de"></a>

Ein Background-Image zu verwenden, mach es doch einfach so:

HTML:

#header_over {
 margin: 0 700;

 height: 79px;
 width: 63px;
}

HTML:

<div id= "header_over"><a href="http://www.google.de"><img src="pfad/bildname.png" /></a>

Nützliche Suchen

[HTML] Hyperlink im DIV Tag funktioniert nicht

Videos zum Themenbereich