[HTML] Problem z tabelą

0

Cześć, proszę na początek wejdźcie na stronę: http://www.kkw.prohost.pl/neurotic.art.pl/

Teraz tak.
Nie mogę odpowiednio ustawić tabeli głównej i nie wiem czemu.
Całość ma się mieścić w szerokości jednego okna przeglądarki.
Wszystko psują mi komórki z flagami, ale nie wiem czemu.

Komórki z flagami powinny być szerokie tylko na szerokość flagi, natomiast komórka z logiem powinna zajmować resztę miejsca w pierwszym wierszu.

W tym momencie wymuszam takie zachowanie(na flagi daję: width=38, na logo width=944 i jest jak widać :|)

Generalnie struktura tej tabeli głównej wygląda tak:

<html>
<body>
<table width=100% border=1>
	<tr height=60>
		<td>FLPL</td>
		<td colspan=5 align="center">L O G O</td>
		<td>FLEN</td>
	</tr>
	<tr>
		<td colspan=7>Najbliższe koncerty</td>
	</tr>
	<tr>
		<td colspan=2>M E N U</td>
		<td>|</td>
		<td>T E K S T</td>
		<td>|</td>
		<td colspan=2>M E N U</td>
	</tr>
</table>
</body>
</html>

Teraz, jeśli zmieniam szerokość tylko komórki z logiem, to się okazuje, że szerokości komórek z liniami ulegają też dość dużemu zwiększeniu(chociaż w rzeczywistości mają swój rozmiar podany na stałe).

Ja już nie mam pomysłu, co tu jest nie tak. Aha, w ogóle o ile IE coś tam jeszcze zmienia w zależności od moich prac, to FireFox zawsze wyświetla tak samo.

Ilość kolumn w tabeli to 7.
Ilość wierszy: 3

Generalnie jedyne co trzeba zrobić, to zmniejszyć rozmiar komórek z flagami. Ale mi to w żaden sposób nie wychodzi.

Czyli chcę osiągnąć coś mniej - więcej takiego jak na rysunku:
user image

0

Hmm nie korzystasz z edytora WYSIWYG czy co??

Mnie wszystko śmiga, wygenerowało mi coś takiego:

<table width=100% border=1>
        <tr height=60>
                <td width="6%">FLPL</td>
          <td colspan=5 align="center">L O G O</td>
                <td width="6%">FLEN</td>
  </tr>
        <tr>
                <td colspan=7>Najbliższe koncerty</td>
        </tr>
  <tr>
    <td colspan=2>M E N U</td>
                <td width="3%">|</td>
    <td width="45%">T E K S T</td>
    <td width="5%">|</td>
    <td colspan=2>M E N U</td>
        </tr>
</table>
0

Hmmm, no nie rozumiem dlaczego z procentami działa, a z pikselami nie. Poza tym jeśli chodzi o drugi wiersz, procenty muszę podać w każdej kolumnie, bo jeśli nie podam w środkowej to się rozjeżdża. Trochę to dziwne...

Firefox oczywiście na przekór musi rozjeżdżać stronę :/ W IE, powiedzmy, że działa(chociaż dziwnie będzie wyglądać w innych rozdzielczościach niż 1024x768)

0

No coz - dwie sprawy

  1. Zgodnie z zasadami semantic web tabel nie uzywa sie do tworzenia layoutu strony a wylacznie do wyswietlania danych tabelarycznych!
  2. Tabele rzadza sie pewnymi zasadami - jesli chcesz miec tabele 100% szerokosci strony to nie dziw sie, ze program stara sie posluchac Twojego zyczenia i odpowiednio rozciaga CALA tabele, bo nie wskazales mu co ma rozciagac a co nie! Tak wiec aby ta tabela dzialala musisz zrobic tak:

tabela 100%
1 i ostatnia komorka szerokosc w pikselach flag
srodkowa komorka BEZ DEFINICJI SZEROKOSCI <ort>w ogóle</ort>! zostanie wtedy automatycznie rozciagnieta. Jesli w niej cos wycentrujesz - tak jak masz ten obrazek, to dalej bedzie na srodku.

Ponadto takie uklady tabelkowe nie robi sie na jednej tabeli, a na kilku. Zwykle robi sie tabele z kolumnami lub rzedami dla calej strony, po czym podzialy wewnatrz nich robi sie w postaci zagniezdzonej tabeli. W efekcie najbardziej skomplikowane uklady nie sypia sie.

APELUJE JEDNAK - Zapomij o tabelach - rob layouty na DIVach - bedzie znacznie latwiej!

Nawiasem mowiac, Firefox jest w pelni zgodny ze standardami - to wlasnie on pokazuje jak zrobiles strone naprawde i jakie sa w niej bledy.

1 użytkowników online, w tym zalogowanych: 0, gości: 1