Witam, mam mały problem ze znakiem wodnym:
mam kod html:
<div class="logo_lewe"><img src="images/logo.png" alt="ChoQue : Świat Należy do nas"></div> <div class="logo_prawe"><p class="plogo"> <div class="logo_login_avatar"><img class="avatar" src="images/avatar/none.png"></div><div class="logo_login_info"><big>Witaj
<b>nick
</b>,
</big><br><b>Twoje posty:
</b> x
<br><b>Twoje :
</b> x
<br>Masz 0 Wiadomo
ści
</div> <div class="logo_login_menu">[
<a href="/">Strona G
łówna
</a>]
<br>[Panel U
żytkownika]
<br>[Wyloguj]
<br>itd...
</div>
oraz kod CSS:
body{
background-color: #23282b;
font-family: Tahoma;
font-size: 12px;
color: #FFFFFF;
margin: 0;
padding: 0;
}
.logo{
height: 240px;
width: 100%;
}
.logo_lewe{
width: 546px;
float: left;
height: 240px;
}
.logo_prawe{
height: 240px;
margin-left: -2px;
float: left;
background-image: url(images/tlo.png);
background-repeat: repeat;
}
p.plogo{
margin-top: 125px;
margin-left: 3px;
margin-right: 5px;
}
.logo_login_avatar{
width: 100px;
height: 200px;
float: left;
}
img.avatar{
width: 100px;
height: 100px;
padding: 1px;
border: 1px solid gray;
}
.logo_login_info{
margin-left: 30px;
width: 150px;
height: 200px;
float: left;
}
.logo_login_menu{
float: left;
height: 200px;
}
.site{
clear: both;
width: 100%;
margin-bottom: 10px;
}
.lewa{
width: 200px;
height: auto;
float: left;
margin-bottom: 10px;
}
.prawa{
width: auto;
height: auto;
float: left;
margin-bottom: 10px;
}
.lewa_strona{
width: 200px;
padding-bottom: 2px;
border: 1px solid #30373a;
background-color: #1c2022;
}
.prawa_strona{
width: 790px;
padding-bottom: 2px;
border: 1px solid #30373a;
background-color: #1c2022;
}
.naglowek1{
background-image: url(images/n1.png);
width: 15px;
height: 25px;
float: left;
}
.naglowek2{
background-image: url(images/n2.png);
height: 25px;
float: left;
}
.naglowek3{
background-image: url(images/n3.png);
width: 15px;
height: 25px;
float: left;
}
.stopka{
clear: both;
margin-top: 10px;
width: 100%;
border-top: 1px solid #30373a;
border-bottom: 1px solid #30373a;
background-color: #1c2022;
}
p.sstopka{
text-align: center;
}
p.naglowek{
margin-left: 5px;
margin-top: 5px;
font-stretch: inherit;
font-weight: bold;
text-align: center;
}
p.tresc{
margin-left: 10px;
margin-right: 5px;
margin-top: 5px;
list-style-position: inside
}
a:active, a:focus, a:hover, a:link, a:visited {
color: #FFFFFF;
text-decoration: none;
}
są to 2 obrazki, lewy wyświetlany ciągle o tych samych parametrach a prawy ma być znakiem wodnym i się powielać aż do końca ekranu. Niestety u mnie tak nie jest, dlaczego?
Jak to wygląda jest na
www.choque.e-jui.eu
Ten post edytował MnicH. 16.04.2009, 17:44:44