Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Szablon się rozjeżdża
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
tom3k3
5.10.2006, 11:49:02
Dobra, mam nadzieję, iż nikt mnie nie zbeszta za topic 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 tongue.gif

Oto efekt:
http://tom.dlk.pl/index.html
Co powoduje rozjeżdżanie się strony przy wpisaniu dłuuugiego tekstu?
dr_bonzo
5.10.2006, 11:56:56
hmmm.... za dlugi tekst?

Przenosze na XHTML
php programmer
5.10.2006, 12:11:16
na pewno gdzieś nie masz ustawionego width
tam gdzie sie rozjeżdża
tom3k3
5.10.2006, 13:36:58
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]
revyag
5.10.2006, 16:15:58
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.