Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Szablon się rozjeżdża
tom3k3
post
Post #1





Grupa: Zarejestrowani
Postów: 89
Pomógł: 1
Dołączył: 25.09.2006

Ostrzeżenie: (0%)
-----


Dobra, mam nadzieję, iż nikt mnie nie zbeszta za topic (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Do rzeczy...
Pracuję na szabonem aukcji dla kuzyna. Zrobiłem już lay w photoshopie i pociąłem. Pierwszy raz w życiu pociałem lay (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Oto efekt:
http://tom.dlk.pl/index.html
Co powoduje rozjeżdżanie się strony przy wpisaniu dłuuugiego tekstu?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
dr_bonzo
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 5 724
Pomógł: 259
Dołączył: 13.04.2004
Skąd: N/A

Ostrzeżenie: (0%)
-----


hmmm.... za dlugi tekst?

Przenosze na XHTML
Go to the top of the page
+Quote Post
php programmer
post
Post #3





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 5
Dołączył: 8.11.2004
Skąd: trójmiasto

Ostrzeżenie: (0%)
-----


na pewno gdzieś nie masz ustawionego width
tam gdzie sie rozjeżdża
Go to the top of the page
+Quote Post
tom3k3
post
Post #4





Grupa: Zarejestrowani
Postów: 89
Pomógł: 1
Dołączył: 25.09.2006

Ostrzeżenie: (0%)
-----


No ale jak za długi... Jak to jest aukcjia na allegro to bedzie jeszcze dłuższy :/
EDIT:
Czy jak wsadzę do kazdego <td> <table> to pomoze?... a może w divach??
Kod strony:
Kod
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="901" height="950" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td style="background-image:url(images/index_01.jpg); background-repeat:repeat-y " width="900" height="11" colspan="6">
            </td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="1">
            </td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_02.jpg); background-repeat:repeat-y " width="11" height="939" rowspan="13"></td>
        
        <td style="background-image:url(images/index_03.jpg); background-repeat:no-repeat " width="873" height="154" colspan="3"></td>
        
        <td style="background-image:url(images/index_04.jpg); background-repeat:repeat-y " width="16" height="195" colspan="2" rowspan="4"></td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="154"></td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_05.jpg); background-repeat:repeat-y " width="873" height="5" colspan="3"></td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="5"></td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_06.jpg); background-repeat:no-repeat " width="200" height="35"></td>
        <td style="background-image:url(images/index_07.jpg); background-repeat:repeat-y " width="4" height="732" rowspan="9"></td>
        <td style="background-image:url(images/index_08.jpg); background-repeat:no-repeat " width="669" height="35"></td>
        <td style="background-image:url(images/spracer.gif); background-repeat:repeat-y " width="1" height="35"></td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_09.jpg); background-repeat:repeat-y " width="200" height="1">
            </td>
        <td style="background-image:url(images/index_10.jpg); background-repeat:repeat-y " width="669" height="1">
            </td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="1">
            </td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_11.jpg); background-repeat: repeat-y" width="200" valign="top">
        <p class="menu">Gorąco zachęcamy do przejrzenie pozostałych naszych aukcji. Znajdą je Państwo pod tym adresem.</p>
      </td>
      <td style="background-image:url(images/index_12.jpg); background-repeat:repeat-y " width="670" height="692" valign="top" colspan="2" rowspan="6">
      <p class="aukcja">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim  </p></td>
        <td style="background-image:url(images/index_13.jpg); background-repeat:repeat-y " width="15" height="744" rowspan="9">
      </td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="213">
      </td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_14.jpg); background-repeat:no-repeat " width="200" height="35">
            </td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="35">
            </td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_15.jpg); background-repeat:repeat-y " width="200" valign="top">
        <p class="menu">Kontakt z firmą:</p>
        <ul type="square" class="menu">
        <li class="menu"><b>GG:</b> 565999</li>
        <li class="menu"><b>Skype:</b> tom3k3</li>
        <li class="menu"><b>Tlen:</b> tom3k3</li>
        <li class="menu"><b>Tel.</b> 4574843153</li>
        <li class="menu"><b>Mail:</b> tom3k3[at]gmail.com</li>        
        
            </td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="196">
            </td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_16.jpg); background-repeat:no-repeat " width="200" height="35">
            </td>
        <td style="background-image:url(images/spacer.gif); " width="1" height="35">
            </td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_17.jpg); background-repeat:repeat-y " width="200" valign="top">
        <p class="menu">Tu się znajdujemy!</p>
        <p class="menu">MAPKA</p>
      </td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="212">
            </td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_18.jpg); background-repeat:repeat-y " width="200" height="5" rowspan="2">
            </td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="1">
            </td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_19.jpg); background-repeat:repeat-y " width="670" height="4" colspan="2">
            </td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="4">
            </td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_20.jpg); background-repeat:no-repeat " width="873" height="33" colspan="3">
            </td>
        <td style="background-image:url(images/index_21.jpg); background-repeat:repeat-y " width="1" height="48" rowspan="2">
            </td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="33">
            </td>
    </tr>
    <tr>
        <td style="background-image:url(images/index_22.jpg); background-repeat:repeat-y " width="873" height="15" colspan="3">
            </td>
        <td style="background-image:url(images/spacer.gif); background-repeat:repeat-y " width="1" height="15">
            </td>
    </tr>
</table>
[/code]
Go to the top of the page
+Quote Post
revyag
post
Post #5





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Nie wiem co tu jest do cięcia. Widzę tu parę pasków i jeden baner a kod wskazuje na ogromną ilość grafiki. W dodatku tabele.
Wyrabiaj sobie dobre nawyki i nie używaj ich do budowania layoutów.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 12:27