29-11-2010, 21:40
Proszę o pomoc. Mój problem wygląda następująco. Stworzyłem szablon na allegro, następnie starałem się poskładać go w html z wykorzystaniem css.
Wszystko wyszło w porządku poza jedną rzeczą. Ciężko mi jest to wytłumaczyć więc postaram się to zobrazować:
http://www.grapefruiteffect.viphost.pl/problem.jpg
Obrazek dołączany przez serwis ślizga mi się po layoucie i wpada między kontenerki. Nie wiem w jak prosty sposób sobie z tym poradzić. Chciałbym zamknąć i zablokować layout po stopce tak by obrazek dołączany przez serwis został na swoim miejscu. Szukałem wiele, pytałem wielu, niestety nie znalazłem solucji. Proszę o pomoc.
strona z serwisu: http://allegro.pl/obiektyw-takumar-bayonet-1-2-8-28mm-pentax-k-i1342923841.html
kod:
Wszystko wyszło w porządku poza jedną rzeczą. Ciężko mi jest to wytłumaczyć więc postaram się to zobrazować:
http://www.grapefruiteffect.viphost.pl/problem.jpg
Obrazek dołączany przez serwis ślizga mi się po layoucie i wpada między kontenerki. Nie wiem w jak prosty sposób sobie z tym poradzić. Chciałbym zamknąć i zablokować layout po stopce tak by obrazek dołączany przez serwis został na swoim miejscu. Szukałem wiele, pytałem wielu, niestety nie znalazłem solucji. Proszę o pomoc.
strona z serwisu: http://allegro.pl/obiektyw-takumar-bayonet-1-2-8-28mm-pentax-k-i1342923841.html
kod:
Kod:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="grapefruiteffect" content="grapefruiteffect" />
<style>
.content {
background: #FFFFFF;
color: #808080;
border : 0px;
margin : 0px;
padding : 0px;
}
#calosc{
width : 937px;
margin : 0px;
}
#prawy{
width : 240px;
float : right;
position: relative;
}
#lewy{
width : 697px;
float : left;
}
#header {
width : 937px;
height : 213px;
}
#header_left{
width: 574px;
background: url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika/header_01.jpg) no-repeat;
height: 213px;
float: left;
}
#header_right{
width: 363px;
background: url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//header_02.jpg) no-repeat;
height: 177px;
float: right;
}
#button{
width: 363px;
height: 36px;
float : right;
}
#aukcja{
width: 937px;
height: 35px;
float : left;
background: url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_01.jpg);
}
#aukcja_opis{
width: 697px;
float : left;
background: url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_02.jpg);
}
#auckja_zdjecia_top{
width: 697px;
height: 48px;
float : left;
background: url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_04.jpg);
}
#aukcja_dol{
width: 697px;
height: 7px;
float : left;
background: url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_06.jpg) no-repeat;
}
#kontakt_opis{
width: 240px;
float : right;
background: url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_03.jpg);
}
#kontakt_dol{
width: 240px;
height: 13px;
float : right;
background: url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_07.jpg) no-repeat;
}
#kontakt_wysylka{
width: 240px;
height: 48px;
float : right;
background: url(http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//aukcja_05.jpg);
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
float: left
}
.stopka{
font-size: 10px;
color: #5a5750;
font-family: tahoma;
margin-top: 0px;
margin-left: 30px;
margin-bottom: 50px;
}
.zdjecia_class_poziom{
border: 2px solid #d2d2d4;
width: 451px ;
height: 300px;
margin-left: 32px;
margin-top: 24px;
}
.zdjecia_class_pion{
border: 2px solid #d2d2d4;
width: 300px ;
height: 451px;
margin-left: 32px;
margin-top: 24px;
}
.aukcja_class{
margin-right: 24px;
margin-left: 56px;
margin-top: 24px;
margin-bottom: 24px;
color: #5a5750;
font-family: verdana;
font-size: 12px;
text-align: left;
}
.tytul_class{
font-size: 12px;
font-family: tahoma;
font-weight: bold;
margin-bottom: 12px;
}
.kontaktwysylka_class{
margin-left: 20px;
margin-right: 25px;
margin-top: 15px;
margin-bottom: 15px;
color: #5a5750;
font-family: verdana;
font-size: 12px;
text-align: left;
}
.ceny li{
display: inline;
}
.ceny2 li{
position: absolute;
right: 25px;
display: inline;
font-weight: 600;
}
</style>
<center>
<br/>
<div class="content">
<div id="calosc">
<div id="header">
<div id="header_left">
</div>
<div id="header_right">
</div>
<div id="button">
<ul>
<li><a href="http://www.allegro.pl/my_page.php?uid=16026387"><img src="http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika/button_01.jpg" alt="o mnie" border="0"/></a></li>
<li><a href="http://www.allegro.pl/show_user_auctions.php?uid=16026387"><img src="http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika/button_02.jpg" alt="moje aukcje" border="0"/></a></li>
<li><a href="http://www.allegro.pl/show_user.php?uid=16026387"><img src="http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika/button_03.jpg" alt="moje komentatrze" border="0"/></a></li>
</ul>
</div>
</div>
<!--Głowny top aukcji -->
<div id="aukcja">
</div>
<!--Kontakt -->
<div id="prawy">
<div id="kontakt_opis">
<div class="kontaktwysylka_class">
mail: <a href="mailto:[email protected]"><img src="http://grapefruiteffect.viphost.pl/_grapefruiteffect/_grafika//Envelope.gif" style="vertical-align:middle" border="0"/></a><br/>
gadu gadu : 24488968 <img style="vertical-align:middle" src="http://status.gadu-gadu.pl/users/status.asp?id=24488968&styl=0"/>
<br/>
<br/>
Koniecznie odwiedz stronę <br/>"O mnie", i dowiedz się dlaczego warto wybrać grapefruiteffect.
</div>
</div>
<div id="kontakt_wysylka">
</div>
<div id="kontakt_opis">
<div class="kontaktwysylka_class">
Wysyłka Pocztą Polska.<br/>
Więcej informacji na stornie <a href="http://www.poczta-polska.pl/cennik.htm">Poczty Polskiej.</a>
</div>
</div>
<div id="kontakt_dol">
</div>
</div>
<div id="lewy">
<!-- Opis aukcji -->
<div id="aukcja_opis">
<div class= "aukcja_class">
<div class="tytul_class">
<!-- Tytuł -->
Obiektyw TAKUMAR BAYONET 1:2.8 28mm
</div>
<!-- Opis -->
Chciałbym państwu zaoferować Obiektyw w bardzo dobrym stanie technicznym i wizualnym. Listki przysłony są suche, na próżno doszukiwać się wewnątrz paprochów i innych nieczystości. Optyka idealna, bez pajęczyn, bez zarysowań. Pierścień przysłon działa z należytym oporem.
Od obiektywu odkleiła się fabryczna naklejka potwierdzająca pomyślne przejście testów, co jest gwarantem jakości i niezawodności obiektywu. Dosyłam ją w komplecie.
<br/><br/>
<p class="tytul_class">Specyfikacja</p>
ogniskowa: 28 mm <br/>
zakres przysłon: 2.8 - 22 <br/>
ilość listków przysłony: 5 <br/>
minimalna odległość ostrzenia: 0,30 m <br/>
układ optyczny: 7 elementów w 7 grupach <br/>
średnica filtra: 49 mm <br/>
waga: 180 g <br/>
dekielki: przedni (oryginalny TAKUMAR) i tylni <br/>
typ bagnetu: PENTAX-K <br/>
<br/><br/>
pozdrawiam Grapefruit Effect
</div>
</div>
<div id="auckja_zdjecia_top">
</div>
<div id="aukcja_opis">
<!-- Zdjecia -->
<p style="text-align: center;"><a href="http://grapefruiteffect.viphost.pl/_grapefruiteffect/obiektyw/obiektduzy.jpg"><img src="http://grapefruiteffect.viphost.pl/_grapefruiteffect/obiektyw/obiektmaly.jpg" class="zdjecia_class_poziom"/></a></p>
<div class="stopka">
kliknij na zdjęcie, aby powiększyć.
<br/>
</div>
</div>
<div id="aukcja_dol">
</div>
<!-- Stopka -->
<div class="stopka">
<center>
Kopiowanie i moderowanie treści, zdjęć i kodu html niniejszej aukcji surowo zabrionione bez wyraźnej zgody autora. Wszytskie nadużycia będą zgłaszane.
</center>
</div>
</div>
</div>
</div>
</center>
