• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

button link zuweisen

Basti15517

Neues Mitglied
Hallo ich bekomme es nicht hin mein Buttons ein Link zb. zum Impressum zu zuweisen aber es klappt einfach nicht. Zum probieren habe ich nur die index seite als Impressum.html abgespeichert.

index- Datei:

<!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>Lars Pohland - Zander Guiding - Boddenangeln auf Zander</title>
<meta name="description" content="Lars Pohland, LarsenFishing, Meeresangeln in der Ostsee, Guiding Touren, Angeln im Bodden, in der Ostsee und in der Nordsee, Fishingequipment, Unterk&uuml;nfte, Videos und Bildergalerien, Angebote, Kontakt und News"/>
<meta name="keywords" content="lars, pohland, larsenfishing, meeresangeln, ostsee, guide, tour, hecht, dorsch, lachs, heilbutt, pollock, leng, kveite, fishing, angeln, equipment, unterkunft"/>
<meta name="author" content="Sebastian Ackermann"/>
<meta name="publisher" content="larsenfishing.com"/>
<meta name="copyright" content="copyright 2008-2012 by larsenfishing.com"/>
<meta name="robots" content="index, follow, all, noodp"/>
<meta name="revisit" content="2 days"/>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta http-equiv="script-type" content="text/javascript"/>
<meta http-equiv="style-type" content="text/css"/>
<meta http-equiv="window-target" content="_top"/>
<meta http-equiv="expires" content="0"/>

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

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>

<body>

<div id="header">
</div>

<div id="fussleiste">
</div>

<div id="bild_1">
<p><strong></strong><br /><a href="img/bild_1_groß.png" rel="lightbox"><img src="img/bild_1.jpg" width="222" height="140" alt="" /></a></p>
</div>

<div id="bild_2">
<p><strong></strong><br /><a href="img/bild_2_groß.png" rel="lightbox"><img src="img/bild_2.jpg" width="222" height="140" alt="" /></a></p>
</div>

<div id="bild_3">
<p><strong></strong><br /><a href="img/bild_3_groß.png" rel="lightbox"><img src="img/bild_3.jpg" width="222" height="140" alt="" /></a></p>
</div>

<div id="bild_4">
<p><strong></strong><br /><a href="img/bild_4_groß.png" rel="lightbox"><img src="img/bild_4.gif" width="222" height="140" alt="" /></a></p>
</div>

<div id="bild_5">
<p><strong></strong><br /><a href="img/bild_5_groß.png" rel="lightbox"><img src="img/bild_5.jpg" width="222" height="140" alt="" /></a></p>
</div>

<div id="bild_6">
<p><strong></strong><br /><a href="img/bild_6_groß.png" rel="lightbox"><img src="img/bild_6.gif" width="137" height="175" alt="" /></a></p>
</div>

<div id="kontaktformular">
<form action="kontakt.php" method="post">
<h3> Sie haben Fragen? Schreiben Sie uns doch!</h3>
Name: <input name="name" size="50">
<br><br/>
E-Mail: <input name="email" size="50">
<br><br/>
Betreff: <input name="betreff" size="50">
<br><br/>
Ihre Nachricht: <br />
<textarea name="text" cols="56s" rows="18"></textarea><br />
<input name="submit" type="submit" value="absenden">
<div style="float:right;font-size: 50%; text-align: right">
<div style="clear:both;"></div>
</form>
</div>

<div id="News">
<iframe src="http://basti15517.bplaced.net/" name="Larsenfishing News" scrolling="Auto" frameborder="800px" height="470" width="600">

<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie können die eingebettete Seite über den folgenden
Verweis aufrufen:
http://www.sprichwort-des-tages.de/zitat.htm
</p>

</iframe>
</div>

<div id="news_text">
<h2>Aktuelle news und Fangmeldung hier...</h2>
</div>

<div id="button_impressum" >

</div>

<div id="menue_button_home">
</div>

<div id="menue_button_anfahrt">
</div>

<div id="menue_button_news">
</div>

<div id="menue_button_bilder">
</div>

<div id="menue_button_kontakt">
</div>

<div id="menue_button_hotline">
</div>

</body>
</html>

css- datei
body
{
margin:0px auto;
text-align: center;
min-width:1400px;

}
#header
{
width: 1400px;
height: 514px;
background: url(img/header.gif);
margin: 0px auto;
text-align: center;
}

#fussleiste
{

width: 1400px;
height: 132px;
background: url(img/fussleiste.jpg)no-repeat;
position: relative;
top: 790px;
right: 0px;
margin: 0px auto;
text-align: center

}

#bild_1
{
top: -120px;
right: 480px;
position: relative;
width: 222px ;
height: 132px;
margin: 0px auto;
text-align: center;

}

#bild_2
{
top: -268px;
right: 200px;
position: relative;
width: 222px ;
height: 132px;
margin: 0px auto;
text-align: center;

}

#bild_3
{
top: -415px;
left: 200px;
position: relative;
width: 222px ;
height: 132px;
margin: 0px auto;
text-align: center;

}

#bild_4
{
top: -562px;
left: 500px;
position: relative;
width: 222px ;
height: 132px;
margin: 0px auto;
text-align: center;

}

#bild_5
{
top: -420px;
left: 17px;
position: relative;
width: 201px ;
height: 129px;
margin: 0px auto;
text-align: center;

}

#bild_6
{
top: -350px;
left: 10px;
position: relative;
width: 116px ;
height: 164px;
margin: 0px auto;
text-align: center;

}

#kontaktformular
{
width: 500px ;
height: 300px;
position: relative;
top: -830px;
left: 355px;
margin: 0px auto;
text-align: center
}

#News
{
position: relative;
top: -440px;
right: 800px;
margin: 0px auto;
text-align: center
}

#news_text h2
{
top: -950px;
right: 700px;
position: relative;
margin: 0px auto;
text-align: center;

}

#button_impressum
{
width: 170px;
height: 35px;
background :url(img/impressum.jpg)no-repeat;
position: relative;
top: -330px;
right: 370px;
margin: 0px auto;
text-align: center;
}

#button_impressum:hover
{
background-position: 0px -35px;
}

#menue_button_home
{
float: left;
width: 60px;
height: 22px;
background :url(img/home.jpg)no-repeat;
position: relative;
top: -1750px;
left: 40px;
margin: 0px auto;
text-align: center;
}

#menue_button_home:hover
{
background-position: 0px -22px;
}

#menue_button_anfahrt
{
float: left;
width: 110px;
height: 22px;
background :url(img/anfahrt.jpg)no-repeat;
position: relative;
top: -1750px;
left: 40px;
margin: 0px auto;
text-align: center;
}

#menue_button_anfahrt:hover
{
background-position: 0px -22px;
}

#menue_button_news
{
float: left;
width: 80px;
height: 22px;
background :url(img/news.jpg)no-repeat;
position: relative;
top: -1750px;
left: 40px;
margin: 0px auto;
text-align: center;

}
#menue_button_news:hover
{
background-position: 0px -22px;
}

#menue_button_bilder
{
float: left;
width: 100px;
height: 22px;
background :url(img/bilder.jpg)no-repeat;
position: relative;
top: -1750px;
left: 40px;
margin: 0px auto;
text-align: center;

}

#menue_button_bilder:hover
{
background-position: 0px -22px;
}

#menue_button_kontakt
{
float: left;
width: 110px;
height: 22px;
background :url(img/kontakt.jpg)no-repeat;
position: relative;
top: -1750px;
left: 40px;
margin: 0px auto;
text-align: center;

}
#menue_button_kontakt:hover
{
background-position: 0px -22px;
}

#menue_button_hotline
{
float: left;
width: 355px;
height: 40px;
background :url(img/hotline.jpg)no-repeat;
position: relative;
top: -1330px;
right: 650px;
margin: 0px auto;
text-align: center;

}
#menue_button_hotline:hover
{
background-position: 0px -40px;
}
 
Zuletzt bearbeitet:
Werbung:
Meinst Du, dass Du

HTML:
<div id="button_impressum" >
 
</div>

verlinken willst? Dann ersetze das <div> durch einen Link:

HTML:
<a id="button_impressum" href="impressum.html"></a>

und mach es per CSS zu einem Blockelement damit es die selben Eigenschaften annimmt wie dein vorher genutztes <div>:

Code:
a#button_impressum { display: block; }

Und bitte verwende künftige Code-Tags wenn Du Quellcode im Forum zeigst.
 
Vielen dank erst mal für die schnelle Antwort ich werde es gleich mal ausprobieren, und berichten.

vielen dank es hat super geklappt.
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben