/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
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?

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

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

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 : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408938
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste