Byłbym wdzięczny gdyby ktoś luknął w kod tej strony -> klik
Kombinuję, zmieniam i za cholerę nie umiem dojść do tego dlaczego przy tym formularzu strona się rozjeżdża. Naprawdę byłbym wdzieczny gdyby ktoś na to spojrzał i wykombinowal jak równo ułożyć te 'pudełeczka', bez rozjechania.
style.css
- Kod: Zaznacz wszystko
* {
padding:0;
margin:0;
}
img {
border:0;
}
body { text-align:center;
background:url(images/pasek.jpg) repeat-x #FFF;
}
#container {
width:764px;
margin:0 auto;
text-align:left;
background:url(images/tlo.png) repeat-y;
font:11px Tahoma, Arial, Helvetica, sans-serif;
}
#header {
background:url(images/logo.png) no-repeat;
width:764px;
height:195px;
}
#opis {
font:12px Tahoma, Arial, Helvetica, sans-serif;
}
#formularz {
width:400px;
margin:5px 5px 5px 80px;
line-height:22px;
}
#lewo {
width:200px;
float:left;
color:#173E5F;
}
/*MENU*/
#menu {
width:100px;
margin-bottom:30px;
}
.menu {
background:url(images/menu.png) no-repeat;
width:52px;
height:21px;
margin:5px 0 10px 50px;
}
#footer {
background:url(images/stopka.png) no-repeat;
width:764px;
height: 26px;
clear:both;
}
.footer {
margin:0 0 0 450px;
padding:6px 0 0 0;
color:white;
}
#prawo {
width:564px;
color:#4c4c4c;
margin:0px 0 25px 100px;
}
h2.title {
width:100px;
height: 38px;
margin:0 0 20px 0;
clear:both;
}
#gora {
padding:0 20px 0 20px;
text-align:justify;
width:510px;
line-height:18px;
}
#linki a:hover {
color:#2cb1fd;
text-decoration:none;
}
a {
color:#4c4c4c;
text-decoration:none;
}
#ramka {
text-align:center;
width:115px;
background:white;
border:1px black solid;
margin:5px 5px 5px 20px;
padding:5px 10px 5px 10px;
line-height:18px;
}
.kont {
font-size:18px;
width:100px;
height:20px;
margin:5px 5px 5px 5px;
}
/*MENU*/
#mainmenu
{
padding:0;
list-style: none;
font-size:13px;
color:#2cb1fd;
line-height:22px;
margin:0 0 0 30px;
}
#mainmenu a {
color:#4c4c4c;
text-decoration:none;
}
#mainmenu a:hover {
color:#2cb1fd;
text-decoration:none;
}
#mainmenu li.home
{
padding-left: 25px;
}
#mainmenu li.menpict
{
padding-left: 18px;
}
#mainmenu li.onas
{
padding-left: 25px;
}
#mainmenu li.home
{
padding-left: 25px;
}
#mainmenu li.uslugi
{
padding-left: 25px;
}
#mainmenu li.kontakt
{
padding-left: 25px;
}
#mainmenu li.cennik
{
padding-left: 25px;
}
#mainmenu li.formularz
{
padding-left: 25px;
}
#dol {
padding:20px;
text-align:justify;
width:510px;
line-height:18px;
}
h1.naglowek {
color:#black;
font-size:17px;
font-weight:bold;
font-family:"trebuchet ms", sans-serif;
}