Avatar billede m86 Nybegynder
17. marts 2003 - 17:17 Der er 14 kommentarer og
1 løsning

Ingen kant ved <a href=""><img></a>

Jeg har 3 billeder der tilsammen fylder 100px (bredde) der skal ind i en tabledata-celle (<td>) uden at de "springer ned" på næste linje. Uden <a href""> kan de godt være der, med kommer der en slags usynlig kant, den skal væk, så alle billeder igen passer ind på en linje. Hvordan?? I CSS!!

Mvh
Avatar billede Slettet bruger
17. marts 2003 - 17:19 #1
Kom med noget kode...
Avatar billede schaefner Juniormester
17. marts 2003 - 17:23 #2
Lidt svært uden kode, men det her giver f.eks ikke nogen problemer, så jeg kan ikke se hvorfor dit gør :)

<table cellpadding="0" cellspacing="0" border="0"><tr>
<td><a href=""><img src="" width="20" height="20" border="0"></a><a href=""><img src="" width="50" height="20" border="0"></a><a href=""><img src="" width="30" height="20" border="0"></a></td>
</tr></table>
Avatar billede nielsmo Nybegynder
17. marts 2003 - 17:24 #3
du kan gøre 2 ting:
1) smide en nowarp på din td (så den ikke kan blive større en 1 linie
2) smide border="0" på dine img'er

>Niels - ja mig...
Avatar billede m86 Nybegynder
17. marts 2003 - 17:26 #4
<table><tr><td class="flagtd"><a href="blabla"><img></a> gange 3!!</td></tr></table>... De fylder tilsammen 100 px (3 små flag), det er tabellen også bred!! Alt sammen defineret i CSS.. Men med <a> på funger det ikke mere!!
Avatar billede m86 Nybegynder
17. marts 2003 - 17:28 #5
nielsmo>> har border="0", hvordan definerer jeg det andet??!
Avatar billede schaefner Juniormester
17. marts 2003 - 17:28 #6
prøv at sætte border="0" på dine <img>-tags
Avatar billede schaefner Juniormester
17. marts 2003 - 17:29 #7
m86 >>

<table cellpadding="0" cellspacing="0" border="0"><tr>
<td width="100" nowrap><a href=""><img src="" width="20" height="20" border="0"></a><a href=""><img src="" width="50" height="20" border="0"></a><a href=""><img src="" width="30" height="20" border="0"></a></td>
</tr></table>

Men det burde ikke gøre den store forskel.
Avatar billede m86 Nybegynder
17. marts 2003 - 17:30 #8
har <img class="button"> og button { border: 0px }
Avatar billede schaefner Juniormester
17. marts 2003 - 17:30 #9
Kan du ikke komme med et lidt mere konkret eksempel?
Avatar billede m86 Nybegynder
17. marts 2003 - 17:33 #10
<table><tr><td class="flagtd">
<a href=""><img src="1.gif" class="button"></a>
<a href=""><img src="2.gif" class="button"></a>
<a href=""><img src="3.gif" class="button"></a>
</td></tr></table>

flagtd { width: 100px; height: 25px }
button { border: 0px }
Avatar billede schaefner Juniormester
17. marts 2003 - 17:35 #11
Det vil sige at du ikke har tilføjet:
cellpadding="0" cellspacing="0" border="0" i din <table> ?
Avatar billede Slettet bruger
17. marts 2003 - 17:35 #12
<table><tr><td class="flagtd"><a href=""><img src="1.gif" class="button"></a><a href=""><img src="2.gif" class="button"></a><a href=""><img src="3.gif" class="button"></a></td></tr></table>

Du skal huske ikke at have linieskift...
Avatar billede schaefner Juniormester
17. marts 2003 - 17:37 #13
Det er fordi du har dem stående på hver sin linje. Prøv sådan her:
<a href=""><img src="1.gif" class="button"></a><a href=""><img src="2.gif" class="button"></a><a href=""><img src="3.gif" class="button"></a>
Avatar billede m86 Nybegynder
17. marts 2003 - 17:47 #14
Hey tak, vidste ikke at linjeskift gjorde noget!! :)
Avatar billede Slettet bruger
17. marts 2003 - 18:00 #15
selv tak..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester