x-kom hosting

Szablon aukcji allegro

oscyp99
utworzono
utworzono

Witam
Jestem poczatkujacym webmasterem i napisałem se layout na allegro, ale mam pewien problem bo nie wyswietla mi go poprawnie jest caly rozsypany, a jak dodaje na aukcji to musze rolka od myszki przeciagać zeby zobaczyć ale i tak jest rozsypany. Z gory dziękuje za pomoc i jakiekolwiek podpowiedźi
[code]<head>
<title></title>



<style>
a {
color: red;
text-decoration: none;
}
a:hover {
color: silver;
text-decoration:none;
}

body {
font-family:Verdana;
font-size:12px;
margin:0;
background:url('http://i861.photobucket.com/albums/ab172/oscyp99/bg.gif') ;
border-bottom:1px none;
border-top:1px none;
height:30px;
padding-top:14px;
width:100%; padding-left:0; padding-right:0; padding-bottom:0
}
.menu center a {
color:url('[http://i861.photobucket.com/albums/ab172/oscyp99/bg.gif');
font-weight:bold;
padding-left:20px;
padding-right:21px;
text-decoration:none;
}
.cialo h2 {
font-size:24px;
text-align:center;
padding:4px;
padding-left:20px;
}
.cialo p {

text-align:left;
padding: 10px 20px 10px 20px;

font-family:"Trebuchet MS";
font-size:13px;
color:black;
}
.zdjecia {
background:url('http://i861.photobucket.com/albums/ab172/oscyp99/bg.gif');
padding: 10px
}
.zdjecia strong {
display: block;
text-align: center;
padding-left: 10px;
}
.zdjecia center {
}
.zdjecia center img {
border: 0px;
padding:5px;
}
.stopka {
padding:10px;
}
.stopka img {
}
.stopka a {
text-decoration:none;
color:white;
font-weight:bold;
font-size: 10px;
}

</style>

</head>
<body>

<center>
<div class="cialo" style="width: 313px; height: 978px">
<img border="0" src="http://i861.photobucket.com/albums/ab172/oscyp99/gora.png" width="812" height="230">
<div class="menu">
<center>
<!-- Tutaj link do informacji o mnie, wstawić zamiast # -->
<a href="#">MOJE AUKCJE</a>

<!-- Tutaj link do moje komentarze, wstawić zamiast # -->
<a href="#">KOMENTARZE</a>

<!-- Tutaj link do ipozostałe aukcje, wstawić zamiast # -->
<a href="#">DODAJ NAS DO ULUBIONYCH</a>

<!-- Tutaj link do wyslij e-mail, wstawić zamiast # -->
<a href="#">NAPISZ DO NAS</a>
</center></div>


<div style="position: absolute; width: 42px; height: 25px; z-index: 8; left: 895px; top: 368px; " id="layer10">
<img border="0" src="http://i861.photobucket.com/albums/ab172/oscyp99/poczta.gif" width="39" height="28"></div>
<div style="position: absolute; width: 243px; height: 38px; z-index: 9; left: 807px; top: 405px" id="layer11">
<p style=""><b><font size="2">Przesyłka
pobraniowa&nbsp; -- zł</font></b></p>
<div style="position: absolute; width: 162px; height: 26px; z-index: 1; left: 13px; top: 80px" id="layer14">
<font face="Trebuchet MS" size="2"><b>Przesyłka&nbsp;
priorytetowa&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; --
zł</b></font></div>
<div style="position: absolute; width: 162px; height: 26px; z-index: 1; left: 14px; top: 34px" id="layer13">
<b><font face="Trebuchet MS" size="2">Przesyłka pobraniowa
priorytetowa&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; --
zł</font></b></div>
<p style="">&nbsp;</p>
<p style="">&nbsp;</p>
<p style="">&nbsp;</p>
<p>&nbsp;</div>
&nbsp;<div style="position: absolute; width: 443px; height: 553px; z-index: 10; left: 314px; top: 320px" id="layer12">
&nbsp;</div>
<p>&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</p>
<div align="center">
&nbsp;</div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</p>
</center>


<center>
<div style="position: absolute; width: 143px; height: 164px; z-index: 6; left: 127px; top: 317px; " id="layer5">
<div style="position: absolute; width: 115px; height: 33px; z-index: 1; left: 41px; top: 48px; " id="layer6">
<b><font style="font-size: 8pt" face="Times New Roman">darek-_zakopane</font><font face="Times New Roman" style="font-size: 8pt">@tlen.pl</font></b></div>
<div style="position: absolute; width: 73px; height: 25px; z-index: 2; left: 54px; top: 61px; " id="layer7">
&nbsp;<p><b>694720050</b></div>
<img border="0" src="http://i861.photobucket.com/albums/ab172/oscyp99/kontakt.png" width="160" height="179"></div>
<p style="text-align: CENTER">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
<div style="position: absolute; width: 200px; height: 204px; z-index: 7; left: 787px; top: 321px; " id="layer8">
<p style="text-align: CENTER">
<img border="0" src="http://i861.photobucket.com/albums/ab172/oscyp99/puchatek.png" width="207" height="238"></p>
<div style="position: absolute; width: 154px; height: 22px; z-index: 1; left: 51px; top: 22px; " id="layer9">
<font color="#FF0000" size="2"><b>WYSYŁKA</b></font></div>
&nbsp;</div>
<p style="text-align: center">&nbsp;</p>
<p style="text-align: center">&nbsp;</p>
</center>


<p style="text-align: center">&nbsp;</p>
<p style="text-align: center">&nbsp;</p>
<p style="text-align: center">&nbsp;</p>
<p style="text-align: center">&nbsp;</p>
<p style="text-align: center">&nbsp;</p>
<p style="text-align: center">&nbsp;</p>
<div class="zdjecia">
<p style="text-align:center;"><strong>Zdjęcia przedmiotu::</strong><br /></p>
<center>

<!-- Obrazki w aukcji -->
<!-- ./obrazki/obrazek.gif scieżka do obrazka http://strona.pl/obrazek.jpg -->
<!-- # -> zamień na adres jaki ma się otworzyć po kliknięciu w obrazek -->
&nbsp;&nbsp;
<!-- Koniec obrazków w aukcji -->

</center></div>


</div>
</center>


</body>
[/code]

Lucider
komentarz
komentarz

Cały kod jest bez sensu - po pierwsze nie używamy znacznika <center>, no ale jak na Allegro działa to w sumie sobie zostaw. Ogólnie to niepotrzebnie w ogóle istnieje css, skoro i tak wszystkie atrybuty wypisujesz później w kodzie, nadaj im wartości w css, a później tylko "class" i "id". Takie rzeczy jak wcięcie również można umieścić w css, robienie miliona &nbsp; nie jest za dobrym wyjściem.

oscyp99
komentarz
komentarz

[quote name='Lucider' timestamp='1282311811' post='1073851']
Cały kod jest bez sensu - po pierwsze nie używamy znacznika <center>, no ale jak na Allegro działa to w sumie sobie zostaw. Ogólnie to niepotrzebnie w ogóle istnieje css, skoro i tak wszystkie atrybuty wypisujesz później w kodzie, nadaj im wartości w css, a później tylko "class" i "id". Takie rzeczy jak wcięcie również można umieścić w css, robienie miliona &nbsp; nie jest za dobrym wyjściem.
[/quote]
Wiatam mam malnka prosbe czy moglbys mi poprawic bylby bardzo wdzieczny. Nie chodzi o to ze jestem leniem ale pozniej bede wiedzial co i jak mnie wiecej. Z gory dziekuje.
Pozdrawiam

Lucider
komentarz
komentarz

Wybacz ale na to nie mam czasu. Skoro napisałeś ten css, to i będziesz potrafił dopisać tam całą resztę atrybutów, jakich użyłeś w kodzie.

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.