05-04-2010, 20:16
witam , mam odstępy między wersami wszystkie przeglądarki oki ino ie zawsze ma problem
oto kod i zdjęcia
![[Obrazek: d41d82eae4593b0a5427a855a276f95a.jpg]](http://www.fototube.pl/pix/img8/org/d41d82eae4593b0a5427a855a276f95a.jpg)
html
css

oto kod i zdjęcia
![[Obrazek: d41d82eae4593b0a5427a855a276f95a.jpg]](http://www.fototube.pl/pix/img8/org/d41d82eae4593b0a5427a855a276f95a.jpg)
html
Kod PHP:
<html>
<head>
<link rel="stylesheet" href="styl.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Keywords" content="wyraz1, wyraz2, wyraz3..." />
<meta name="Description" content="Tu podaj opis twojej strony" />
</head>
<body>
<div class="strona">
<div class="pasek_gora">
<img src="images/images_1.jpg">
</div> <!--pasel_gora-->
<div class="menu">
<img src="images/images_2.jpg"><a href="o_firmie.html"><img src="images/images_3_a.gif" alt="O Firmie" border="0" onmouseover="this.src = 'images/images_3_b.gif'" onmouseout="this.src = 'images/images_3_a.gif'" /></a><a href="oferta.html"><img src="images/images_4_b.gif" alt="Oferta" border="0" onmouseover="this.src = 'images/images_4_a.gif'" onmouseout="this.src = 'images/images_4_b.gif'" /></a><a href="kontakt.html"><img src="images/images_5_b.gif" alt="Kontakt" border="0" onmouseover="this.src = 'images/images_5_a.gif'" onmouseout="this.src = 'images/images_5_b.gif'" /></a><a href="aranzacjie.html"><img src="images/images_6_b.gif" alt="Aranżacjie" border="0" onmouseover="this.src = 'images/images_6_a.gif'" onmouseout="this.src = 'images/images_6_b.gif'" /></a><img src="images/images_7.jpg">
</div><!--menu-->
<div class="banner">
<div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this rotator.
</div><!--container-->
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var s1 = new SWFObject("imagerotator.swf","rotator","948","215","2");
s1.addParam("allowfullscreen","true");
s1.addVariable("file","madrid.xml");
s1.addVariable("width","948");
s1.addVariable("height","215");
s1.addVariable("shownavigation","flash");
s1.write("container");
</script>
</div><!--banner-->
<div class="menu_dolne">
<img src="images/123.jpg" /><a href="firany_i_zaslony.html"><img src="images/images_8_a.jpg" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'images/images_8_b.jpg'" onmouseout="this.src = 'images/images_8_a.jpg'" /></a><a href="karnisze.html"><img src="images/images_9_a.jpg" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'images/images_9_b.jpg'" onmouseout="this.src = 'images/images_9_a.jpg'" /></a><a href="reczniki.html"><img src="images/images_10_a.jpg" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'images/images_10_b.jpg'" onmouseout="this.src = 'images/images_10_a.jpg'" /></a><a href="poszewki.html"><img src="images/images_11_a.jpg" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'images/images_11_b.jpg'" onmouseout="this.src = 'images/images_11_a.jpg'" /></a><a href="posciel.html"><img src="images/images_12_a.jpg" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'images/images_12_b.jpg'" onmouseout="this.src = 'images/images_12_a.jpg'" /></a><a href="narzuty.html"><img src="images/images_13_a.jpg" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'images/images_13_b.jpg'" onmouseout="this.src = 'images/images_13_a.jpg'" /></a><img src="images/images_14.jpg" ><img src="images/1234.jpg">
</div><!--menu_dolne-->
<div class="pole">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div><!--pole-->
<div class="stopka">
</div>
</div> <!--strona-->
css
Kod PHP:
body{
background-color: #e0322c;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:center;
margin:0px;
}
.strona{
width: 1000px;
background-color: #e0322c;
margin-left: auto;
margin-right: auto;
}
.pasek_gora{
width: 1000px;
height:39px;
}
.menu{
width: 1000px;
height:110px;
}
.container{
width: 948px;
margin-left: auto;
margin-right: auto;
}
.banner{
width: 948px;
margin-left: auto;
margin-right: auto;
}
.menu_dolne{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.pole{
width: 948px;
background-color: #ffcda0;
background-image: url(images/tlo.jpg);
background-repeat: no-repeat;
background-position: bottom;
margin-left: auto;
margin-right: auto;
padding-bottom:40px;
}
.stopka{
width: 948px;
margin-left: auto;
margin-right: auto;
background-image: url(images/images_17.jpg);
height:58px;
}