Autor Zpráva
gardener
Profil
Zdravím
Mám jeden problém, chtěl bych si vytvořit grafické menu, rozhodl jsme se tentokrát, že pomocí tabulky.
Vyresetoval jsem nastavení:
table {
	border-spacing : 0px;
	border-width:0px;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}





A vložil obrázky, viz. náhled. nařezal jsem je tak aby odpovídali šířce header, takže teoreticky pokud bych je naskládal vedle sebe, meli by se zobrazit přesně s okrajem, problém se ten, že se mezi nemi obejevují mezery, které nakonec způsobují přetečení na bok.
Je to tak, že tabulka nastavuje šířku buňek podle nejširšího prvku? A pokud ano, jak se toho zbavit?


Díky za jakoukolliv radu?
Joker
Profil
gardener
Vynulovat margin a padding, to by mělo stačit.

Nicméně když to není tabulka, nemělo by to být jako prezentované značkou <table>.
gardener
Profil
Právě, že nepomůže:(
table {
	border-spacing : 0px;
	border-width:0px;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	margin:0px;
	padding:0px;
}


A jak bych to tedy měl prosím prezentovat, když ne jako table?To jenom tr a td?
Joker
Profil
gardener
A jak bych to tedy měl prosím prezentovat, když ne jako table?To jenom tr a td?
No to určitě ne. TR a TD nemohou být bez tabulky.
Ale tohle není tabulka... menu je defacto seznam odkazů na další stránky.
Takže jako seznam a odkazy: <ul>, <li>, <a>
V transitional doctype taky existuje značka <menu> (položky menu pak <li>), která byla později zrušena. Přiznám se, že moc nechápu proč.
gardener
Profil
Ale nebude se mi seznam at už <ul>, <li> zarovnávat pod sebe?
Joker
Profil
gardener
Tak se v CSS rozplavou (float: left) a hned jsou vedle sebe ;-)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0