Autor | Zpráva | ||
---|---|---|---|
newbiegrafi Profil * |
#1 · Zasláno: 11. 8. 2010, 21:02:18
Dobrý deň,
Mám layout (header,menu,obsah) avšak s týmto som sa zatiaľ nestretol. V Headery mám klikacie logo, + vlajky na viacjazyčnú stránku, + menu (tj 4 tlačítka.). Rozmýšlal som, že to urobím tak. Do header divu hodím background - image xxx.JPEG, a pre každý obrázok, ktorý chcem nasmerovať tam kde je, dám osobitný div a urobím to pomocou MARGINU. (príklad). <div class="header"> <div class="klikacielogo"> <div class="vlajka1"> <div class="vlajka2"> <div class="menu"> </div> </div> </div> </div> </div> .header { width:800px; height:220px; background-image: url ("lala.JPEG") } .menu { margin-top:400px; margin-left:350px; } .klikacielogo { A tak ďalej a tak ďalej, myslím si, že by to fungovalo, ale podľa mňa je to strašne škaredý spôsob.. Som si istý, že existuje lepší o ktorom neviem. Ďalej je možnosť, že by som to urobil pomocou klikacej mapy, ale to tiež nieje nejaké šťastné riešenie. Neviem, chcel som sa opýtať funguje niečo také ako napríklad v css .menu img - (ze by namiesto toho IMG som napísal meno imagu napríklad klikacie logo.?} Dúfam, že ste ma pochopili, viem že som to nevysvetlil nejak bohvieako, ale toto som sa snažil najlepšie vysvetliť, ďakujem, ak niečo nebude jasné upresním. |
||
newbiegrafi Profil * |
#2 · Zasláno: 11. 8. 2010, 21:10:30
Prepáčte, že nie EDIT, ale nemôžem to editovať. Pre dodatok - Marginovanie viacerých obrázkov v dive. Mal by som to urobiť takto, že -
<div class="header"> <div class="menu"> <div class="logo"> </div> </div> </div> a v CSS .header menu { } .header logo { } |
||
bencik Profil |
#3 · Zasláno: 11. 8. 2010, 21:25:08
No... Pokud to chápu, tak bych to udělal takhle, ale sám jsem začátečník a možná to je taky nesmysl :), takže bych radši ještě počkal na někoho zkušenějšího.
<div id="header"> <h1><a href="###">Klikací logo</a></h1> <img src="EN.jpg" alt="english version" /> <img src="CZ.jpg" alt="czech version" /> <img src="SK.jpg" alt="slovak version" /> <div id="menu"> <a href="##">odkaz</a> <a href="##">odkaz</a> <a href="##">odkaz</a> </div> </div> Css #header {position: relative; background: url(abcd.jpg) black; } #menu {position: absolute: bottom: 0; width: 100%;} #header img {float: right; margin: 10px;} |
||
Časová prodleva: 14 let
|
0