Autor Zpráva
newbiegrafi
Profil *
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>
a aby som dosiahol to čo chcem, tak- CSS
.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 *
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
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;}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0