[CSS] Problém, DIV je skrytý pod menu, nefunguje ani z-index

[CZechBoY]

Zdravim,
nevíte čím může být způsobené, že jeden blok(datum a čas) v horní pravé části je skryto pod druhým menu?

time {
border: 1px solid gold;
color: white;
font-size: larger;
height: 32px;
left: 89%;
position: absolute;
top: 0;
width: 131px;
}

.menu {
background: url('/pics/background-menu.png') repeat-x;
height: 26px;
margin: auto -5px auto -5px;
text-align: center;
}

v HTML kódu je nejdřív #time a potom .menu

[Reklama]

[Myloš]

Jestli to není překlep tady, chybí ti před time .tečka (class) nebo #křížek (id).
Pokud to v kódu máš správně, pak mám otázku, vůči jakým souřadnicím se počítá pozice menu – vůči oknu prohlížeče, nebo vůči nadřazenému bloku? Zkus dát odkaz na živou ukázku (umísti problematickou stránku s minimem kódu někam na web).

[CZechBoY]

samozřejmě křížek tam je #time, jak jsem to kopíroval z IE tak jsem to asi blbě zkopnul
http://www.cool.jabko.net/hodiny.php je to čisté HTML které jsem zkopíroval z té stránky, pokud kliknete na odkaz v menu tak to bude chtít přihhlásit takže moc neklikat :-))

nevadí tomu třeba to že jeden blok(div="obsah") není uzavřený?

EDIT: tak jsem přišel na to, že když tomu <div class="menu"> dám ještě do atrbitů style="z-index: 0" (nebo menší jak u #time) tak se čas zobrazí nad něj, ale když ten styl dám v CSS souboru: .menu{z-index:0} tak to nefaká, ani když dám .menu{z-index:0 !important} tak to je nějaký divný, v nouzi jsem si udělal JavaScrit funkci která to změní všem prvkům s touhle třídou

[Myloš]

Tak jsem se na to podíval a řešení mám.
Pro #time přidej z-index: 1; a vše je hotovo.
Navíc bych tomuto bloku doporučoval padding (stačí 2px;), aby nebyl text nalepený na rámeček.

Jiná věc je, že je ten kód po mém soudu dost zbastlený. Osobně bych to napsal takhle:

jabko.zip

Sémanticky čisté řešení

(4.11 KiB) Staženo 25 x

Jde o to, že zbytečně pozicuješ tam, kde to není potřeba (například * {position: relative} považuji za šílenost), inline styly míchané s externím stylopisem jsou cestou do pekel, menu jednou jako <ul><li>, podruhé jako odkazy bez ladu a skladu naflákané do <div>u (div nenese žádný sémantický význam), o konstrukcích typu …<li><br><br></li></ul> <ul><li><a href="">Nevim</a></li></ul> už vůbec nemluvím – celé se to dá napsat lidsky v jednom společném <ul> bez <br> (class+margin) a tak podobně.

Schválně si prohlídni, jak vypadá moje HTML, když nenačteš obrázky, nebo když nenačteš stylopis.

Konečně přijmi mé přátelské varování před fontem Comic Sans MS – budeš-li ho na stránkách používat, budeš ostatním pro smích.

[CZechBoY]

Comis Sans je pěkný font, neznám žádný jiný normální písmo, jaké se používá pro menu?
hele to menu vlevo, to udělal bratránek a vůbec nevim k čemu je, to je pro okrasu asi, nebo spíš pro ostudu takže na něj kašlat

hele jak si udělal v menu ty | aby byly bílé ikdyž ve zdrojáku vůbec nejsou? v CSS jsem to taky nikde nenašel, tyhle odrážky vůbec neznám, nepoužívám, to ohraničení u času už je fuč, dal jsem padding pouze u času <span id="cas"> taky jsem to posunul aby to bylo jakoby pod hlavním menu když je tam samotné bez toho pod tim, dal jsem tomu (času) padding 2px bez horního paddingu, také pozadí od submenu

takže chceš mi říct, že když dám #time{z-index:1} a u menu to nechám bez toho x-index tak to pojede v pohodě? však já jsem to už takhle zkoušel, uvidí se

ps. v té ukázce ti chybí zakončit hlavní TAG <div id="obal..."> ale to je asi jen pro ukázku že?

EDIT: dneska už po druhý záhada, jednou mi funguje na jednom webu $_SERVER['REQUEST_URL'] vypíše v pohodě adresu skriptu a najednou zase nic, přepíšu to $_SERVER['REQUEST_URI'] a vyhazuje stejný výsledek jako to předtim, ikdyž má vyhazovat celou adresu i s doménou a teď ještě k tomu funguje to co mi před 1dnem nešlo a mám skoro stejný kód, přidal jsem tam ještě další věci, takže kdybych je dal pryč, kód by byl identický!!! zajímavý dnešní svět, opravdu zajímavé

[Myloš]

Comis Sans je pro seriózní web nepoužitelný, opravdu mi to věř. Za všechny alespoň:

• http://diskuse.jakpsatweb.cz/?action=vt ... opic=82135
• http://webzurnal.cz/webdesign/comic-san ... drzet-dal/
• a další

Menu vlevo: když ho v mém kódu smažeš, stačí pak smazat ještě toto:
#hlavni-text {margin-left: 200px;}

Oddělovače v menu | jsou border-right každé <li> a mají-li být bílé, pak:
#vrsek li {border-right: 1px solid white;}

#time {z-index: 1;} mi opravdu fungoval

>
> ps. v té ukázce ti chybí zakončit hlavní TAG <div id="obal..."> ale to je asi jen pro ukázku že?
>
Přehlédnul jsem toho trochu víc:

• ř. 14 na konci nadbytečný </span>
• ř. 17 na konci <a> jedny uvozovky navíc (" ">)
• ukončovací </div> opravdu chybí a patří úplně na konec mezi </address> a </body>.

[CZechBoY]

ty ovozovky navíc jsem tam udělal já, asi omylem, nebo jsem něco dával přes Ctrl+H nebo něco jsem umazal prostě
jo prostě konec DIV patří přes konec body

hele když chci všude stejnou patičku budu asi muset ve všech souborech manuálně muset dopsat <?php include("foot.php")?> že?

jasný tenhle border mě nenapadl, ikdyž jsem to už viděl na programujte.com na hlavní stránce(index.php) tam mám pseudotřídu after :) takže jdu předělat

ještě pořád nechápu jaktože před 1dnem mi nešel ten samí kód... no aspoň jsem procvičil zase javascript

takže zatím díky, jestli se něco objeví, napíšu

[Myloš]

>
> když chci všude stejnou patičku budu asi muset ve všech souborech manuálně muset dopsat <?php include("foot.php")?> že?
>
Záleží na tom, jak skládáš stránky, ale ano, toto je jedna z možností.
Já mám naopak radši jeden soubor index.php, který obsahuje ty shodné věci
a naopak unikátní obsah vkládám přes $_GET['promenna'].

[CZechBoY]

no to bych musel udělat vždycky Switch a do něj naskládat všechny stránky a podle toho dávat title a jestli chci zobrazit submenu a kde ho vzít, to je moc složité, takhle mám hlavičku kterou includnu v tom souboru, titulek vložím přes proměnnou a pak si includnu menu když existuje, takže do každýho souboru připsat patičku manuálně :( no nic, až bude víc času tak to tam dopíšu

neznáš nějakou stránku kde je seznam písem(fontů) které fungují ve všech prohlížečích a pod všemi prohlížeči?(aspoň pod Win)

[Myloš]

Fontotéka: http://www.dgx.cz/tools/fonts/
VistaFontotéka: http://www.dgx.cz/tools/fonts/vista.php

Mimochodem – ve tvém původním CSS jsi měl takovouto deklaraci písma:
body {font: 12px Verdana, Arial, Times, 'Geneva CE', lucida, sans-serif;}
Times tam nepatří, protože je patkový
Proto jsem to to opravil na toto:
'DejaVu Sans', Verdana, Arial, Helvetica, sans-serif;
DejaVu Sans vypadá téměř jako Verdana (tak na 95 %, běžným okem nepoznáš) a je běžný na Linuxu. Arial je klonem Helvetiky, takže kdo nebude mít ani Arial, měl by mít Helvetiku.