Gå til innhold

Hvordan lage en meny?

Hayer

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
Gjest Slettet+142

Gjest Slettet+142

Skrevet
Skrevet

bruk tabell eller rammer

endrebjo

endrebjo

Skrevet
Skrevet (endret)

index.htm 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>HTML-side</title>
 <link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>
 <div id="header"><h1>Overskrift</h1></div>

 <div id="menu">
 	<ul>
   <li><a href="#">Link 1</a></li>
   <li><a href="#">Link 2</a></li>
   <li><a href="#">Link 3</a></li>
   <li><a href="#">Link 4</a></li>
   <li><a href="#">Link 5</a></li>
   <li><a href="#">Link 6</a></li>
   <li><a href="#">Link 7</a></li>
   <li><a href="#">Link 8</a></li>
   <li><a href="#">Link 9</a></li>
 	</ul>
 </div>
 
 <div id="content">
 	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis nec mauris ut nunc vehicula sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce ut mauris. Duis imperdiet. Proin ipsum purus, malesuada a, auctor tempus, elementum et, dui. Proin mattis posuere nisl. Cras tempus erat.</p>
 	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis nec mauris ut nunc vehicula sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce ut mauris. Duis imperdiet. Proin ipsum purus, malesuada a, auctor tempus, elementum et, dui. Proin mattis posuere nisl. Cras tempus erat.</p>
 	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis nec mauris ut nunc vehicula sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce ut mauris. Duis imperdiet. Proin ipsum purus, malesuada a, auctor tempus, elementum et, dui. Proin mattis posuere nisl. Cras tempus erat.</p>
 </div>
</body>
</html>

 

style.css 

html {
width: 100%;
}

body {
width: 800px;
border: solid 1px #000;
position: absolute;
left: 50%;
margin-left: -400px;
float: left;
}

div#header {
width: 100%;
float: left;
clear: both;
border-bottom: solid 1px #000;
}

div#menu {
width: 150px;
float: left;
clear: left;
}

div#content {
width: 648px;
float: left;
}

Endret av endrebjorsvik
Rupal

Rupal

Skrevet
Skrevet (endret)

den koden du har gitt endrebjorsvik, funker den riktig bare på firefox? Jeg får det nemlig riktig opp på firefox, mens IE viser den helt mongo..

Endret av LBoN
xD^^

xD^^

Skrevet
Skrevet

Dette blir på en måte litt "juks", men det var slik jeg lærte meg å lage menyer.

Det ligger kjempemange fine eksempler her, hos Listmatic.

 

Kopier noen av disse over i kildekoden din, les litt av koden, endre litt på den.

Prøv å forstå hvordan koden er bygd opp, så lærer du å lage menyer.

 

Slik jeg lærte meg det. :)

Hayer

Hayer

Skrevet
  • Forfatter
Skrevet (endret)

takker... Juks? aldri hørt om de ti koding :p

 

Spå bilde btw... Hvordan får jeg suttet skriften til høyre for menyen?

HJELP!

Endret av Hayer
endrebjo

endrebjo

Skrevet
Skrevet
den koden du har gitt endrebjorsvik, funker den riktig bare på firefox? Jeg får det nemlig riktig opp på firefox, mens IE viser den helt mongo..

6343737[/snapback]

Den fungerer i både Firefox, Opera og IE nå.

IE likte visst ikke clear: right;.

chipmann

chipmann

Skrevet
Skrevet (endret)
chipmann @

veldig nytti informasjon du kom med der...

btw du sitter på en laptop if u didnt know.

6345736[/snapback]

 

Hææ? Hva mener du? Ja, jeg sitter med en laptop. Gjør det noe forskjell da? Forresten jeg har ikke brukt koden som er postet i dette emnet. Jeg har brukt en egen, men likevel virker det ikke :hmm:

Endret av chipmann

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...