Gå til innhold

Korleis lage ein divboks i css?

Gjest Slettet+65132

Av Gjest Slettet+65132
i Programmering og webutvikling

Anbefalte innlegg

Gjest Slettet+65132

Gjest Slettet+65132

Skrevet
Skrevet (endret)

Hei

 

Har lyst til å lage ein eller anna form for divboks på heimesida mi på der eg kan ha mange linkar inne i den. Det eg vil er at den skal vere helt lik på alle sidene eg laga. Noke som veit ka eg kan gjere?

Endret av Slettet+65132
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
qualbeen

qualbeen

Skrevet
Skrevet (endret)

HTML:

<html>
<head>
<title>Min side</title>
<link rel="stylesheet" type="text/css" href="mappe/fil.css">
</head>

<body>

<div id="header">LOGO</div>

<ul id="meny">
   <li><a href="#">Hjem</a></li>
   <li><a href="#">Underside 1</a></li>
   <li><a href="#">Underside 2</a></li>
   <li><a href="#">Underside 3</a></li>
</ul>

<p>masse tekst her... Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla sapien tellus, tincidunt a, placerat sit amet, ultrices luctus, tellus. Mauris vitae ligula ac turpis varius porttitor. Pellentesque ut magna. Ut vitae dui. Proin orci. Nunc ac tortor ut ligula mattis faucibus. Cras sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Cras rutrum pretium odio. 

Vestibulum sed lacus. Nulla pulvinar tristique lorem. Fusce turpis tortor, sollicitudin sit amet, feugiat eget, volutpat sed, nisl. Nunc facilisis. Curabitur facilisis, lectus sit amet lacinia volutpat, magna eros facilisis enim, quis sollicitudin nibh lectus ut enim. Sed fringilla lacus ut lorem. Aliquam et augue. Cras varius, tortor non consequat malesuada, lacus massa tristique lacus, et feugiat magna nisi nec lorem. Donec velit quam, convallis id, vulputate ac, tincidunt eu, magna. Praesent consectetuer. Vivamus sollicitudin lacus eget metus. Cras quis velit ut urna lacinia viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id nisi sit amet nisl varius hendrerit. Proin mollis lobortis est. Sed quis eros. Proin ultricies ultrices tortor. Vestibulum interdum cursus turpis. Fusce sagittis interdum lectus. Aliquam nulla nisl, semper in, euismod eget, nonummy ut, ipsum. 

Maecenas nisl lorem, faucibus quis, aliquet in, condimentum sed, arcu. Ut enim. Integer nec eros. Curabitur vitae odio. Fusce lectus. Praesent consequat ligula eu tellus. Cras dictum purus quis mauris. Sed et risus. Quisque fermentum. Ut neque. 

Etiam lobortis placerat augue. Aenean tempor, mi non mattis feugiat, mauris sapien placerat diam, et tristique lacus ligula at massa. Proin urna. Sed semper sodales mauris. Nullam est nisi, sagittis sit amet, faucibus a, pellentesque ac, augue. Etiam porttitor porttitor diam. Suspendisse nec urna ac nisi ornare sollicitudin. Phasellus sed lorem. Vivamus eros nulla, congue sed, tempor et, ultrices ut, orci. Donec pulvinar lorem vel tortor. Phasellus metus risus, cursus eu, gravida vel, adipiscing sed, ipsum. Nunc vulputate cursus lorem. Pellentesque mattis nisl quis velit. Maecenas dolor. Aliquam lacus tortor, suscipit non, ultrices quis, venenatis non, arcu. Sed sapien. Aenean at nunc. Sed dictum mauris eu diam. Morbi sollicitudin tincidunt tortor. Suspendisse pellentesque. 

Mauris magna. Quisque facilisis magna dignissim tortor. Integer lacinia. Phasellus id nibh. Aliquam vitae elit nec ipsum aliquet porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed mi. Aliquam hendrerit risus sed lorem. Praesent id risus. Duis porttitor, nisi sed luctus feugiat, odio sapien scelerisque velit, nec blandit metus urna nec tortor. Aliquam erat volutpat. Sed nec lacus sed metus aliquet nonummy. Vivamus quis est id arcu sodales commodo. Vestibulum nec risus ut turpis fringilla consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Donec convallis. Ut imperdiet luctus pede. Cras sed erat sed velit molestie ultricies.</p>

<div id="bunntekst">Hei og hopp</div>

</body>
</html>

 

EDIT:fikset en teit feil, jamfør postene nedenfor

Endret av qualbeen
Lenke til kommentar
qualbeen

qualbeen

Skrevet
Skrevet 

*{
 padding:0;
 margin:0;
}
body { margin: 10 auto; }

#header{
   width:800px;
   height:150px;
   background: #FFF url(bilde.gif) no-repeat;
}

#ul{
 /* eventuell css kode for listen her */
}

p{
 padding:10px;
  text-color: green;
}

#bunntekst{
   width:800px;
   height:30px;
   background: #FFF url(bilde.gif) no-repeat;
}

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
×
×
  • Opprett ny...