29-07-2011, 22:48
HTML
CSS
Kod:
<div id="galeria">
<div class="galtxt"> <a href="#" onclick="wb01(); return false;">Galeria zdjęć</a></div>
<div class="galtxt2"><a href="#" onclick="wb02(); return false;">Galeria wideo</a></div>
<div class="gal" id="wb01">
<div class="panlewy">
<div class="imgal"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
</div>
<div class="imgal2"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal2" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p> <div class="odnosnik" style="margin-top: 15px;"><a href="#">Przejdź do galerii zdjęć</a></div>
</div>
<div class="gal" id="wb02" style="display:none;">
<div class="panlewy">
<div class="imgal"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
</div>
<div class="imgal2"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal2" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p> <div class="odnosnik" style="margin-top: 15px;"><a href="#">Przejdź do galerii wideo</a></div>
</div>
<div class="gal" id="wb01" style="display:none;">
<div class="panlewy">
<div class="imgal"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
</div>
<div class="imgal2"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal2" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p> <div class="odnosnik" style="margin-top: 15px;"><a href="#">Przejdź do galerii zdjęć</a></div>
</div>
</div>CSS
Kod:
#galeria{
background:url('images/tlogal.png');
height:336px;
width:522px;
margin-left:10px;
margin-top:408px;
}
.galtxt{
margin-top:17px;
margin-left:27px;
position: absolute;
font-weight:bold;
}
.galtxt2{
margin-top:17px;
margin-left:137px;
font-weight:bold;
position: absolute;
}
.panlewy{
width:250px;
height:223px;
float: left;
margin-left:10px;
}
.imgal{
margin-top:60px;
float:left;
margin-left:0px;
}
.imgal2{
margin-top:60px;
float:left;
margin-left:20px;
}
.pangal{
background:url('images/galerpan.png');
width:153px;
height:31px;
float:right;
margin-top:5px;
margin-left:5px;
margin-right:6px;
}
