22-12-2008, 23:12
Witam
zacząłem robić ta stronę w div'ach ale coś nie mogę zrobić jednego momentu :/
![[Obrazek: cty5I8khbwa.jpg]](http://img.org.pl/img/cty5I8khbwa.jpg)
tak mam ale to logo musi być cale równe :/ i chce żeby strona nie zależała od rozdzielczości czyli ze jak ktoś śmiga na 800x600 to i tak będzie wszystko w takim samym położeniu
CSS
Pomocy.
(
zacząłem robić ta stronę w div'ach ale coś nie mogę zrobić jednego momentu :/
tak mam ale to logo musi być cale równe :/ i chce żeby strona nie zależała od rozdzielczości czyli ze jak ktoś śmiga na 800x600 to i tak będzie wszystko w takim samym położeniu Kod:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title><? echo PAGETITLE; ?></title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
</head>
<body bgcolor="#1f1f1f" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<div id="container">
<div id="pasek1"></div>
<div id="pasek2"></div>
<div id="logo1"></div>
<div id="logo2"></div>
<div id="logo3"></div>
<div id="logo4"></div>
</div>
</center>
</body>
</html>CSS
Kod:
#container {
border: 0px solid #333333;
width: 958px;
height: 350px;
margin: 0px;
}
#pasek1 {
width: 958px;
height: 22px;
background-image: url(img/pasek1.gif);
}
#pasek2 {
width: 958px;
height: 23px;
background-image: url(img/pasek2.gif);
}
#logo1 {
width: 692px;
height: 200px;
background-image: url(img/l1.gif);
position: absolute;
}
#logo2 {
top: 50px;
left: 692px;
width: 220px;
height: 64px;
background-image: url(img/3l.gif);
display: inline;
position: absolute;
}
#logo3 {
float: right;
top: 114px;
left: 692px;
width: 220px;
height: 64px;
background-image: url(img/5l.gif);
display: inline;
position: absolute;
}
#logo4 {
float: right;
clear: right;
width: 46px;
height: 200px;
background-image: url(img/2l.gif);
}Pomocy.
(
