godfather_al
Mitglied
Hallo zusammen,
habe eine Startseite erstellt, bei der das gesamte Foto als Link auf die eigentliche Webseite dienen soll, allerdings hat das Foto bei Verwendung als Link nun einen furchtbaren blauen Rand, wie kann ich den entfernen ?
Viele Grüße
Alex
HTML:
<!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=ISO-8859-1" />
<title>Have-A-Nice-Car.de</title>
<style type="text/css"> @import url(layout.css);</style>
</head>
<body>
<div id="centerBox">
<div id="kopf"></div>
<div id="start"><a href="index2.html"> <img src="start1.jpg"> </a>
</div>
<div id="fuss"></div>
</div>
</body>
</html>
CSS:
body, html, #navigation_links, #navigation_oben, #kopf, #inhalt, #centerbox {margin: 0; padding: 0;}
body {font: 100.01%; font-family: verdana; margin: auto; background-color: black; text-align: center;}
#centerBox {
position: absolute;
left: 50%;
width: 980px;
margin-left: -490px;
top: 50%;
margin-top: -420px;
border: 0px solid #000;
background-color: black;
}
#kopf {
position: absolute;
left: 0px;
width: 980px;
top: 0px;
height: 115px;
border: 1px solid #000;
background-image: url(header.jpg);
background-repeat: no-repeat;
background-color: rgb(255, 255, 153);
text-align: left;
}
#fuss {
position: absolute;
left: 0px;
width: 980px;
top: 715px;
height: 115px;
border: 1px solid #000;
background-image: url(footer.jpg);
background-repeat: no-repeat;
background-color: rgb(217, 167, 25);
text-align: left;
}
#start {
position: absolute;
left: 0px;
width: 980px;
top: 115px;
height: 600px;
border: 0px solid #000;
background-image: url(start1.jpg);
color: #806640;
text-align: left;
}
habe eine Startseite erstellt, bei der das gesamte Foto als Link auf die eigentliche Webseite dienen soll, allerdings hat das Foto bei Verwendung als Link nun einen furchtbaren blauen Rand, wie kann ich den entfernen ?
Viele Grüße
Alex
HTML:
<!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=ISO-8859-1" />
<title>Have-A-Nice-Car.de</title>
<style type="text/css"> @import url(layout.css);</style>
</head>
<body>
<div id="centerBox">
<div id="kopf"></div>
<div id="start"><a href="index2.html"> <img src="start1.jpg"> </a>
</div>
<div id="fuss"></div>
</div>
</body>
</html>
CSS:
body, html, #navigation_links, #navigation_oben, #kopf, #inhalt, #centerbox {margin: 0; padding: 0;}
body {font: 100.01%; font-family: verdana; margin: auto; background-color: black; text-align: center;}
#centerBox {
position: absolute;
left: 50%;
width: 980px;
margin-left: -490px;
top: 50%;
margin-top: -420px;
border: 0px solid #000;
background-color: black;
}
#kopf {
position: absolute;
left: 0px;
width: 980px;
top: 0px;
height: 115px;
border: 1px solid #000;
background-image: url(header.jpg);
background-repeat: no-repeat;
background-color: rgb(255, 255, 153);
text-align: left;
}
#fuss {
position: absolute;
left: 0px;
width: 980px;
top: 715px;
height: 115px;
border: 1px solid #000;
background-image: url(footer.jpg);
background-repeat: no-repeat;
background-color: rgb(217, 167, 25);
text-align: left;
}
#start {
position: absolute;
left: 0px;
width: 980px;
top: 115px;
height: 600px;
border: 0px solid #000;
background-image: url(start1.jpg);
color: #806640;
text-align: left;
}
