Skocz do zawartości

[Problem] Szablon allegro

r0wl3n

Przez r0wl3n,
w HTML i CSS

 Share

Recommended Posts

r0wl3n Newbie

r0wl3n

Napisano
Napisano

Witam, wczoraj wieczorkiem, szybko zaprojektowałem sobie szablon na allegro. TZN. zrobiłem grafikę w PS i w editplus pokodowałem to tak jak do normalnej strony w html, style css, divy itp. Gdy ładuje szablon w allegro to szablon nie jest wyśrodkowany, nie ma tła takiego jakie mu nadałem, stopka w ogóle ucieka gdzieś za stronę... tabelki z informacjami po lewej stronie, same się wydłużają... no po prostu koszmar!

Chciałbym, żeby to wyszło tak: adres www

Zdjęcia jak to wychodzi: zdjecie 1 oraz zdjecie 2

tutaj kod jaki mam w allegro:

<!-- usunieto -->
<style type="text/css">
<!--
#user_field .cala {
background: url(http://zstudio.ggear.pl/bob59/images/bob.png);
background-color: #4ca3c7;
width: 1200px;
}

#user_field .cala img {
border: 0px;
}

#user_field .all {
position:absolute; 
top: 0; 
height:100%;
width: 1200px;
margin-left: auto;
margin-right: auto;
}

#user_field .main {
position: absolute;
top: 18px;
width: 1200px;
height:100%; 
}

#user_field .header {
position: absolute;
height: 347px;
width: 1045px;
background: url(http://zstudio.ggear.pl/bob59/images/header.jpg);
background-repeat: no-repeat;
}

#user_field .omnie {
position: absolute;
top: 17px;
left: 47px;
width: 72px;
height: 22px; 
}

#user_field .aukcje {
position: absolute;
top: 73px;
left: 19px;
width: 128px;
height: 22px; 
}

#user_field .ulubione {
position: absolute;
top: 128px;
left: 36px;
width: 103px;
height: 23px; 
}

#user_field .komentarze {
position: absolute;
top: 184px;
left: 19px;
width: 128px;
height: 23px; 
}

#user_field .pytanie {
position: absolute;
top: 235px;
left: 11px;
width: 148px;
height: 23px; 
}

#user_field .kontener {
float: left;
width: 1045px;
background: url(http://zstudio.ggear.pl/bob59/images/kontener.jpg);
background-repeat: repeat-y;
}

#user_field .lewa {
float: left;
margin-top: 0px;
width: 292px;
}

#user_field .tabele_wszystkie {
float: left;
margin-top: 361px;
margin-left: 19px;
height: 100%;
width: 292px;
}

#user_field .kontakt {
float: left;
margin-top: 0px;
margin-left: 0px;
height: 100%;
width: 266px;
background: url(http://zstudio.ggear.pl/bob59/images/kontakt_tlo.jpg);
background-repeat: repeat-y;
}

#user_field .kontakt_g {
position: relative;
margin-top: 0px;
margin-left: 0px;
background: url(http://zstudio.ggear.pl/bob59/images/kontakt_g.jpg);
background-repeat: no-repeat;
height: 35px;
width: 266px;
}

#user_field .kontakt_gg {
float: left;
margin-top: 0px;
margin-left: 0px;
padding: 13px;
background: url(http://zstudio.ggear.pl/bob59/images/kontakt_gg.jpg);
background-repeat: no-repeat;
width: 255px;
font-family: Verdana;
font-size: 12px;
color: black;
text-decoration: none;
}

#user_field .kontakt_gg img{
vertical-align: middle;
}

#user_field .kontakt_s {
clear: both;
background: url(http://zstudio.ggear.pl/bob59/images/kontakt_s.jpg);
background-repeat: no-repeat;
height: 26px;
width: 266px;
margin-bottom: 18px;
}

#user_field .konto {
float: left;
margin-top: 0px;
margin-left: 0px;
height: 100%;
width: 266px;
background: url(http://zstudio.ggear.pl/bob59/images/konto_tlo.jpg);
background-repeat: repeat-y;
}

#user_field .konto_g {
position: relative;
margin-top: 0px;
margin-left: 0px;
background: url(http://zstudio.ggear.pl/bob59/images/konto_g.jpg);
background-repeat: no-repeat;
height: 35px;
width: 266px;
}

#user_field .konto_gg {
float: left;
margin-top: 0px;
margin-left: 0px;
padding: 13px;
background: url(http://zstudio.ggear.pl/bob59/images/konto_gg.jpg);
background-repeat: no-repeat;
width: 255px;
font-family: Verdana;
font-size: 12px;
color: black;
text-decoration: none;
}

#user_field .konto_s {
clear: both;
background: url(http://zstudio.ggear.pl/bob59/images/konto_s.jpg);
background-repeat: no-repeat;
height: 26px;
width: 266px;
margin-bottom: 18px;
}

#user_field .wysylka {
float: left;
margin-top: 0px;
margin-left: 0px;
height: 100%;
width: 266px;
background: url(http://zstudio.ggear.pl/bob59/images/wysylka_tlo.jpg);
background-repeat: repeat-y;
}

#user_field .wysylka_g {
position: relative;
margin-top: 0px;
margin-left: 0px;
background: url(http://zstudio.ggear.pl/bob59/images/wysylka_g.jpg);
background-repeat: no-repeat;
height: 35px;
width: 266px;
}

#user_field .wysylka_gg {
float: left;
margin-top: 0px;
margin-left: 0px;
padding: 13px;
background: url(http://zstudio.ggear.pl/bob59/images/wysylka_gg.jpg);
background-repeat: no-repeat;
width: 245px;
line-height: 155%;
font-family: Verdana;
font-size: 12px;
color: black;
text-decoration: none;
}

#user_field .wysylka_s {
clear: both;
background: url(http://zstudio.ggear.pl/bob59/images/wysylka_s.jpg);
background-repeat: no-repeat;
height: 26px;
width: 266px;
margin-bottom: 18px;
}

#user_field .regulamin {
float: left;
margin-top: 0px;
margin-left: 0px;
height: 100%;
width: 266px;
background: url(http://zstudio.ggear.pl/bob59/images/regulamin_tlo.jpg);
background-repeat: repeat-y;
}

#user_field .regulamin_g {
position: relative;
margin-top: 0px;
margin-left: 0px;
background: url(http://zstudio.ggear.pl/bob59/images/regulamin_g.jpg);
background-repeat: no-repeat;
height: 35px;
width: 266px;
}

#user_field .regulamin_gg {
float: left;
margin-top: 0px;
margin-left: 0px;
padding: 13px;
line-height: 155%;
background: url(http://zstudio.ggear.pl/bob59/images/regulamin_gg.jpg);
background-repeat: no-repeat;
width: 255px;
}

#user_field .regulamin_s {
clear: both;
background: url(http://zstudio.ggear.pl/bob59/images/regulamin_s.jpg);
background-repeat: no-repeat;
height: 26px;
width: 266px;
margin-bottom: 18px;
}

#user_field .prawa {
width: 740px;
float: left;
margin-top: 361px;
}

#user_field .stopka {
clear: both;
background: url(http://zstudio.ggear.pl/bob59/images/stopka.jpg);
background-repeat: no-repeat;
height: 59px;
width: 1045px;
margin-bottom: 15px;
}

#user_field .stopka_kontener {
position: relative;
top: 0px;
left: 0px;
height: 59px;
width: 1045px;
}

#user_field .logo_bd {
position: absolute;
height: 41px;
width: 139px;
top: 5px;
left: 860px;
}

#user_field .logo_bd img {
text-decoration: none;
border: 0px;
}

#user_field .stopka_tekst {
position: absolute;
top: 10px;
left: 400px;
height: 26px;
width: 450px;
font-family: "Tahoma";
font-size: 9px;
text-align: right;
color: #000000;
}
-->
</style>
<table class="cala">
<div class="all">
<div class="main">
<div class="gora"><div class="header">
 <div class="omnie"><img src="http://zstudio.ggear.pl/bob59/images/omnie.jpg" alt="" /></div>

  <a href="http://allegro.pl/show_user_auctions.php?uid=2574279"><div class="aukcje"><img src="http://zstudio.ggear.pl/bob59/images/aukcje.jpg" alt="" /></a></div>

<a href="http://allegro.pl/myaccount/favourites_sellers.php/addNew/?userId=2574279&ret=%2Fshow_user.php%3Fuid%3D2574279"><div class="ulubione"><img src="http://zstudio.ggear.pl/bob59/images/ulubione.jpg" alt="" /></a></div>

  <a href="http://allegro.pl/show_user.php?uid=2574279"><div class="komentarze"><img src="http://zstudio.ggear.pl/bob59/images/komentarze.jpg" alt="" /></a></div>

  <a href="http://allegro.pl/email_to_user.php?uid=2574279"><div class="pytanie"><img src="http://zstudio.ggear.pl/bob59/images/pytanie.jpg" alt="" /></a></div></div></div>

<div class="kontener">
 <div class="lewa"><div class="tabele_wszystkie"><div class="kontakt"><div class="kontakt_g"></div><div class="kontakt_gg">Kontakt poprzez:<br>
 <br>
 telefon: 694979740 lub 501324299<br>
 <br>
 e-mail: <a href="mailto:robbi194@wp.pl">robbi194@wp.pl</a><br>
 <br>
 Gadu-Gadu: <a href="gg:9014782"><img src="http://status.gadu-gadu.pl/users/status.asp?id=9014782&styl=3" alt="" /></a></div></div><div class="kontakt_s"></div>

  <div class="konto"><div class="konto_g"></div><div class="konto_gg">Konto bankowe (mBank):<br>
  <br>
  ROBERT ADAM ZIOBROWSKI<br>
  <br>
  XXXXXXXXXXXXXXXXXXXXXX
  <br>
  XX-XXX XXXXX<br>
  <br>
  XX XXXX XXXX XXXX XXXX XXXX XXXX</div></div><div class="konto_s"></div>

 <div class="wysylka"><div class="wysylka_g"></div><div class="wysylka_gg">Wysyłki realizowane są zaraz po zaksięgowaniu pieniędzy na koncie. Możliwa jest również wysyłka paczki z płatnością przy odbiorze. Całkowity koszt transportu pokrywa kupujący. <br>Po wcześniejszym uzgodnieniu możliwa jest wysyłka firmą kurjerską.</div></div><div class="wysylka_s"></div>

 <div class="regulamin"><div class="regulamin_g"></div><div class="regulamin_gg">s</div></div><div class="regulamin_s"></div></div></div>
<div class="prawa"><opis><br><br><galeria></div>
</div>
<div class="stopka"><div class="stopka_kontener">
<div class="stopka_tekst">C 2010 Black Design studio przy współpracy z użytkownikiem bob59 - Projektowanie stron internetowych
Wszelkie prawa zastrzeżone. Kopiowanie materiałów bez wiedzy autora jest zabronione.</div>
<div class="logo_bd"><a target="_new" href="http://zstudio.ggear.pl"><img src="http://zstudio.ggear.pl/bob59/images/logo_bd.png" alt="" /></a></div></div></div>
</div>
</div>
</table>
<!-- usunieto -->

Link do komentarza
Udostępnij na innych stronach
r0wl3n Newbie

r0wl3n

Napisano
  • Autor
Napisano

Do moderatora, temat do zamknięcia, poradziłem sobie : ) to że stopka lądowała gdzieś za stroną, to wina tego, że znacznik <galeria> był w środku kontenera. Po umieszczeniu go na samym końcu, stopka ostała się na swoim miejscu, a galeria jest pod stopką.

Link do komentarza
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.
 Share
Przejdź do listy tematów
×
×
  • Utwórz nowe...