Zaloguj się

tms84 · 02-07-2010, 20:18

Witam wszystkich forumowiczów.
Ściągnąłem z internetu gotowy szablon z elementami css.
Chciałem go przerobić i umieścić na aukcjach na Allegro. Okazało się że wszystko jest ok pod Operą, Mozillą jednak pod IE są pewne błędy w wyświetlaniu.
Od razu napiszę że styl css umieściłem w kodzie strony ponieważ inaczej allegro nie akceptuje.
Poniżej wkleje kod. Z góry dziękuję za pomoc.
[ code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>
<title>Metamorphosis Design Free Css Templates</title>
<style type='text/css'>body}

/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

#user_field a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #4e0000;
text-decoration:none;
}

#user_field a:hover{
text-decoration: underline;
color: #000000;
}

#user_field *
{
border: 0;
margin: 0;
}

#user_field
{

font: 12px Arial, Helvetica, sans-serif;
color: #000000;
background: url(http://www.bociek.kei.pl/1/images/bg.jpg);
background-repeat:repeat;
}

#user_field #mainbg{
background: url(http://www.bociek.kei.pl/1/images/bg_top.jpg);
background-repeat:repeat-x;
background-position: top;
}

#user_field #main_top{
background: url(http://www.bociek.kei.pl/1/images/main_top.png);
background-repeat:no-repeat;
background-position:top;
height: 27px;
}

#user_field #main{
margin: 0 auto;
width: 930px;
}

#user_field #header{
background: url(http://www.bociek.kei.pl/1/images/header.jpg);
background-repeat:no-repeat;
background-position: center top;
}

#user_field #logo{
width: 1000px;
margin: 0 auto;
text-align: left;
padding-left: 180px;
padding-top:50px;
height: 80px;
}

#user_field #logo a {
text-decoration: none;
text-transform: lowercase;
font-style: italic;
font-size: 16px;
color: #4e0000;
font-weight: bold;
}

#user_field #logo H2 a{
font-size: 10px;
}

#user_field #buttons{
width: 902px;
height: 57px;
margin: 0 auto;
background: url(http://www.bociek.kei.pl/1/images/menubg.jpg);
background-repeat:repeat-x;
background-position:top;
}

#user_field .menu_width{
width: 882px;
margin: 0 auto;
}

#user_field #buttons ul {
padding-left: 0px;
}

#user_field #buttons li {
display: inline;
}

#user_field #buttons a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
text-align: center;
text-decoration: none;
color: #ffffff;
display: block;
float: left;
width: 20%;
height: 20px;
padding-top: 20px;
}

#user_field #buttons a:hover, #user_field .active{
height: 33px;
background: url(http://www.bociek.kei.pl/1/images/menubghov.jpg);
background-repeat:no-repeat;
background-position:bottom center;
}

#user_field #content{
}

#user_field #content_bg{
background: url(http://www.bociek.kei.pl/1/images/conbg.png);
background-repeat:repeat-y;
}

#user_field #left{
width: 586px;
background-color: #ffffff;
margin-left: 24px;
}

#user_field .left_top{
background: url(http://www.bociek.kei.pl/1/images/left_top.jpg);
background-repeat:no-repeat;
background-position: top;
height: 10px;
}

#user_field #left p{
padding-left:12px;
padding-right:12px;
padding-bottom: 10px;
}

#user_field #text{
}

#user_field #left H1{
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
color: #4e0000;
font-size: 18px;
width:100%;
padding-top: 10px;
padding-left: 6px;
padding-bottom:10px;
margin-bottom:20px;
background: url(http://www.bociek.kei.pl/1/images/title_left.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#user_field .read{
text-align: right;
background: url(http://www.bociek.kei.pl/1/images/read.gif);
background-repeat:no-repeat;
background-position:right top;
margin-top:10px;
margin-bottom:10px;
padding-top: 3px;
padding-right: 4px;
height:17px;
}

#user_field #right .read a{
color: #ffffff;
font-weight:normal;
padding-right:4px;
font-size: 12px;
text-decoration:none;
}

#user_field .read a:hover{
text-decoration:underline;
}

#user_field .readleft{
text-align: right;
margin-top:10px;
height:16px;
margin-right: 20px;
}

#user_field .readleft a{
color: #4e0000;
font-weight:bold;
padding-right:4px;
font-size: 12px;
text-decoration:none;
border-bottom: 1px dotted #4e0000;
}

#user_field .readleft a:hover{
border: none;
}

#user_field #right{
width: 289px;
float:right;
margin-right: 24px;
}

#user_field #right h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
color: #ffffff;
font-size: 18px;
text-align:center;
height: 36px;
padding-top: 13px;
margin-bottom:20px;
background: url(http://www.bociek.kei.pl/1/images/title_right.gif);
background-repeat:no-repeat;
background-position:top left;
}

#user_field #right .categories ul{
padding-left: 0px;
list-style: none;
padding-bottom: 20px;
}

#user_field #right .categories ul li{
padding-left: 0px;
padding-bottom: 1px;

}

#user_field #right .categories ul li a {
font-weight: bold;
text-align: left;
text-decoration: none;
color: #ff0000;
display: block;
height: 24px;
padding-top: 9px;
padding-left: 15px;
background: url(http://www.bociek.kei.pl/1/images/cat.jpg);
background-repeat:no-repeat;
background-position:top left;
width: 287px;
}
#user_field #right .categories ul li a:hover {
background: url(http://www.bociek.kei.pl/1/images/catbg.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#user_field #right .company ul{
list-style: none;
margin-bottom: 30px;
padding-left:7px;
padding-top: 5px;
padding-right:10px;
}

#user_field #right .company ul li{
background: url(http://www.bociek.kei.pl/1/images/ls.png) no-repeat left top;
padding-left: 20px;
margin-bottom: 10px;
color: #ffffff;
}

#user_field #right a{
text-decoration: none;
color: #ffffff;
font-weight:bold;
}

#user_field #right a:hover {
text-decoration: underline;
}

#user_field #main_bot{
background: url(http://www.bociek.kei.pl/1/images/main_bot.jpg);
background-repeat: no-repeat;
background-position:top;
height: 30px;
}

#user_field #footer
{
background: url(http://www.bociek.kei.pl/1/images/footer.jpg);
background-repeat:repeat-x;
background-position:top;
height: 40px;
font-size: 10px;
color: #000000;
padding-top: 30px;
text-align: center;
clear:both;
}

#user_field #footer a{
color: #000000;
font-size: 10px;
text-decoration: none;
}
#user_field .padding{
padding: 10px;
color:#FF0000;
font-weight: bold;
}

</style>
</head><center>
<div>
<div id="mainbg">

<div id="header">
<div id="buttons">
<div class="menu_width">

<li><a href="http://www.bociek.kei.pl/1/index.html" title="" class="active">O nas</a></li>
<li><a href="http://www.allegro.pl/show_user_auctions.php?uid=10085711" target="_blank" rel="nofollow" title="">Nasze aukcje</a></li>
<li><a href="http://www.bociek.kei.pl/1/regulamin.html" title="">Regulamin</a></li>
<li><a href="http://allegro.pl/show_user.php?uid=10085711" target="_blank" rel="nofollow" title="">Komentarze</a></li>
<li><a href="http://www.bociek.kei.pl/1/kontakt.html" title="">Kontakt</a></li>

</div>
</div><center>
<div id="logo">
<a href="#">SKLEP BOCIEK ZABRZE</a>
<h2><a href="http://www.metamorphozis.com/" id="metamorph">Lider sprzedaży produktów dziecięcych na śląsku</a></h2>
</div>

<center>
<div id="main">
<div id="main_top"></div>
<div id="content_bg">
<div id="content">
<div id="right">
<h2>Kategorie produktów</h2>
<div class="categories">
<ul>
<li><a href="#">Akcesoria dla dzieci</a></li>
<li><a href="#">Foteliki samochodowe</a></li>
<li><a href="#">Pokój dziecięcy</a></li>
<li><a href="#">Wózki</a></li>
<li><a href="#">Zabawki</a></li>
<li><a href="#">Zdrowie i higiena</a></li>
<li><a href="#">Pozostałe</a></li>
</ul>
</div>
<h2>Promocje!</h2>
<div class="company">
<ul>

<li><a href="#">Maecenas sed lorem neque. Mauris dictum varius orci, sagittis auctor sapien sagittis vitae. </a><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel nisl nisi, et semper libero. Vivamus eleifend felis auctor quam suscipit facilisiі....<div class="read"><a href="#">read more</a></div></li>
<li><a href="#">Maecenas sed lorem neque. Mauris dictum varius orci, sagittis auctor sapien sagittis vitae. </a><br />Fusce diam turpis, condimentum a ornare sit amet, accumsan in elit. Cras pretium accumsan justo, id hendrerit elit porta mattis. Maecenas felis purus, malesuada...
<div class="read"><a href="#">read more</a></div></li>
</ul>
</div>
</div>
<div id="left">
<div class="left_top"></div>
<h1>Metamorphosis Design</h1>
<div id="text">

<center><p><b><u>ZAKUP TOWARU</u></b></p>

<br>
Klikając opcję Kup Teraz, zawieracie Państwo umowę kupna- sprzedaży. <br>
W związku z tym prosimy o przemyślane zakupy, gdyż niedopełnienie tej umowy wiąże się z konsekwencjami wynikającymi z regulaminu allegro.<br>

Po dokonaniu zakupu prosimy o wysłanie listu na adres:<a href="mailto:[email protected]">[email protected]</a> w którym powinny znaleźc się następujące informacje:<br><br>

<ul><b>
<li>imię i nazwisko oraz nick z allegro</li>
<li>kolor zakupionego towaru</li>
<li>ewentualna zmiana adresu wysyłki</li>
<li>(forma płatności)</li></b>
</ul>
<br>
<i><b>Prosimy o wysłanie listu maksymalnie w ciągu trzech/siedmiu dni od momentu zakupu przedmiotu.</b></i>
<br>

Następnie otrzymają Państwo e-mail zwrotny informujący o szczegółach realizacji zamówienia.
<br>

Kolejnym krokiem będzie wpłacenie na nasze konto sumy za zakupiony towar + koszt wysyłki (koszt wysyłki jest podany na każdej aukcji).
<br>
<br>

<b><u>
Dane do przelewu:</u>
<br><br>
<ul>
<li>06 1020 2401 0000 0802 0200 7573</li>

<li>Bociek s.c. Kaźmierczak</li>

<li>ul. Mikulczycka 1</li>

<li>41- 800 Zabrze</li></b><br><br>

<p>Dane te otrzymują państwo również w e-mailu wysyłanym przez allegro zaraz po dokonaniu zakupu.</p>

<p>W tytule przelewu prosimy o podanie swojego nicka oraz nr aukcji, za którą państwo płacicie. W przypadku wpisania innego tytułu zastrzegamy sobie możliwość opóźnienia wysyłki, gdyż identyfikacja płatnika jest utrudniona.</p>

<p>Konto jest codziennie przez nas sprawdzane i zamówienia są od razu przekazywane do realizacji.

Kupujący ma 14 dni na dokonanie przelewu. Po tym okresie, gdy nie otrzymamy zapłaty za towar, odstępujemy od umowy.

Do każdego zakupionego przez państwa towaru wystawiamy paragon lub fakturę (na życzenie).</p>
<br>

<p><b><u>REALIZACJA ZAMÓWIENIA</u></b></p>
<br>
<p>Dbając o szybką realizację napływających zamówień staramy się wysyłać zakupione artykuły nie później niż 48 godz. od daty zaksięgowania wpłaty na koncie. Nie mniej jednak zastrzegamy sobie prawo do wydłużenia terminu realizacji zamówienia do 14 dni. Taka sytuacja może zaistnieć, gdy zamówiony artykuł jest chwilowo niedostępny. Zdarza się to sporadycznie i oczywiście zostaną państwo o tym poinformowani przed dokonaniem przelewu.</p>

<p>Zamówiony towar wysyłamy od poniedziałku do piątku za pośrednictwem firmy kurierskiej. Maksymalny czas doręczenia przesyłki powinien wynosić do 48 godzin licząc dni robocze od momentu nadania paczki. Wszystkie paczki wysyłane przez naszą firmę są ubezpieczone.</p>

<p>Podczas odbierania towaru proszę zwrócić uwagę czy paczka nie jest otwarta lub rozerwana, jeśli jest należy sprawdzić zawartość. W przypadku gdy okaże się że towar jest uszkodzony lub niekompletny, konieczne jest sporządzenie protokołu reklamacyjnego! Inaczej reklamacje nie będą rozpatrywane.</p>

<p>Każdy zakupiony na naszych aukcjach towar można odebrać osobiście w sklepie „Bociek” w Zabrzu przy ul. Mikulczyckiej 1. Wybór takiej opcji pozwala oszczędzić czas i pieniądze kupującego. Poza tym chcielibyśmy nadmienić, że większość wystawianych na aukcjach przez nas towarów można obejrzeć na wystawie sklepu.</p>

<p>W przypadku odbioru osobistego prosimy o e-mail [email protected] lub telefon (032 278 08 97) informujący nas o tym kiedy zamierzacie państwo przyjechać.</p>

<p>Nie jest możliwe odebranie towaru bez wcześniejszego ustalenia z nami terminu. Kontakt ze sprzedawcą powinien nastąpić co najmniej 48 godz. przed przyjazdem. Wiąże się to z tym, że nie zawsze zamówiony przez państwa towar znajduje się na stanie sklepu i dostarczenie go z magazynów wymaga czasu.</p>
<br>

<p><b><u>ZWROT TOWARU</u></b></p>
<br>
<p>Zgodnie z Ustawą z dnia 2 marca 2002 roku o ochronie praw konsumentów z towaru zakupionego na naszych aukcjach można zrezygnować
bez podania przyczyny w ciągu 10 dni od daty odebrania przesyłki. Jednak tylko wtedy, gdy produkt nie był używany (nie powinien posiada żadnych oznak używania), kopiowany ani nie został w żaden sposób zniszczony. Ponadto musi byc kompletny i zapakowany w oryginalne, nie zniszczone pudełko. Gwarantujemy zwrot wartości produktu. </p><p>Pieniądze zostaną odesłane na konto kupującego do 2 tygodni od daty przyjęcia zwrotu. Proszę jednak pamiętać, że koszt dostawy nie podlega zwrotowi. A za odesłanie towaru płaci kupujący.<p>
<br>
<p><b><u>REKLAMACJA</u></b></p>
<br>
<p>Wszystkie sprzedawane przez nas towary są nowe i podlegają gwarancji producenta. Czas trwania gwarancji jest opisany na aukcjach.</p>

<p>Reklamowany towar należy odesłać na własny koszt na nasz adres wraz z dowodem zakupu (paragon lub faktura) oraz krótką informacją o rodzaju usterki.</p>

<br>
<p><u><b>ADRES WYSYŁKOWY:</u></p>

<p>Bociek s.c. Kaźmierczak</p>

<p>ul. Mikulczycka 1</p>

<p>41-800 Zabrze</p></b>

<p><i>Jednocześnie informujemy, że nie przyjmujemy żadnych przesyłek odsyłanych do nas za pobraniem.</i></p>

<p>Wymienimy produkt na pełnowartościowy. Jeśli będzie to niemożliwe (na przykład z powodu wyczerpania nakładu), zaoferujemy do wyboru inne, dostępne w naszym sklepie produkty lub zwrócimy pieniądze. Reklamacje odsyłamy na własny koszt.</p>
</div>

</div>

</div>
</div><center><div id="main_bot"></div>
</div>
</div>


<div id="footer">
<p>Copyright 2010. Designed by <a href="http://www.metamorphozis.com/" title="Flash Templates">Flash Templates</a></p>
<p><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p></div>


</div>
</div>
<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.</div></div>

[ / code ]

Kamil · (Ten post był ostatnio modyfikowany: 03-07-2010, 16:32 przez Kamil.)

Możesz napisać jak te błędy wyglądają (najlepiej screen) ? Nie każdy używa łindołsa , a jest możliwość (w zależności od błędu) poprawienia kodu bez spoglądania na stronkę w IE.

P.S: Widzę że prawie dobrze użyłeś znaczników [code] Wink

usuń tylko te niepotrzebne spacje.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie