Meny oppå header bildet

Torjus · 6. november 2005

Skal til å lage den nye hjemmesiden min nå, men jeg tenkte å prøve noe nytt, men er usikker på hvordan jeg skal gjøre det...

Slik skal det se ut til slutt:

Men slik ser det ut uten meny:

Etter jeg har delt opp menyen, hvordan plasserer jeg da menyen nøyaktig der jeg vil ha den oppå headeren?

Sono Juventino · 6. november 2005

Du setter bredde, floater til høyre og setter marginer. Veldig lett egentlig.

resol · 6. november 2005

padding / margin i css

Magnus Holm · 6. november 2005

Eller position

position: absolute;
top: 13px; /* 13px fra toppen */[
left: 50ox; /* 50px fra venstre-side */

PS! Tallene er bare et eks... De vil ikke stemme med ditt bildet

potetskrell · 6. november 2005

Eller position
position: absolute;
top: 13px; /* 13px fra toppen */[
left: 50ox; /* 50px fra venstre-side */
PS! Tallene er bare et eks... De vil ikke stemme med ditt bildet

5113696[/snapback]

Njaa, hvordan vil det arte seg hvis sida skal være midtstilt?

Magnus Holm · 6. november 2005

left: 56%;

Torjus · 6. november 2005

Okey... men hvordan skal jeg gjøre dette i html fila da?

<body>

<div id="wrap">
	<h1><span id="borte">Header</span></h1>
<div id="meny">
<a href="index.php" id="hjem"><span>hjem</span></a>
<a href="ommeg.html" id="ommeg"><span>om meg</span></a>
<a href="galleri.html" id="galleri"><span>galleri</span></a>
<a href="kontakt.php" id="kontakt"><span>kontakt</span></a>
</div>

<div id="bg">

<div id="main">
<h2>test</h2>
</div>
</div>
</body>

Siden: http://home.no.net/fuzzy2

Endret 6. november 2005 av fUzZy^

Sono Juventino · 6. november 2005

For det første skal en meny være en liste og ikke divs.

<ul id="meny">
<li><a href="index.php" id="hjem"><span>hjem</span></a></li>
<li><a href="ommeg.html" id="ommeg"><span>om meg</span></a></li>
<li><a href="galleri.html" id="galleri"><span>galleri</span></a></li>
<li><a href="kontakt.php" id="kontakt"><span>kontakt</span></a></li>
</ul>

Så setter du sånn i CSS:

ul#meny li {
   float: right;
   margin: Xpx Xpx Xpx Xpx; /*Top-right-bottom-left*/
   width: Xpx;
   display: inline;
}

Edit: endret litt css.

Endret 6. november 2005 av ett

Torjus · 6. november 2005

Har det så mye å si?

Sono Juventino · 6. november 2005

Hvis du ikker bryr deg er det greit for meg. Bare bytt ut ul#meny li, med div#meny, så er det greit...

Men trodde at du visste dette så mye som du er i webcafeen. Ble litt skuffa nå. :nei:

Endret 6. november 2005 av ett

Torjus · 6. november 2005

Hehe. Mene, jeg prøvde det du sa, men da ble menyen speilvendt :dontgetit:

EDIT: Ikke prøv å se siden i IE engang

Endret 6. november 2005 av fUzZy^

Sono Juventino · 6. november 2005

Skjønner ikke helt hvorfor det ble sånn. Smell på en width på ul. F.eks 250px;

Edit: Prøv å legge til margin-right: 165px; på ul. Tror det skal funke.

Endret 6. november 2005 av ett

Steinmann · 6. november 2005

float right gjør det.

Den endrer rekkefølgen.

Torjus · 6. november 2005

Ok

Men hvordan i all verden skal jeg få menyen oppå bildet nå?

Torjus · 7. november 2005

Anyone?

14 tegn

Jernlov · 7. november 2005

Klipp opp sånn som jeg har gjort der:

Hier

Bare klipp det sånn liksom.

Torjus · 7. november 2005

Ok, jeg visste om den metoden, men ville prøve på den beste metoden, men får det ikke til så jeg bruker heller den jeg brukte på den gammle siden (Den som du nevner skate4life)

EDIT: Leif er rundt

Endret 7. november 2005 av fUzZy^

Jernlov · 7. november 2005

Det er den beste metoden. SÆVV

Torjus · 7. november 2005

Ok, så langt har jeg kommet til nå:

http://home.no.net/fuzzy2/

Hvorfor virker "bg" i IE, men ikke FF?

EDIT:

prøvde å ta vekk cutenews, men samme resultatet

Endret 7. november 2005 av fUzZy^

Torjus · 7. november 2005

Noen som vet? Hva er det som gjør at det virker i IE men ikke i FF?

Meny oppå header bildet

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer