Link verlink komplette seite anstatt nur eines buttons

02/28/2012 08:27 Gentleman Jack#1
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
02/28/2012 10:21 yym3#2
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.
02/28/2012 12:15 galaxyo#3
HTML-Grundlagen... Tags die geöffnet werden, werden auch wieder geschlossen.
02/28/2012 13:39 Fratyr#4
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.