Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS] Allegro - Szablon
#1
Witam, mam problem z szablonem allegro to znaczy zrobiłem szablon pociąłem i zakodowałem a problem w tym że kolumna środkowa nie chce wejść na prawo tylko pokazuje sie pod lewą kolumną. Nie wiem co źle robie zawsze wszysto było ok a tutaj mam problem.
Prosze o pomoc

strona: www.marcek.yoyo.pl/nettyper


a tutaj kod:

Kod:
<head>
<style>
<!--
body { font: 10pt Arial,Tahoma; color:#fff; padding:0; background-color: #161515; width: 900px;}
#left { width: 217px; }
#kategorie2 {  background-image:url('img/kategorie2.jpg'); width: 217px; min-height: 40px;}
#kategorie22 {margin-left: 10px; margin-right: 10px; padding-top: 15px;}
#kategorie22 a:hover { text-decoration: none; }
#strona { width: 683px;}
#belka {  background-image:url('img/belka.jpg'); width: 608px; height: 31px; }
-->
</style>
</head>
<body>

<a href="http://adres_strony" target=blank> <img src="img/01.jpg" width=128px height=49px></a><a href="http://adres_strony" target=blank><img src="img/1.jpg" width=131px height=49px></a><a href="http://adres_strony" target=blank><img src="img/2.jpg" width=89px height=49px></a><a href="http://adres_strony" target=blank><img src="img/3.jpg" width=147px height=49px></a><a href="http://adres_strony" target=blank><img src="img/4.jpg" width=214px height=49px></a><a target=blank><img src="img/5.jpg" width=191px height=49px></a>
<img src="img/logo.jpg" width=900px height=201px>
<img src="img/pasek.jpg" width=900px height=20px>

<div id="left">
<img src="img/kategorie.jpg" width=217px height=46px>
<div id="kategorie2">
    <div id="kategorie22">
        <img src="img/strzalka.jpg"> <a href="http://adres_strony" target=blank>Komputery</a>
        <br /><br />
        <img src="img/strzalka.jpg"> <a href="http://adres_strony" target=blank>Akcesoria komputerowe</a>
        <br /><br />
        <img src="img/strzalka.jpg"> <a href="http://adres_strony" target=blank>RTV i AGD</a>
        <br /><br />
        <img src="img/strzalka.jpg"> <a href="http://adres_strony" target=blank>Dom i Ogród</a>
        <br /><br />
        <img src="img/strzalka.jpg"> <a href="http://adres_strony" target=blank>Elektronika</a>
        <br /><br />
    </div>
</div>
<img src="img/kategorie3.jpg" width=217px height=13px>



<br />
<br />
<img src="img/platnosci.jpg" width=217px height=46px>
<div id="kategorie2">
    <div id="kategorie22">
        dgdfhgfdhgfdh
    </div>
</div>
<img src="img/kategorie3.jpg" width=217px height=13px>

<br />
<br />
<img src="img/kontakt.jpg" width=217px height=46px>
<div id="kategorie2">
    <div id="kategorie22">
     sfgsdfhdjhmjjgh
    </div>
</div>
<img src="img/kategorie3.jpg" width=217px height=13px>
</div>

<div id="strona">

<div id="belka">
    Strona Główna
</div>

</div>






</body>
Odpowiedz
#2
Samo Ci nie wskoczy.
Kod:
#left { width: 217px; float: left; }
Odpowiedz
#3
A noo tak.... A wczoraj cały wieczór nad tym myślałem i googlowałem... Tyle zakodowanych stron za mną a ja sie wyłożyłem na tym...
Dzieki i pozdro
-------------------------------------------------------------------------------------
Nowy problem:
Dlaczego nie moge sie pozbyć niebieskich linków???? marcek.yoyo.pl/nettyper

Stosowałem wszystkie metody i nic. Pierwszy raz sie z tym spotykam

Kod:
<head>
<style>
<!--
body { font: 10pt Arial,Tahoma; color: white; padding:0; background-color: #161515; width: 900px; margin:0 auto; }
#margin { margin:0 auto; width: 900px;}
#left { width: 217px; float: left; }
#kategorie2 {  background-image:url('img/kategorie2.jpg'); width: 217px; min-height: 40px; float: left; }
#kategorie22 {margin-left: 10px; margin-right: 10px; padding-top: 15px; color: #ffffff; font-family: Times New Roman; font-size: 14px; float: left; }
#strona { width: 683px; float: left; }
#belka {  background-image:url('img/belka.jpg'); width: 683px; height: 31px; float: left; }
#belka_tresc { padding: 5px; margin-left: 50px; }
#tresc { background-color: #161515; width: 683px; min-height: 600px; float: left;}
#tresc2 { padding: 20px; text-align: center; margin-left: 10px; margin-right: 10px;}
#kategoriee {  margin-left: 10px; margin-right: 10px; padding-top: 15px; }
#konto { font-size: 11px; }
#poziome { float: left; margin: 0px; }
#inne { background-image:url('img/01.jpg'); width: 128px; height: 49px; float: left; font-family: Tahoma; color: #ffffff; font-weight: bold; font-size: 18px; }
#komentarze { background-image:url('img/1.jpg'); width: 131px; height: 49px; float: left; font-family: Tahoma; color: #ffffff; font-weight: bold; font-size: 18px; }
#omnie { background-image:url('img/2.jpg'); width: 89px; height: 49px; float: left; font-family: Tahoma; color: #ffffff; font-weight: bold; font-size: 18px; }
#napisz { background-image:url('img/3.jpg'); width: 147px; height: 49px; float: left; font-family: Tahoma; color: #ffffff; font-weight: bold; font-size: 18px; }
#dodaj { background-image:url('img/4.jpg'); width: 214px; height: 49px; float: left; font-family: Tahoma; color: #ffffff; font-weight: bold; font-size: 18px; }
#reszta { background-image:url('img/5.jpg'); width: 191px; height: 49px; float: left; font-family: Tahoma; color: #ffffff; font-weight: bold; font-size: 18px; }
#tresc_beam { margin-left: 7px; margin-top: 12px; text-decoration: none; color: white;}
-->
</style>
</head>
<body xml:lang="pl">
<div id="margin">

<div id="poziome">
    <div id="inne"><div id="tresc_beam"><a href="index.php">Inne Aukcje</a></div></div>
    <div id="komentarze"><div id="tresc_beam"><a href="index.php">Komentarze</a></div></div>
    <div id="omnie"><div id="tresc_beam"><a href="index.php">O mnie</a></div></div>
    <div id="napisz"><div id="tresc_beam"><a href="index.php">Napisz e-mail</a></div></div>
    <div id="dodaj"><div id="tresc_beam"><a href="index.php">Dodaj do ulubionych</a></div></div>
    <div id="reszta"></div>
</div>

<img src="img/logo.jpg" width=900px height=201px>
<img src="img/pasek.jpg" width=900px height=20px>

<div id="left">
<img src="img/kategorie.jpg" width=217px height=46px>
<div id="kategorie2">
    <div id="kategoriee">
        <img src="img/strzalka.jpg"> <a href="http://wp.pl">Komputery</a>
        <br /><br />
        <img src="img/strzalka.jpg"> <a href="http://adres_strony">Akcesoria komputerowe</a>
        <br /><br />
        <img src="img/strzalka.jpg"> <a href="http://adres_strony">RTV i AGD</a>
        <br /><br />
        <img src="img/strzalka.jpg"> <a href="http://adres_strony">Dom i Ogród</a>
        <br /><br />
        <img src="img/strzalka.jpg"> <a href="http://adres_strony" >Elektronika</a>
        <br /><br />
    </div>
</div>
<img src="img/kategorie3.jpg" width=217px height=13px>



<br />
<br />
<img src="img/platnosci.jpg" width=217px height=46px>
<div id="kategorie2">
    <div id="kategorie22">
        <center>Wpłata na konto</center>
        <br />
        <center>PKO S.A.</center>
        
        <div id="konto">
        <center>64 1240 5745 1111 0010 1819 1533</center>
        </div>
        <hr>
        Kurier DPD - 22zł
        <br />
        Kurier DPD pobranie - 27zł
    </div>
</div>
<img src="img/kategorie3.jpg" width=217px height=13px>

<br />
<br />
<img src="img/kontakt.jpg" width=217px height=46px>
<div id="kategorie2">
    <div id="kategorie22">
     <center>[email protected]</center>
     <br />

    gg: 1115955
    <br />
    <div id="konto">
    pisać na gg: pon-pt. 11:00-17:00
    </div>
    <br />
    tel: (0)506342255
    </div>
</div>
<img src="img/kategorie3.jpg" width=217px height=13px>
</div>

<div id="strona">

<div id="belka">
    <div id="belka_tresc">
        Strona Główna
    </div>
</div>

<div id="tresc">
    <div id="tresc2">
        Szanowni Państwo, mamy przyjemność zaprezentować mixer ręczny firmy Ideenwelt
        <br /><br /><br />
        Cechy produktu:<br />
na wyposażeniu 2 mieszadła hakowe i 2 trzepaczki<br />
230V ~ 50Hz<br />
5-stopniowa regulacja prędkości silnika<br />
przycisk turbo do delikatnego mieszania składników<br />
przycisk zwalniający blokadę końcówek<br />
do błyskawicznego ubijania bitej śmietany, pianki z białek lub mieszania ciasta<br />
gwarancja 12 miesięcy<br />
    </div>
</div>


</div>

</div>




</body>
Odpowiedz
#4
podbijam jeśli można.
Odpowiedz
#5
Z tym się pierwszy raz się spotykasz, po tylu zakodowanych stronach?
Kod:
a {color: #ffffff;}
Odpowiedz
#6
Nie, próbowałem jak i text-decoration targetów itd. I dalej nic

edit: Sie nie dziwie jak zamiast tresc napisalem "tesc"

Sorry za post
Odpowiedz
#7
Odświeżam przy okazji.

No i narodził sie nastepny problem ;/ w firefoxie po wstawieniu na aukcje kilku zdjec wzdluz strony pojawia sie bialy szeroki pas.

Tak sie dzieje w przypadku wystawienia zdjęć przez skrypt allegro nie do szablonu.

http://allegro.pl/show_item.php?item=805505039

akurat tu są zdjęcia tylko w opisie ale gdy wstawiam zdjęcia przez skrypt allegro to pojawia sie ten biały pasek.

OCB?
Odpowiedz
#8
Ściąga Ci do lewej ten kod:
Kod:
#margin { border: 0px solid; text-align: left; width: 900px; }
Odpowiedz
#9
po usunięciu też nic nie daje. Z tą lewą to sobie poradze tylko dlaczego po dodaniu zdjecia przez panel allegro od nagłówka strona główna w dół aż do końca szablonu pojawia sie pas biały??
Odpowiedz
#10
Wklejam Ci poprawiony wycinek kodu z allegro, rozkimń co i jak i gdzie to sobie wstawić, bo allegro dodaje #user_field w css
Kod:
<style type="text/css"><!--#user_field { margin: 0 auto; font: 10pt Arial,Tahoma; color: white; padding:0; background-color: #161515; width: 100%; }  #user_field #margin { border: 0px solid; margin: 0px auto; width: 900px; }
...
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  szablon przewijanie na jednej stronie klimczok 9 7,769 30-04-2016, 13:50
Ostatni post: nurkla
  Smarty, książki oraz Szablon HTML5 Morfeusz_2005 1 2,636 18-11-2013, 14:34
Ostatni post: prawdziwypiotrek
  Szablon na bloggera Longin 3 3,497 26-06-2013, 01:01
Ostatni post: natyl
  Szablon eBay, blokowanie zielu3 1 1,607 12-11-2012, 03:00
Ostatni post: kornell
  [CSS?] czemu ten szablon bloggera pogrubia elementy listy? Folmi 1 2,267 05-09-2012, 20:03
Ostatni post: camelrafal

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl