Kandu.dk - Luft under images i mozilla


/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

HTML

#	Navn	Point
1	molokyle	11184
2	Klaudi	5506
3	bentjuul	3377
4	severino	2040
5	smorch	1950
6	strarup	1525
7	natmaden	1396
8	scootergr..	1320
9	e.c	1150
10	miritdk	1110

Luft under images i mozilla
Fra : Michael Arildsen

Dato : 28-11-03 22:47

Hej

Jeg har desværre ikke et link til at vise problemet, men
følgende kode giver "luft" under billedet, når det vises i
mozilla:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">

<head>
<title>test</title>
</head>

<body>

<table cellpadding="0" cellspacing="0" border="1">
<tr><td><img src="images/current.gif" width="20" height="20"
alt="Index" /></td></tr>
</table>

</body></html>

Nogen der kan forklare hvorfor? Og hvordan det evt. undgåes?

mvh.

Michael Arildsen

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Allan Vebel (28-11-2003)

Kommentar
Fra : Allan Vebel

Dato : 28-11-03 23:52

Michael Arildsen <f.arildsen@email.dk> skrev:

> Jeg har desværre ikke et link til at vise problemet

Det er synd, for vi kan jo ikke engang se billedet - hvordan
skal vi så se luften? Blink

> følgende kode giver "luft" under billedet, når det vises i
> mozilla:

Medsendte kode viser jo kun en tabel med et billede i - uden
noget som helst under billedet - jo, luft.

Skriver jeg en tekst efter </table> er der ikke mere luft her end
i andre browsere.

Du er altså nødt til at forklare det nærmere for at nogen kan
hjælpe dig - du kan sikkert finde en testserver at hælde det ud
på - så er det meget nemmere at sammenligne for alle andre.

--
Allan
http://html-faq.dk

Michael Arildsen (29-11-2003)

Kommentar
Fra : Michael Arildsen

Dato : 29-11-03 00:00

> Du er altså nødt til at forklare det nærmere for at nogen kan
> hjælpe dig - du kan sikkert finde en testserver at hælde det ud
> på - så er det meget nemmere at sammenligne for alle andre.

Der er sat en border på tabellen og der er luft (ca 5px) mellem
underkanten af billedet og den nederste border. De andre borders
ligger fint opad billedet......Håber det hjalp på forklaringen :)

Prøver evt. at finde en testserver...

mvh.

Michael Aridlsen

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Michael Arildsen (29-11-2003)

Kommentar
Fra : Michael Arildsen

Dato : 29-11-03 00:28

http://testcenter_nord.tripod.com/test.html

Så kan problemet ses.... Glad

mvh. og på forhånd tak

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Knud Gert Ellentoft (29-11-2003)

Kommentar
Fra : Knud Gert Ellentoft

Dato : 29-11-03 00:52

Michael Arildsen <f.arildsen@email.dk> skrev :

>http://testcenter_nord.tripod.com/test.html
>Så kan problemet ses.... :-

Brug vertical-align:

<img style="vertical-align: bottom" alt="Index" height="20"
width="20" src="current.gif">
--
Knud

Michael Arildsen (29-11-2003)

Kommentar
Fra : Michael Arildsen

Dato : 29-11-03 02:01

Knud Gert Ellentoft skrev:

> Brug vertical-align:
>
> <img style="vertical-align: bottom" alt="Index" height="20"
> width="20" src="current.gif">

Perfekt, lige hvad jeg søgte.....tak for respons

mvh.

Michael Arildsen

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Stig Nygaard (29-11-2003)

Kommentar
Fra : Stig Nygaard

Dato : 29-11-03 10:38

Hej Michael

Michael Arildsen wrote:
> Jeg har desværre ikke et link til at vise problemet, men
> følgende kode giver "luft" under billedet, når det vises i
> mozilla:
> <table cellpadding="0" cellspacing="0" border="1">
> <tr><td><img src="images/current.gif" width="20" height="20"
> alt="Index" /></td></tr>
> </table>

Det er fordi Mozilla når du er i Strict standards mode - helt korrekt
efter standarden - behandler dit billede som et inline-element, dvs som
en del af en linie incl. luft "under linien". Inline billeder ligger pr.
default *på* linien. En måde at løse problemet på, er at lave dit
billede til et block-element (style="display:block").

Du kan læse mere om problematikken og andre løsningsmuligheder her:
http://devedge.netscape.com/viewsource/2002/img-table/

Mvh. Stig
http://www.rockland.dk/ - Nu som kedelig men "moderigtig" weblog

Michael Arildsen (30-11-2003)

Kommentar
Fra : Michael Arildsen

Dato : 30-11-03 05:35

Stig Nygaard skrev:

> Du kan læse mere om problematikken og andre løsningsmuligheder her:
> http://devedge.netscape.com/viewsource/2002/img-table/

Virkelig god forklaring - tak for linket Glad

mvh. Michael Arildsen

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg

Reklame

Statistik

Spørgsmål :	177554
Tips :	31968
Nyheder :	719565
Indlæg :	6408852
Brugere :	218888

Månedens bedste

Årets bedste

Sidste års bedste