Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

[html/css] wyśrodkowanie strony oraz problem z "posiotion"

Zaczynasz dopiero swoją przygodę z HTML'em? A może mimo swojego doświadczenia natknąłeś się na jakiś problem? Tutaj na pewno znajdziesz pomoc.

[html/css] wyśrodkowanie strony oraz problem z "posiotion"

Post 19.11.2007, 19:05:23

Witam ! Mam problem ... Nie wiem jak wyśrodkować tą strone. Druga sprawa jak zrobić zeby jezeli bede dodawal kolejne tabelki ze zdjecimi i opisem zeby reszta strony również przesówała się w dół, a nie nakładala się na siebie

style.css

Kod: Zaznacz cały
body
 
    {
    width:80%;
     margin: 0 auto;
    background-image: url(background1.jpg);
    background-repeat:repeat-x;
    background-color:#531430;
     font-family: Arial;
    color: #FFFFFF;
    font-size: 8pt;
    }

#index2-00 {
   margin: 0 auto;
   text-align: center;
   position:absolute;
   top:0px;
   
}

#index2-01 {
   position:absolute;
   left:0px;
   top:0px;
   width:255px;
   height:149px;
}

#index2-02 {
   position:absolute;
   left:255px;
   top:0px;
   width:571px;
   height:149px;
}

#index2-03 {
   position:absolute;
   left:0px;
   top:149px;
   width:255px;
   height:30px;
}

#index2-04 {
   position:absolute;
   left:255px;
   top:149px;
   width:89px;
   height:30px;
}

#index2-05 {
   position:absolute;
   left:344px;
   top:149px;
   width:119px;
   height:30px;
}

#index2-06 {
   position:absolute;
   left:463px;
   top:149px;
   width:99px;
   height:30px;
}

#index2-07 {
   position:absolute;
   left:562px;
   top:149px;
   width:96px;
   height:30px;
}

#index2-08 {
   position:absolute;
   left:658px;
   top:149px;
   width:168px;
   height:30px;
}

#index2-09 {
   position:absolute;
   left:0px;
   top:179px;
   width:826px;
   height:183px;
   background-image: url(images/index2_09.gif);
}

#index2-10 {
   position:absolute;
   left:0px;
   top:362px;
   width:826px;
   height:35px;
   background-image: url(images/index2_10.gif);
   
}

#index2-11 {
   position:absolute;
   left:0px;
   top:400px;
   width:826px;
   height:906px;
   background-image: url(background2.gif);
}

#index2-12 {
   position:absolute;
   left:0px;
   top:1280px;
   width:828px;
   height:45px;
   background-image: url(images/index2_12.gif);
}

#menu_szukam {
    position:absolute;
   left:27px;
   top:24px;
   width:67px;
   height:17px;
}

#menu_wojewodztwo {
    position:absolute;
   left:120px;
   top:24px;
   width:118px;
   height:17px;
}

#menu_poszukujacych {
    position:absolute;
   left:277px;
   top:24px;
   width:125px;
   height:17px;
}

#menu_w_wieku {
    position:absolute;
   left:419px;
   top:24px;
   width:74px;
   height:17px;
}

#menu_szukaj_wszedzie {
    position:absolute;
   left:547px;
   top:20px;
   width:105px;
   height:13px;
}

#menu_tylko_prywatne {
    position:absolute;
   left:547px;
   top:41px;
   width:105px;
   height:13px;
}

#menu_tylko_sponsorowane {
    position:absolute;
   left:547px;
   top:62px;
   width:105px;
   height:13px;
}

#menu_tylko_fotka {
    position:absolute;
   left:690px;
   top:18px;
   width:105px;
   height:13px;
}

#menu_szukaj {
    position:absolute;
   left:695px;
   top:49px;
   width:105px;
   height:13px;
}

#menu_ogloszenia {
    position:absolute;
   left:10px;
   top:95px;
   width:800px;
   height:160px;
}

#menu_l_g {
    position:absolute;
   left:-5px;
   top:10px;
   width:182px;
   background-image: url(menu/l_g.gif);
   background-repeat: no-repeat;
}

#menu_l_d {
    position:absolute;
   left:-2px;
   top:160px;
   width:182px;
   background-image: url(menu/l_d.gif);
   background-repeat: no-repeat;
}

#menu_l_d2 {
    position:absolute;
   left:-2px;
   top:410px;
   width:182px;
   background-image: url(menu/l_d2.gif);
   background-repeat: no-repeat;
}

#menu_p_g {
    position:absolute;
   right:-3px;
   top:-3px;
   width:170px;
   background-image: url(menu/p_g.gif);
   background-repeat: no-repeat;
}

#srodek {
    position:absolute;
   left:175px;
   top:0px;
   width:470px;
   }

#tekst_g {
    position:absolute;
   left:0px;
   top:0px;
   width:470px;
}

#banner {
    position:absolute;
   left:0px;
   top:75px;
   width:470px;
   text-align: center;
}

#naj_oglo {
    position:absolute;
   left:5px;
   top:168px;
   width:225px;
   text-align: center;
}

#naj_oglo_tresc {
    position:absolute;
   left:5px;
   top:220px;
   width:225px;
   text-align:left;
}


#naj_oglo2 {
    position:absolute;
   left:245px;
   top:168px;
   width:225px;
   text-align: center;
}

#naj_oglo_tresc2 {
    position:absolute;
   right:0px;
   top:220px;
   width:225px;
   text-align:left;
}

#strony {
    position:absolute;
   left:0px;
   top:850px;
   width:470px;
}



kod html

Kod: Zaznacz cały
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>glowna_3</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

<link rel="stylesheet" href="style.css" type="text/css">

</head>
<body>

<div id="index2-00">

<div id="index2-01">
   <img src="images/index2_01.gif" width=255 height=149 alt="">
</div>
<div id="index2-02">
   <img src="images/index2_02.gif" width=571 height=149 alt="">
</div>
<div id="index2-03">
   <img src="images/index2_03.gif" width=255 height=30 alt="">
</div>
<div id="index2-04">
   <a href="#"><img border="0" src="images/index2_04.gif" width=89 height=30 alt=""></a>
</div>
<div id="index2-05">
   <a href="#"><img border="0" src="images/index2_05.gif" width=119 height=30 alt=""></a>
</div>
<div id="index2-06">
   <a href="#"><img border="0" src="images/index2_06.gif" width=99 height=30 alt=""></a>
</div>
<div id="index2-07">
   <a href="#"><img border="0" src="images/index2_07.gif" width=96 height=30 alt=""></a>
</div>
<div id="index2-08">
   <a href="#"><img border="0" src="images/index2_08.gif" width=168 height=30 alt=""></a>
</div>
<div id="index2-09">
   
<div id="menu_szukam">
<img src="menu/szukam.gif" width="67" height="17" border="0" alt="">

<select name="nazwa_listy" style="width:70px; height: 18px; margin-top: 5px; font-size: 7pt; border: 2px solid #591833;">
<option> płeć
<option> 2
<option> 1
</select>

</div>

<div id="menu_wojewodztwo">
<img src="menu/wojewodztwo.gif" width="118" height="17" border="0" alt="">

<select name="nazwa_listy" style="width:125px; height: 18px; margin-top: 5px; font-size: 7pt; border: 2px solid #591833;">
<option> Województwo
<option> 1
<option> 2
</select>

</div>

<div id="menu_poszukujacych">
<img src="menu/poszukujacych.gif" width="125" height="17" border="0" alt="">

<select name="nazwa_listy" style="width:120px; height: 18px; margin-top: 5px; font-size: 7pt; border: 2px solid #591833;">
<option> Mężczyzn
<option> 1
<option> 2
</select>

</div>

<div id="menu_w_wieku">
<img src="menu/w_wieku.gif" width="74" height="17" border="0" alt="">

<input type="typ" name="nazwa" value="" style="width: 20px; margin-top: 3px; border: 2px solid #591833;">
<span style="font-weight: bold; font-style: normal; font-size: 12pt">
-</span>
 <input type="typ" name="nazwa" value="" style="width: 20px; margin-top: 3px; border: 2px solid #591833;">

</div>

<div id="menu_szukaj_wszedzie">
<div style=" position:absolute;   left:0px;   top:0px;"><input type="checkbox" NAME="" value="" > </div>
<div style=" position:absolute;   left:25px;   top:2px;"><img src="menu/szukaj_wszedzie.gif" width="95" height="13" border="0" alt=""  ></div>

</div>

<div id="menu_tylko_prywatne">
<div style=" position:absolute;   left:0px;   top:0px;"><input type="checkbox" NAME="" value="" > </div>
<div style=" position:absolute;   left:25px;   top:2px;"><img src="menu/tylko_prywatne.gif" width="91" height="13" border="0" alt=""  ></div>

</div>

<div id="menu_tylko_sponsorowane">
<div style=" position:absolute;   left:0px;   top:0px;"><input type="checkbox" NAME="" value="" > </div>
<div style=" position:absolute;   left:25px;   top:2px;"><img src="menu/tylko_sponsorowane.gif" width="99" height="14" border="0" alt=""  ></div>

</div>

<div id="menu_tylko_fotka">
<div style=" position:absolute;   left:102px;   top:0px;"><input type="checkbox" NAME="" value="" > </div>
<div style=" position:absolute;   left:0px;   top:2px;"><img src="menu/tylko_fotka.gif" width="98" height="17" border="0" alt=""  ></div>

</div>

<div id="menu_szukaj">
<input type="submit" value="" style="background-image: url(menu/szukaj.gif); width: 82px; height:27px; border: 0px; ">
</div>

<div id="menu_ogloszenia">

<div style="position: absolute ; left: 35px; width: 165px; height: 60px; border: 1px solid #591833;">
Seks, miłość i spełnienie.
Odkryj nieznane sposoby zwikszania seksualnej PRZYJEMNOCI!!!
</div>
<div style="position: absolute ; left: 230px; width: 165px; height: 60px; border: 1px solid #591833;">
Seks, miłość i spełnienie.
Odkryj nieznane sposoby zwikszania seksualnej PRZYJEMNOCI!!!
</div>
<div style="position: absolute; left: 420px; width: 165px; height: 60px; border: 1px solid #591833;">
Seks, miłość i spełnienie.
Odkryj nieznane sposoby zwikszania seksualnej PRZYJEMNOCI!!!
</div>
<div style="position: absolute; left: 610px; width: 165px; height: 60px; border: 1px solid #591833;">
Seks, miłość i spełnienie.
Odkryj nieznane sposoby zwikszania seksualnej PRZYJEMNOCI!!!
</div>
 
<div style="position: absolute; left: 40px; top: 62px;">
<a href="#" style="font-size: 9pt; color:#ffffff">atbox.pl</A>
</div>

<div style="position: absolute; right: 25px; top: 62px;">
<a href="#" style="font-size: 9pt; color:#ffffff">Dodaj swój boks</A>
</div>

</div>

</div>
   
<div id="index2-11">

<!-- Logowanie -->

<div id="menu_l_g">
<p style="font-weight: bold; text-align: left; margin-left: 20px; margin-top: 8px">
LOGOWANIE</p>
 
<div style="text-align:left; margin-left: 25px; margin-top: 15px;">Login: <input type="typ" name="nazwa" value="" style="width: 75px; height: 15px; background-color: #060606; border: 1px solid #310619; color: #FFFFFF; font-size: 8pt;"></div>
<div style="text-align:left; margin-left: 25px; margin-top: 2px;">Hasło: <input type="typ" name="nazwa" value="" style="width: 75px; height: 15px; background-color: #060606; border: 1px solid #310619; color: #FFFFFF; font-size: 8pt;"></div>
<div style="text-align:left; margin-left: 30px;"><a href="#" style="color: #FFFFFF; text-decoration: none;  ">ZAPOMNIAŁEM HASŁA</a></div>
<input type="submit" value="Zaloguj sie" style="background-color: #060606; margin-top: 10px; border: 1px solid #310619;color: #FFFFFF; font-size: 8pt; ">
<div style="margin-top: 5px;"><a href="#" style="color: #AA2F5E; text-decoration: none; font-weight: bold; ">REJESTRACJA</a></div>

</div>

<!-- Koniec - Logowanie -->


<!-- Nawigacja -->

<div id="menu_l_d">
<p style="font-weight: bold; text-align: left; margin-left: 20px; margin-top: 8px">
NAWIGACJA</p>
 
<div style="text-align:left; margin-left: 25px; margin-top: 15px; ">
<div style="margin-left: 15px; margin-top: 20px;"><img src="menu/kropka2.gif" width="4" height="5" alt="">  <a href="#" style="color:#ffffff">Ogoszenie towarzyskie</a></div>
<div style="margin-left: 30px;"> <a href="#" style="color:#ffffff">Wyszukiwanie</a></div>
<div style="margin-left: 30px;"> <a href="#" style="color:#ffffff">Najnowsze</a></div>
<div style="margin-left: 30px;"> <a href="#" style="color:#ffffff">Najpopularniejsze</a></div>

<div style="margin-left: 15px; margin-top: 10px;"><img src="menu/kropka2.gif" width="4" height="5" alt=""> <a href="#" style="color:#ffffff">Filmy erotyczne</a></div>

<div style="margin-left: 15px; margin-top: 10px;"><img src="menu/kropka2.gif" width="4" height="5" alt=""> <a href="#" style="color:#ffffff">PROGRAM PARTNERSKI</a></div>

<div style="margin-left: 15px; margin-top: 10px;"> <img src="menu/kropka2.gif" width="4" height="5" alt=""> <a href="#" style="color:#ffffff">RANKING ZDJ</a></div>

<div style="margin-left: 15px; margin-top: 10px;"><img src="menu/kropka2.gif" width="4" height="5" alt=""> <a href="#" style="color:#ffffff">FAQ</a></div>
<div style="margin-left: 15px; "><img src="menu/kropka2.gif" width="4" height="5" alt=""> <a href="#" style="color:#ffffff">CZAT ON-LINE</a></div>
<div style="margin-left: 15px; "><img src="menu/kropka2.gif" width="4" height="5" alt=""> <a href="#" style="color:#ffffff">FORUM DYSKUSYJNE</a></div>
<div style="margin-left: 15px;"><img src="menu/kropka2.gif" width="4" height="5" alt=""> <a href="#" style="color:#ffffff">KONTAKT Z ADMINEM</a></div>
</div>

</div>

<!-- Koniec - Nawigacja -->


<!-- Szybki podgląd -->

<div id="menu_l_d2">
<p style="font-weight: bold; text-align: left; margin-left: 20px; margin-top: 10px">
SZYBKI PODGLĄD</p>
 
<div style="text-align:left; margin-left: 20px; margin-top: 25px;"><input type="typ" name="nazwa" value="" style="width: 100px; height: 14px; background-color: #060606; border: 1px solid #310619; color: #FFFFFF; font-size: 8pt;"> <input type="submit" value="" style="background-image: url(menu/guzik.gif); width: 26px; height:18px; border: 0px; "> </div>
<div style="text-align:center; margin-left: 20px; margin-right: 20px; margin-top: 10px;">
Aby zobaczy profil wpisz
nick i wcinij ENTER</div>
</div>

<!-- Koniec - Szybki podgląd -->


<!-- Profil sponsorowany -->

<div id="menu_p_g">
<p style="font-weight: bold; text-align: left; margin-left: 20px; margin-top: 20px">
PROFIL SPONSOROWANY</p>
 
<div style="text-align:center; margin-top: 25px;">
<img src="lulu.gif" width="100" height="75" border="0" alt="">
</div>
<div style="margin-top: 5px;"><b>Nick:</b> <span style="color: #A50B4C"><b>lulu26</b></span></div>
<div><b>Wiek:</b> 26 lat</div>
<div><b>Miasto:</b> Gdynia</div>
<div><b>Woj.</b> Pomorskie</div>
<div style="margin-left: 40px; margin-right: 40px; margin-top: 10px;"><a href="#" style="color: #AA2F5E; text-decoration: none; font-weight: bold; ">UMIEŚĆ TUTAJ SWÓJ ANONS</a></div>

</div>

<!-- Koniec - Profil sponsorowany -->

<!-- Środek -->

<div id="srodek">

<!-- Tekst do gory -->

<div id="tekst_g">
<p style="margin-left: 10px; margin-right: 10px;">
Nasz serwis przeznaczony jest dla wszystkich dla których sex odgrywa w yciu istotn
rol. Dajemy Ci moliwo wyszukiwania swoich przyszych sex-partnerów w caej
Polsce, publikujc swój profil pozwalasz odnalez si przez innych cay czas
pozostajc cakowicie anonimowy! Gwarantujemy, ze z nami znajdziesz to czego
szukasz.
</p>
</div>

<!-- Koniec - Tekst do góry -->


<!-- Banner -->

<div id="banner">

<img src="banner.gif" width="468" height="80" alt="">

</div>

<!-- Koniec - Banner -->


<!-- Najpopularnieszje ogłoszenia -->

<div id="naj_oglo">
<span style="font-weight: bold; margin-right: 25px;">NAJPOPULARNIEJSZE OGŁOSZENIA</span>
<img src="menu/pod_tyt.gif" width="225" height="20" alt="">

</div>

<!-- Koniec - Najpopularnieszje ogłoszenia -->


<!-- Najpopularnieszje ogłoszenia treść -->

<div id="naj_oglo_tresc">

<table style="border-bottom: 2px solid #310619;">
<tr>
<td valign="top">
<img src="lulu2.gif" width="93" height="100" alt="">
</td>
<td>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Nick:</span> <span style="color: #AA2F5E; font-weight: bold;">Wiki26</span></div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Wiek:</span> 25 - 30</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Woj.:</span> Mazowieckie</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Miasto:</span> Warszawa</div>
<div style="color: #AA2F5E; margin-left: 5px; margin-top: 5px;">Znudzona studentka poszukuje przygody.. Zmiany.. Bez zbednych </div>
<div style="text-align: right; margin-right: 5px; margin-top: 5px; margin-bottom: 10px;"><img src="menu/kropka.gif" width="4" height="4" alt=""> <a href="#" style="text-decoration: none; color:#ffffff">wiecej</a></div>
</td>
</tr>
</table>

<table style="border-bottom: 2px solid #310619; margin-top: 10px;">
<tr>
<td valign="top">
<img src="lulu2.gif" width="93" height="100" alt="">
</td>
<td>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Nick:</span> <span style="color: #AA2F5E; font-weight: bold;">Wiki26</span></div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Wiek:</span> 25 - 30</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Woj.:</span> Mazowieckie</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Miasto:</span> Warszawa</div>
<div style="color: #AA2F5E; margin-left: 5px; margin-top: 5px;">Znudzona studentka poszukuje przygody.. Zmiany.. Bez zbednych </div>
<div style="text-align: right; margin-right: 5px; margin-top: 5px; margin-bottom: 10px;"><img src="menu/kropka.gif" width="4" height="4" alt=""> <a href="#" style="text-decoration: none; color:#ffffff">wiecej</a></div>
</td>
</tr>
</table>

<table style="border-bottom: 2px solid #310619; margin-top: 10px;">
<tr>
<td valign="top">
<img src="lulu2.gif" width="93" height="100" alt="">
</td>
<td>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Nick:</span> <span style="color: #AA2F5E; font-weight: bold;">Wiki26</span></div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Wiek:</span> 25 - 30</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Woj.:</span> Mazowieckie</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Miasto:</span> Warszawa</div>
<div style="color: #AA2F5E; margin-left: 5px; margin-top: 5px;">Znudzona studentka poszukuje przygody.. Zmiany.. Bez zbednych </div>
<div style="text-align: right; margin-right: 5px; margin-top: 5px; margin-bottom: 10px;"><img src="menu/kropka.gif" width="4" height="4" alt=""> <a href="#" style="text-decoration: none; color:#ffffff">wiecej</a></div>
</td>
</tr>
</table>

<table style="border-bottom: 2px solid #310619; margin-top: 10px;">
<tr>
<td valign="top">
<img src="lulu2.gif" width="93" height="100" alt="">
</td>
<td>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Nick:</span> <span style="color: #AA2F5E; font-weight: bold;">Wiki26</span></div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Wiek:</span> 25 - 30</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Woj.:</span> Mazowieckie</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Miasto:</span> Warszawa</div>
<div style="color: #AA2F5E; margin-left: 5px; margin-top: 5px;">Znudzona studentka poszukuje przygody.. Zmiany.. Bez zbednych </div>
<div style="text-align: right; margin-right: 5px; margin-top: 5px; margin-bottom: 10px;"><img src="menu/kropka.gif" width="4" height="4" alt=""> <a href="#" style="text-decoration: none; color:#ffffff">wiecej</a></div>
</td>
</tr>
</table>

</div>

<!-- Koniec - Najpopularnieszje ogłoszenia treść -->


<!-- Najnowsze ogłoszenia -->

<div id="naj_oglo2">
<span style="font-weight: bold; margin-right: 70px;">NAJNOWSZE OGŁOSZENIA</span>
<img src="menu/pod_tyt.gif" width="225" height="20" alt="">

</div>

<!-- Koniec - Najnowsze ogłoszenia -->


<!-- Najnowsze ogłoszenia treść -->

<div id="naj_oglo_tresc2">

<table style="border-bottom: 2px solid #310619;">
<tr>
<td valign="top">
<img src="lulu2.gif" width="93" height="100" alt="">
</td>
<td>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Nick:</span> <span style="color: #AA2F5E; font-weight: bold;">Wiki26</span></div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Wiek:</span> 25 - 30</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Woj.:</span> Mazowieckie</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Miasto:</span> Warszawa</div>
<div style="color: #AA2F5E; margin-left: 5px; margin-top: 5px;">Znudzona studentka poszukuje przygody.. Zmiany.. Bez zbednych </div>
<div style="text-align: right; margin-right: 5px; margin-top: 5px; margin-bottom: 10px;"><img src="menu/kropka.gif" width="4" height="4" alt=""> <a href="#" style="text-decoration: none; color:#ffffff">wiecej</a></div>
</td>
</tr>
</table>

<table style="border-bottom: 2px solid #310619; margin-top: 10px;">
<tr>
<td valign="top">
<img src="lulu2.gif" width="93" height="100" alt="">
</td>
<td>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Nick:</span> <span style="color: #AA2F5E; font-weight: bold;">Wiki26</span></div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Wiek:</span> 25 - 30</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Woj.:</span> Mazowieckie</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Miasto:</span> Warszawa</div>
<div style="color: #AA2F5E; margin-left: 5px; margin-top: 5px;">Znudzona studentka poszukuje przygody.. Zmiany.. Bez zbednych </div>
<div style="text-align: right; margin-right: 5px; margin-top: 5px; margin-bottom: 10px;"><img src="menu/kropka.gif" width="4" height="4" alt=""> <a href="#" style="text-decoration: none; color:#ffffff">wiecej</a></div>
</td>
</tr>
</table>

<table style="border-bottom: 2px solid #310619; margin-top: 10px;">
<tr>
<td valign="top">
<img src="lulu2.gif" width="93" height="100" alt="">
</td>
<td>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Nick:</span> <span style="color: #AA2F5E; font-weight: bold;">Wiki26</span></div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Wiek:</span> 25 - 30</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Woj.:</span> Mazowieckie</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Miasto:</span> Warszawa</div>
<div style="color: #AA2F5E; margin-left: 5px; margin-top: 5px;">Znudzona studentka poszukuje przygody.. Zmiany.. Bez zbednych </div>
<div style="text-align: right; margin-right: 5px; margin-top: 5px; margin-bottom: 10px;"><img src="menu/kropka.gif" width="4" height="4" alt=""> <a href="#" style="text-decoration: none; color:#ffffff">wiecej</a></div>
</td>
</tr>
</table>

<table style="border-bottom: 2px solid #310619; margin-top: 10px;">
<tr>
<td valign="top">
<img src="lulu2.gif" width="93" height="100" alt="">
</td>
<td>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Nick:</span> <span style="color: #AA2F5E; font-weight: bold;">Wiki26</span></div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Wiek:</span> 25 - 30</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Woj.:</span> Mazowieckie</div>
<div style="margin-left: 5px;"><span style="font-weight: bold;">Miasto:</span> Warszawa</div>
<div style="color: #AA2F5E; margin-left: 5px; margin-top: 5px;">Znudzona studentka poszukuje przygody.. Zmiany.. Bez zbednych </div>
<div style="text-align: right; margin-right: 5px; margin-top: 5px; margin-bottom: 10px;"><img src="menu/kropka.gif" width="4" height="4" alt=""> <a href="#" style="text-decoration: none; color:#ffffff">wiecej</a></div>
</td>
</tr>
</table>

</div>

<!-- Koniec - Najnowsze ogłoszenia treść -->

<div id="strony">
<p style="margin-left: 10px; margin-right: 10px;">
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11]
</p>
</div>


</div>

<!-- Koniec - Środek -->


</div>


<div id="index2-10">
<div style="position: absolute; left: 10px; top: 10px; font-size: 9pt; color:#ffffff">
<span style=" font-weight: bold; color: #aa2f5e">
280675</span> zarejestrowanych uytkowników</div>       
<div style="position: absolute; left: 270px; top: 10px; font-size: 9pt; color:#ffffff">
<span style=" font-weight: bold; color: #aa2f5e">129257</span> opublikowanych anonsów </div> 
<div style="position: absolute; left: 520px; top: 10px; font-size: 9pt; color:#ffffff">     
<span style=" font-weight: bold; color: #aa2f5e">3530021</span> wiadomoci wysanych pomidzy uytkownikami</div>
</div>

<div id="index2-12">
<div style="text-align:left; margin-left: 50px; margin-top: 15px;">COPYRIGHT  - 2007  |  pornland.pl  |  Wszystkie prawa zastrzeone |  Design by: Visionfox.net</div>
</div>

</div>



</body>
</html>


Tutaj obrazek z opery z opisami:

http://www.fotosik.pl/pokaz_obrazek/pel ... 653e6.html
dawid_g
Posty: 60
Dołączył(a): 26.10.2007

Powrót do Początkujący webmaster


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 9 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 49378 zarejestrowanych użytkowników.
Najnowszy użytkownik: wojciech-opiniologia


Nasi użytkownicy napisali:

  • 933259 wiadomości
  • w 245687 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)