Link verlink komplette seite anstatt nur eines buttons

Gentleman Jack · 02/28/2012, 08:27

ich habe ein Problem, die verlinkung von der div mit der id "vor" zieht sich über die komplette seite bis zur div mit der id "zur", anstatt das sie sich nur auf genau diesen button bezieht, woran liegt das?
(blanktexte hab ich entfernt, diese werden allerdings auch verlinkt)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Titel</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

    <link href="style2.css" type="text/css" rel="stylesheet" />
</head>

<body>
<div id="master">
 <div id="zur"> <a href="index.html"><img src="http://www.elitepvpers.com/forum/images/zur.png" width="108" height="50" style="border: 0px;" /></div>
 <div id="vor"> <a href="gallerie.html"><img src="http://www.elitepvpers.com/forum/images/vor.png" width="108" height="50" style="border: 0px;" /></div>

 <div id="bewerbung"><img src="http://www.elitepvpers.com/forum/images/bewerbung.png" width="908" height="1354" style="border: 0px;"> </div>
  <div id="zur"> <a href="index.html"><img src="http://www.elitepvpers.com/forum/images/zur.png" width="108" height="50" style="border: 0px;" /></div>
  <div id="vor"> <a href="index.html"><img src="http://www.elitepvpers.com/forum/images/vor.png" width="108" height="50" style="border: 0px;" /></div>

</div>
</body>
</html>

danke im vorraus

yym3 · 02/28/2012, 10:21

Warum haste keins der anker beendet?

PHP Code:



<div id="master">
 <div id="zur"> <a href="index.html"><img src="http://www.elitepvpers.com/forum/images/zur.png" width="108" height="50" style="border: 0px;" /></a></div>
 <div id="vor"> <a href="gallerie.html"><img src="http://www.elitepvpers.com/forum/images/vor.png" width="108" height="50" style="border: 0px;" /></a></div>

 <div id="bewerbung"><img src="http://www.elitepvpers.com/forum/images/bewerbung.png" width="908" height="1354" style="border: 0px;"> </div>
  <div id="zur"> <a href="index.html"><img src="http://www.elitepvpers.com/forum/images/zur.png" width="108" height="50" style="border: 0px;" /></a></div>
  <div id="vor"> <a href="index.html"><img src="http://www.elitepvpers.com/forum/images/vor.png" width="108" height="50" style="border: 0px;" /></a></div>

</div>

Probiers mal so.

Gruß
yym3.

galaxyo · 02/28/2012, 12:15

HTML-Grundlagen... Tags die geöffnet werden, werden auch wieder geschlossen.

Fratyr · 02/28/2012, 13:39

Divs haben standartmäßig dien CSS Attribut display-block, entweder edu verwedest einfach nur
einen Anker, oder, falls die div um den Anker irgent einen Sinn hat tauscht du diese einfach durch einen
span tag aus. Wenn dus auf die ganz blöde art und weise machen willst kannst du auch einfach
display: inline oder display: inline-block verwenden.