Gå til innhold

Problem med border. Får den ikke vekk!

Rinox

Anbefalte innlegg

Rinox

Rinox

Skrevet
Skrevet (endret)

Hei! Nå har jeg et problem med nettsiden jeg holder på å lage.

 

Det bildet som heter animasjon... Det får en brun ramme rundt seg... Jeg vil ikke at den skal ha den rammen... Vet noen hvordan jeg fikser dette? jeg har lett og lett, men jeg finner ikke ut hva det er som gjør det...

 

Her er kodene. Det er sikkert noen feil, så da må dere si ifra :)

 

HTML:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dyresentralen - Dyr i sentrum</title>
<LINK href="stilark.css" type=text/css rel=stylesheet>
</head>
<body>
<div id="wrapper">
<div id="header"><img src="images/header.jpg" /></div>
<div id="linkbakgrunn">
<div id="linker">
<a href="#">Forside</a>
<a href="Katt/index.html">Katt</a>
<a href="Kanin/index.html">Kanin</a>
<a href="Hund/index.html">Hund</a>
<a href="Hamster/index.html">Hamster</a>
<a href="Undulat/index.html">Undulat</a>
<a href="Fisk/index.html">Fisk</a>
<a href="Hest/index.html">Hest</a>
<a href="Marsvin/index.html">Marsvin</a>
<a href="Rotte/index.html">Rotte</a>
<div id="rom">
</div>
<a href="Forum/index.php">Dyreforum</a>
<a href="Nettbutikker/index.html">Nettbutikker</a>
<a href="Dyrevern/index.html">Dyrevern</a>
<a href="Partnere/index.html">Partnere</a>
<div id="animasjon">
<a href="Annonser/index.html"><img src="images/animasjon.gif" /></a>
</div>
</div>
<div id="innhold">
<h3>Velkommen til Dyresentralen.com</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum ultricies ullamcorper ante. Cras bibendum. Quisque ante nibh, adipiscing vitae, interdum in, bibendum id, sem. Proin varius, quam at commodo bibendum, turpis sem accumsan tortor, vel feugiat velit diam at tortor. Sed molestie nisl id massa vehicula semper. Pellentesque rhoncus, enim sit amet gravida gravida, lorem quam condimentum turpis, eu interdum neque arcu non est. Pellentesque nisi nibh, volutpat a, sodales eu, blandit nec, neque. Aliquam est. Nullam neque odio, pulvinar nec, ullamcorper pharetra, ultrices quis, augue. Integer ante sem, tristique quis, pulvinar quis, tristique non, diam. Nulla tempus. Praesent sed dolor. Proin volutpat mollis lacus. Integer faucibus.</p>
<p>Praesent et magna. Proin eget mi sit amet quam pellentesque dapibus. Donec bibendum, nisi eu viverra laoreet, quam lectus auctor dolor, ac pellentesque libero mauris a odio. Suspendisse diam. Aenean sed urna. Suspendisse potenti. Pellentesque blandit leo id tellus. Phasellus faucibus lacinia odio. Mauris turpis arcu, porttitor et, mattis ac, iaculis ut, risus. Vestibulum at leo. Nam ullamcorper molestie ligula. Nunc ligula libero, consectetuer id, bibendum et, sodales nec, nibh. Vivamus in lorem. Morbi magna odio, convallis nec, vestibulum et, interdum in, odio. Ut sed tortor sit amet dui blandit consequat. Suspendisse potenti. Nunc nibh. Suspendisse at mauris.</p>
</div>
</div>
</div>
</body>
</html>

 

CSS:

 

body {
font-family: Arial, Helvetica, sans-serif;
}

td {
font-family: Arial, Helvetica, sans-serif;
}

th {
font-family: Arial, Helvetica, sans-serif;
}


#wrapper {
width: 836px;
margin: 0 auto;
}

#header {

}

#header img {
border: solid 1px;
}


#linker {
background-image: url(images/linkbakgrunn.jpg);
background-repeat: repeat-y;
float: left;
margin-top: 5px;
width: 120px;
border: solid 1px;
}

#linker a {
background-image: url(images/linkknapp.jpg);
background-repeat: no-repeat;
width: 120px;
text-decoration: none;
color: #663300;
font-size: 18px;
float: left;
margin-bottom: 2px;
border-bottom: solid 1px #663300;
}

#linker p {
font-size: 15px;
}

#linker a:hover {
text-decoration: none;
background-image: url(images/musoverlink.jpg);
}

#linker a:visited {
text-decoration: none;
}

#linker a:active {
background-image: url(images/musoverlink.jpg);
text-decoration: none;
}

#rom {
margin-top: 20px;
}

#animasjon {
background-image: none;
width: 120px;
float: left;
margin-bottom: 20px;
margin-top: 20px;
border: none;
}

#animasjon a {
border: none;
}

#innhold {
font-size: 12px;
width: 605px;
height: 500px;
margin-top: 5px;
margin-left: 125px;
border: solid 3px #FF6600;
}

#innhold h1,h2,h3,h4,h5,h6 {
font-family: Arial, Helvetica, sans-serif;
margin-left: 20px;
margin-top: 30px;
}

#innhold h3 {
font-size: 18px;
}

#innhold p {
width: 500px;
margin-left: 20px;
}

Endret av Rinox
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
nree

nree

Skrevet
Skrevet (endret)

Legg til

img.animasjon {

border: 0;

}

i CSS og bytt ut:

<a href="Annonser/index.html"><img src="images/animasjon.gif" /></a>

 

med:

<a href="Annonser/index.html"><img class="animasjon" alt="" src="images/animasjon.gif" /></a>

Endret av goggen90
Lenke til kommentar
Rinox

Rinox

Skrevet
  • Forfatter
Skrevet

Nå er det en ny ting... For å få mellomrom mellom linken "rotte" og "dyreforum", prøvde jeg først å bruke <br/>, men det virket ikke i firefox eller opera. Nå prøver jeg med en div (id="rom") som dere ser i koden. Den har jeg satt mellom "rotte" og "dyreforum", men det virker fortsatt ikke.

 

Noen som vet hva feilen er? Det er helt sikkert en åpenbar feil som jeg overser, men jeg finner den i alle fall ikke :hmm:

 

Takk for svar :)

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...