problem z rozjeżdzającym sie szablonem

dzidek2121 · Post autor: **dzidek2121** » pn lut 04, 2008 12:55 am

Witam. jest to mój pierwszy post na tym forum wiec proszę o wyrozumialość. Szukałem ale nie znalazłem odpowiedzi na moje pytanie więc umieszczam je tutaj. Mianowicie chodzi o rozjeżdżające się layouty. Pociąłem grafike w image ready i zapisalem dla weba. następnie obrazki które maja być tlem pod tekst ustawilem jako background w komurkach tabeli. niestety całość mi się rozjeżdża przy wpisywaniu tekstu. z reszta poniżej zamieszczam kod, w końcu nie jesteście jasnowidzami

chodzi mi o to aby menu które jest po lewej stronie bylo na górze pod haederem i żeby mi te puste przestrzenie znikły. probowałem na innym forum ale jedyna odpowiedz jaką dostałem to: "bo kod wypluty z PS-a to sie nadaje do kosza a html pisze sie samemu" ja nie potrafię jeszcze napisać tego sam więc czy mógł by ktoś poprawić mój kod, a ja sobie porównam z tym co mialem i bede wiedział co źle robie? Poniżej zamieszczam przykładowy layout ( zrobiony dla prezetacji problemu) i kod.

[img=http://img225.imageshack.us/img225/4021/screanstronync8.th.jpg]

a oto kod:

[xml]<html>
<head>
<meta http-equiv="Content-Language" content="pl">

<title>przylkad do pocięcia</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="760" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="Obrazki/p_01.jpg" width="760" height="251" alt=""></td>
</tr>
<tr>
<td>
<table id="Table_02" width="214" height="238" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="Obrazki/p_02.jpg" width="214" height="45" alt=""></td>
</tr>
<tr>
<td background="Obrazki/p_03.jpg" width="214" height="36" alt=""></td>
</tr>
<tr>
<td>
<img src="Obrazki/p_04.jpg" width="214" height="43" alt=""></td>
</tr>
<tr>
<td background="Obrazki/p_05.jpg" width="214" height="27" alt="">
<p></td>
</tr>
<tr>
<td>
<img src="Obrazki/p_06.jpg" width="214" height="32" alt=""></td>
</tr>
<tr>
<td background="Obrazki/p_07.jpg" width="214" height="55" alt=""></td>
</tr>
</table></td>
<td background="Obrazki/p_08.jpg" width="546" height="238" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="Obrazki/p_09.jpg" width="760" height="111" alt=""></td>
</tr>
</table>

</body>
</html>[/xml]

BaZa92 · Post autor: **BaZa92** » wt lut 05, 2008 1:41 pm

Do budowy strony używaj divów i css.
Tabele nie służą do tego typu konstrukcji.

dzidek2121 · Post autor: **dzidek2121** » wt lut 05, 2008 10:43 pm

Ok. już sobie poradziłem, może nie najlepiej ale jakoś sie to trzyma i nie rozjeżdża. teraz mam problem z formatowaniem tekstu. Mianowicie chodzi mi o to czy jest jakiś sposób aby wpisując text miał on w kazdej komórce tabeli automatycznie nadany taki sam margines

powiedzmy 3pix z góry i dołu i 5pix po bokach?

!ans · Post autor: **!ans** » wt lut 05, 2008 11:50 pm

Do każdej komórki class="nazwa_klasy" i w stylach .nazwa_klasy { padding: 3px 5px 0 5px; }. I tyle, Ale dokładnie przemyśl czy nie lepiej zrobić wszystko na divach daje Ci to zgodność ze standardami ,a w przyszłości przeglądarki mogą źle wyświetlać stronę zrobioną na tabelach. Pozatym jak już napisał Baza92 tabele służą do czego innego.

dzidek2121 · Post autor: **dzidek2121** » czw lut 07, 2008 12:13 am

Dzięki za pomoc. To pierwsza strona jaką w swoim życiu robię więc jak wiecie ciężko jest wszystko wiedzieć odrazu:/ a raczej jest to nie możliwe. Biorę się ostro do nauki.

Allen · Post autor: **Allen** » czw lut 07, 2008 10:46 pm

Proponuję także dodać DOCTYPE w kodzie źródłowym. Pomoże Ci to skupić się na formatowaniu składni HTML pod wybrany standard, np. HTML 4.01 Strict, czy XHTML 1.0 Transitional, itp.

Co do oddzielania prezentacji/formy (CSS) od struktury/treści (HTML):
- http://css-tricks.com/examples/CleanCode/CleanCode.jpg
- http://woork.blogspot.com/2008/01/three ... cture.html

problem z rozjeżdzającym sie szablonem

problem z rozjeżdzającym sie szablonem

Re: problem z rozjeżdzającym sie szablonem

formatowanie textu w tabelach

Re: problem z rozjeżdzającym sie szablonem

Re: problem z rozjeżdzającym sie szablonem

Re: problem z rozjeżdzającym sie szablonem