Napozicování horizontálního menu.

Zdravím, teď sem budu psát asi častěji, protože v html a css začínám. No a právě dnes jsem narazil na první problém a to je menu. Dělám si jen tak zkušebně, pro natrénování pozicování a různě prostě ty základy. :) Zde je obrázek, jak by to asi mělo vypadat.
http://www.nahrejto.cz/pics/5826299d1b8a1e42e702f0ad4ba8a0fb.png

Rozměry: 739x52

Omlouvám se za tu grafiku, ale nejsem žádnej expert a je to fakt jen pro zkoušku. :) Netušim jestli to udělat přes relative nebo absolute, fakt vůbec nevim jak to mám udělat, tak se obracím na vás :) Když tomu dám padding a je to nastavený jako pozadí a konečně to vypadalo, že je to v pohodě, tak najednou když najedu na to, tak se to normálně jako "visited" zobrazí, ale zobrazí se to i když jsem kousek mimo to, což je logický když tomu nastavím vyšší okraje :-) Stačilo by poradit jak udělat aby ten červený rámeček byl na pozadí toho "novinky atd.." vidět celý a né jen kousíček a jak to napozicovat, aby to bylo zhruba stejně odsazený od sebe. V PSD to mám, takže není problém změřit jak co je od sebe, ale jak to udělat, to už je pro mě nadlidský úkol. Díky za odpovědi, pokud jsem na něco zapomněl napište.
(Prosím nepište odpovědi typu: Zkoušej zkoušej, ono se to jednou povede..Dělám se s tím od 8 večer a prostě na to nemůžu přijít, díky)
P.S. Pro jistotu kdyby jste potřebovali můj HTML kód:

Dal jsem to právě jako odkaz, protože se to nezobrazovalo. :) No já to měl na endoře, jenže mám takový problém, že se mi normálně v PSPADU ukazuje hlavička, ale na endoře se mi neukazuje. Netuším co zatím je :)

mimochodec:
„Začni tím, že si někde zřídíš nějaký hosting (třeba zadarmo) a věci, se kterými budeš chtít poradit, tam budeš nahrávat.“

Tak zde je odkaz, ale neukazuje se mi ta hlavička (logo).Reklamu jsem zkoušel dát i dolu (Jak pozicováním, tak i kódem <br />ale tomu logu to nepomůže.
Hosting přes endoru.

mimochodec:
„Ten obrázek nefunguje.“

To je divný, když mně se u toho dalšího příspěvku normálně ukazuje...

Hotovo, ale nic se nestalo :)Takže tam musí být chyba ještě v něčem :)

Jojo, snažím, ale dělám o v PSPADU, proože tam se mi to lépe maže :) takže co udělám tak nevidíte.. Jinak všechno tohle už tam mám :)

Display:block; ?

Já tam měl inline-block aby se to poskládalo za sebe. Ale mně jde celou dobu hlavně o to jak nastavit, aby to od sebe bylo jako na obrázku. To už můžu udělat přes:


Nebo mám použít něco jiného? Tohle mi přijde trochu nepraktický, protože bych musel každýmu nastavit ID a každýmu dát left jiný :) Jde o ještě přes něco? Omlouvám se za dotazy, ale opravdu se to teprve učím a nepatřím mezi ty co si přečtou článek a dokážou to použít správně, proto jsem přeci tady :)

mimochodec:
„block tam určitě nepatřil.“

Dobrá tak společnýma silama jsme to nějak vyřešily, už jsem tam nastavil i aby to bylo na celou šířku, ale teď bych ten text v tom červeným čtverečku bych chtěl uprostřed jak na výšku tak na šířku :) na výšku to mám, ale na šířku ne. Je to asi poslední věc co tma potřebuji. Díky moc.

Tak hotovo, vyřešil jsem to tagem center. Díky ti za pomoc. Ještě taková věc od tebe, potřeboval bych zjistit proč se mi neukazuje ta hlavička. :/ Mělo by to vypadat takto:



Na počítači když si otevřu index.html, tak normálně funguje..Na hostingu už je tomu jinak.

Tady je CSS z hlavičky:

html snad není potřeba, je to jen div a v tom klikací H1 :)

margin:
„Zkontroluj si jméno souboru, většina hostingů běží na Linuxových serverech a tam záleží i na velikosti písmen v názvu souboru.“

Mnohokrát děkuji, dobrá rada do života kodéra. :))

Vyřešeno-Nakonec menu vypadá tedy takto:

Zkušební design.

Rellik:
„protože ty mezery mezi těmi bloky by asi být neměly.“

Ale měli by být..Jak jsem posílal obrázek, tam je to taky.

mimochodec:
„vidí někdo ty obrázky?“

Zde na jiným počítači už je nevidím, asi špatný filehosting, omlouvám se, ale docílil jsem toho, čeho jsem chtěl.