Mystisk strek ved bilder ødelegger oppsettet mitt

[Degeim]

Jeg holder på med et lite prosjekt,nå , og skal i den sammenheng ha et panel med fire bilde-linker.

 

Men mellom desse knappene oppstår det mystiske streker, som visstnok hører til bildet til venstre for streken.

 

Koden for linkene du ser på bildet under er som følger:

<div class="endre">
       <a href='index.php?oppg=fjern&obj=2'>
       	<img src='fje.gif' class='smil'>
        </a>
        <a href='index.php?oppg=endre&obj=2'>
               <img src="end.gif" class="smil">
        </a>
        <a href="index.php?oppg=check&obj=2">
            <img src="lag.gif" class="smil">
        </a>
        <a href="index.php?oppg=avslutt&obj=2">
                <img src="avs.gif" class="smil">
        </a>
</div>

 

Og css-en for diven "endre" og classen "smil" er slik:

.endre
{
border: dotted 2px black;
background-color: #ffccff;
float: right;
width: 100px;
}

img.smil {
 text-decoration: none;
 border: 0;
}

 

Og så vidt jeg kan se, er det ingenting her som skulle fremkalle en stygg strek.

 

Forslag til hvordan jeg kan fjerne den?

 

 

Takk,

Degeim

Endret 7. oktober 2006 av Degeim

[Axentrix]

Har nok noe med <a> å gjøre. Prøv å bruke text-decoration: none ; på alle linkene.

[Degeim]

Jepp, det virket. Tusen takk!

Endret 7. oktober 2006 av Degeim

[qualbeen]

grunnen er at du høyst sannsynlig har feil i html-koden din.

Du har sikkert skrevet <a href="#"><img src="bilde.jpg> </a>. Som du ser er det et mellomrom mellom bilde-taggen og </a>. Dermed blir det mellomrommet med i linken (derav strek, siden default er strek under alle linker).

 

Ta bort det nevnte mellomrom, så blir alt korrekt! (Trenger du mellomrom mellom bildene, så legg inn det etter a-koden, altså slik:

<a href="#"><img src="pict1.jpg"></a> <a href="#"><img src="pict2.jpg"></a> <a href..... osv

 

Selvfølgelig funker det å bruke css til å fjerne understrek på linker, men gjør du ikke som jeg anbefaler vil du fortsatt ha ett klikkbart mellomrom mellom bildene :/

Endret 7. oktober 2006 av qualbeen

[Degeim]

Helt korrekt!

 

Da slipper jeg å bruke margin i css-en for å få mellomrommene bort.

 

Tusen takk!

Endret 7. oktober 2006 av Degeim