Hey Leute
Kann mir jemand helfen ?
Auf meiner Seite
www.deine-beichte.de.tl habe ich im Header ein Rechteck mit einem Text drin.
Da mir ja keiner geholfen hat,wie man das Bild (rechteck) so verlinken kann,dass wenn man auf das Rechteck klickt,dass man auf eine weitere Seite geleited wird,habe ich jetzt einen Text auf das Bild gemacht.
Diesen Text (Zur Beichte) würde ich gerne fixieren,sodass der Text sich beim verkleinern des fensters nicht verrutschen lässt.
Wenn ihr mal in mein Forum Post ,,CSS Verlinkung !" gucken würdest,wäre das auch sehr nett
denn eigentlich will ich das Bild verlinken
Hier ist der 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, "Comic Sans 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://s12b.directupload.net/images/100311/gyspvrkg.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;
}