Søg
Avatar billede tryout Nybegynder
17. maj 2005 - 20:58 Der er 11 kommentarer og
1 løsning

problem med simpel <td> <img>

Dette burde være virkelig simpelt jeg har et tabel element som jeg gerne ville have til at tilpasse sine størrelse efter et billede. Problemet er at der er plads omkring billedet, hvilket giver mig et layout problem.

<table cellspacing="0" cellpadding="0" >

<tr>
<td >                                // HER
<img class="img" src="topLeft.png">
</td>
<td class="topMid" >
</td>
<td >                                  // og her
<img class="img" src="topRight.png">
</td>
</tr>
Avatar billede olebole Juniormester
17. maj 2005 - 21:16 #1
<ole>

<tr>
<td >                                // HER
<img class="img" src="topLeft.png"></td>
<td class="topMid">&nbsp;</td>
<td >                                  // og her - men ikke mer'  ;o)
<img class="img" src="topRight.png"></td>
</tr>

/mvh
</bole>
Avatar billede schwarz84 Nybegynder
17. maj 2005 - 21:26 #2
Problemet skyldes en fejl i Internet Explorer 6 der gør at den af en eller anden grund viser dit linjeskift som et lille mellemrum (hvilket naturligvis er imod standarden). Det er med andre ord ikke dig der har lavet en fejl, men du kan heldigvis lappe på andres som beskrevet ovenfor.
Avatar billede tryout Nybegynder
17. maj 2005 - 21:30 #3
Hej Ole, det løste ikke problemet, det havde ingen effekt
Avatar billede tryout Nybegynder
17. maj 2005 - 21:37 #4
Og så har det ingenting med IE6 at gøre, der er præcis det samme i firefox.
Avatar billede schwarz84 Nybegynder
17. maj 2005 - 21:46 #5
>tryout: Mærkeligt. Det er ellers en fejl, der ofte opstår i den situation i IE. Jeg piller lige lidt med det også så.
Avatar billede olebole Juniormester
17. maj 2005 - 22:03 #6
Det lyder mere end mærkeligt. Den kode, du viser, _skal_ give den pågældende fejl i IE ... og det fix, jeg viste, _skal_ afhjælpe det.
Er det ikke tilfældet, må du komme med et link, for så laver du fejl et andet sted.
Avatar billede roenving Novice
18. maj 2005 - 01:48 #7
Bemærk tricket med at flytte </td>-tagget op på samme linje, det er det mest væsentlige ...
Avatar billede tryout Nybegynder
18. maj 2005 - 21:47 #8
Her er et link, jeg har prøvet at flytte tag'et op på samme linje men det hjælper heller ikke. Tak fordi i gider hjælpe :)

http://mekatronisk-selskab.dk/BOXTEST/

har lavet baggrundet på tabel elementet sort for at tydelig gøre problemet

mvh tryout
Avatar billede olebole Juniormester
19. maj 2005 - 00:03 #9
Det ville være rart med et billede af, hvordan det er meningen, grafikken skal se ud.
Mon det er noget i retning af den måde, IE viser det - eller som Moz gør ... og Opera kan endnu et bud  :)
Avatar billede olebole Juniormester
19. maj 2005 - 00:16 #10
- men en rigtig god idé er at sætte font-size og line-height til 0 i alle celler, der ikke indeholder tekst. Det ser ud somom den øverste og nederste række ville have godt af den behandling  ;o)

At Moz renderer den midterste række så høj, skyldes højst sandsynligt, at Moz tager dit <p>-tag seriøst og indsætter den passende top- og bund-margin. Mon ikke, det ville hjælpe, hvis du slettede det?
Avatar billede olebole Juniormester
19. maj 2005 - 00:17 #11
PS: Du kan ikke lave et element mindre end dets font-størrelse og linie-højde  :)
Avatar billede tryout Nybegynder
19. maj 2005 - 22:05 #12
Det virkede, tak for hjælpen ole, hvis du er intereseret i hvordan det skulle se ud kan du se linket, bortset fra der stadig er nogle hvide strejer i billederne.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 18:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging
09/0816:05 Samsung Galaxy vil ikke ud af "Sikker tilstand" Af ErikHg i Mobiltelefoner
08/0812:15 morf bilede Af knuldefar1942 i Fri debat
White papers
Flere white papers »