Hey Leute
Auf meiner Homepage
www.deine-beichte.de.tl habe ich im Header ein Rechteck.
Dort drin steht ,,Zur Beichte"
Ich möchte den Text / das Rechteck verlinken.
Dass heißt,wenn man auf das Rechteck oder Text (mir egal was) klickt, auf die Seite
http://deine-beichte.de.tl/Zur-Beichte.htm kommt.
Wer könnte mir das machen ? Wäre super.
Hier ist mein Design Code:
CSS-Code
ohne Style Tags:
Code: img {
border:none;
}
body {
margin:0;
padding:0;
height:100%;
background:#BBDDFF;
font-family:Verdana;
font-size:12px;
}
#smallbg {
position:absolute;
top:0;
left:0;
width:100%;
height:400px;
background:#BBDDFF url(http://img.webme.com/pic/n/nndesign/hpy_bg.png) repeat-x;
z-index:-5;
}
#container {
position:absolute;
left:50%;
margin-left:-400px;
top:0;
width:800px;
z-index:-1;
}
#header_container {
width:800px;
height:202px;
background:url(http://s7b.directupload.net/images/100311/x9rjivnl.png) no-repeat;
}
#header {
display:none;
}
#nav_container {
width:800px;
height:60px;
background:url(http://s8b.directupload.net/images/100311/oe6lth4e.png) no-repeat;
margin-top: 100px;
}
#nav_heading {
display:none;
}
.nav_element {
list-style:none;
float:left;
}
.nav_element:hover {
background:url(http://s3b.directupload.net/images/100310/6wmixpm4.png);
}
.checked_menu {
background:url(http://s3b.directupload.net/images/100310/6wmixpm4.png);
}
#content_container {
background:url(URL);
}
#content {
border-top:none;
background:url(http://img.webme.com/pic/n/nndesign/hpy_contentbg.png) repeat-y;
text-align:justify;
padding-left:20px;
padding-right:20px;
width:760px;
}
#title {
display:none;
}
#counter {
display:none;
}
#menu {
position:absolute;
top:251px;
left:50%;
margin-left:-399px;
z-index:99;
width:798px;
height:30px;
background:url(http://img.webme.com/pic/n/nndesign/hpy_menubg_zwei.png) repeat-x;
padding-top:10px;
}
.menu {
font-family:Arial, "Trebuchet MS", Verdana;
font-size:15px;
font-weight:bold;
color:#333333;
padding-top:25px;
padding-left:5px;
padding-right:5px;
padding-bottom:15px;
text-decoration:none;
display:block;
}
.menu:hover {
color:#FFFFFF;
}
a {
color:#003399;
text-decoration:underline;
}
a:hover {
color:#0468A4;
}
.note {
border:1px solid #00509F;
background:#94E8FF;
width:740px;
margin-left:20px;
color:#003399;
}
.noteSec {
padding:10px;
}
#GoogleADCSS {
background-image: transparent;
position: absolute;
left:50%;
margin-left:-364px;
top: 200px;
}
#sidebar_container {
position:absolute;
top:20px;
width:280px;
height:140px;
padding:10px;
left:480px;
overflow:auto;
background:url(http://s7b.directupload.net/images/100311/bnsmpqi2.png) no-repeat;
}
#sidebar_heading {
margin:0;
}
#below_content {
width:100%;
height:40px;
background:url(http://s6b.directupload.net/images/100310/jd8bz353.png) no-repeat;
font-size:10px;
padding-top:60px;
text-align:center;
}
p {
margin:0;
}