Gå til innhold

Hvordan lage en meny?

Hayer

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
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
Lenke til kommentar
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. :)

Lenke til kommentar
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
Lenke til kommentar

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

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...