Fejlec felepitese
Itt lathato a smink: http://dl.getdropbox.com/u/1924024/weblap.jpg
A fejlecet ugy vagtam ki, hogy vettem egy "1px" szeles csikot a felso reszbol (a felso resz alatt ertem a feketet es a sotet szurket).
Az 1px szeles csikot BODY hatternek raktam be.Most azt nem ertem, hogy tudnam felepiteni a fejlecet. Szuksegem van egy logo-ra es egy menure. A menu a sotet szurke csikba lesz belerakva. Szoval ket reszrol lenne szo.
A kovetkezo HTML kodra gondoltam.A "header-inner" es a "navbar" DIV-eknek beallitok egy fix magasagot, peldaul igyA megoldasom helyes lenne? Esetleg tudnatok jobbat mutatni ? Nagyon orulnek barmilyen tanacsnak! Koszonom!
■ A fejlecet ugy vagtam ki, hogy vettem egy "1px" szeles csikot a felso reszbol (a felso resz alatt ertem a feketet es a sotet szurket).
Az 1px szeles csikot BODY hatternek raktam be.
body {
backgroung: url(../images/bodybg.gif) repeat-x;
}
A kovetkezo HTML kodra gondoltam.
<div id="wrapper">
<div id="header">
<div id="header-inner">
logo
</div> <!-- /#header-inner -->
<div id="navbar">
navbar
</div> <!-- /#navbar -->
</div> <!-- /#header -->
</div>
#header-inner {
height: 300px; /* a fekete resz */
#navbar {
height: 100px; /* a szurke resz */
}
Ezt nem így szokták
<div id="header_"></div>
<style>
#header_{
backgroung: url(../images/header.gif);
}
</style>
Ok, szoval igy: <div
Csak egy dolgot nem ertek. Hogy tudom a menut egyvonalba hozni a tartalmi reszel, erre celzok (piros csikal bejeloltem): http://dl.getdropbox.com/u/1924024/weblap2.jpg
Azert kerdem, mert a navbar nincs wrapper-ben ezert nem fog ugy nyulni mint a tartalom :)
Vilagosabb leszek
Hogy tudnam a "Navbar text"-et egyvonalba hozni a "lorem ipsum..." szovegel, es ugyanakkor ha kicsinyitem a browszer ablakat egyutt huzodjanak ossze.
Ok, tudom a navbar nincs befoglaloban (wrapper) eppen ez lenne a baj, es erre keresek megoldast.
Keress rá ezekre: float,
nem ertem mi koze ide a
Itt van egy hasonlo oldal: http://www.cigionline.org/
Gondoltam ezert jobb a body hatternek berakni az egesz felso reszt, hogy aztan mindet wrapper-be rakjam, de ugy sem jo! Mindenki mast ir. Egyaltalan tudjatok mit is akarok csinalni? Bocs ha nem voltam elege vilagos.
Igy mukodne: <div