[HTML] Afbeeldingen strak onder elkaar in FF en IE - Softwareontwikkeling

zondag 22 april 2007 09:29

Acties:

Topicstarter

Hoi mensen,

Onderstaande code is een stukje van mijn website waar ik mee bezig ben. Zoals jullie kunnen zien is het nogal veel basic HTML, maar dit voldoet voor mij.

Er is echter 1 probleem. Ik kwam erachter dat de layout in FireFox mooier is dan die in Internet Explorer. FF laat namelijk de rijen van plaatjes strak aan elkaar zitten, terwijl IE er een regeltje tussenplakt.

Waar zit hem dat in en hoe kom ik er vanaf, want ik wil dat die rijen dus strak tegen elkaar aanzitten.

Waarom ik nog niet volledig in CSS werk? Daar heb ik nog even geen tijd voor om me in te verdiepen, de pagina mag eerst draaien daarna komt de rest

Ik heb de search gebruikt, maar ik ben dit niet precies tegengekomen, mocht iemand toch een linkje weten, graag!

HTML: http://www.platzak.net/layout/home2.html

<HTML>
<HEAD>  
<TITLE>Welkom op Platzak.net, de website van Thomas</TITLE>
</HEAD>

<BODY bgcolor="#2E6FE5">

<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">

<TR><TD style="height:30"></TD></TR>

<TR><TD style="width:220"></TD>
<TD>
<a href="/layout/filling.html" target="main">
<img src="/pic/11.jpg" width="120" height="120" alt="Ik" border="0"></a>
</TD>
<TD>
<a href="/layout/filling.html" target="main">
<img src="/pic/22.jpg" width="120" height="120" alt="Hobby" border="0"></a>
</TD>
<TD>
<a href="/layout/filling.html" target="main">
<img src="/pic/33.jpg" width="120" height="120" alt="Foto's" border="0"></a>
</TD></TR>

<TR><TD style="width:220"></TD>
<TD>
<a href="/layout/filling.html" target="main">
<img src="/pic/4.jpg" width="120" height="120" alt="filling" border="0"></a>
</TD>
<TD>
<a href="/layout/filling.html" target="main">
<img src="/pic/5.jpg" width="120" height="120" alt="filling" border="0"></a>
</TD><TD>
<a href="/layout/filling.html" target="main">
<img src="/pic/6.jpg" width="120" height="120" alt="filling" border="0"></a>
</TD></TR>

<TR><TD style="width:220"></TD>
<TD>
<a href="/layout/filling.html" target="main">
<img src="/pic/7.jpg" width="120" height="120" alt="filling" border="0"></a>
</TD>
<TD>
<a href="/layout/filling.html" target="main">
<img src="/pic/8.jpg" width="120" height="120" alt="filling" border="0"></a>
</TD>
<TD>
<a href="/layout/filling.html" target="main">
<img src="/pic/9.jpg" width="120" height="120" alt="home" border="0"></a>
</TD></TR>

</TABLE>
</BODY>
</HTML>

Intel Core i7-4790, 16GB DDR3-1600, 512GB SSD, GTX2060

zondag 22 april 2007 10:24

Acties:

BalusC

Carpe diem

Ligt idd aan IE. Haal de whitespace bij de td's weg

zondag 22 april 2007 10:51

Acties:

Smht

Topicstarter

BalusC schreef op zondag 22 april 2007 @ 10:24:
Ligt idd aan IE. Haal de whitespace bij de td's weg

Thank you! Dat doet het hem. Heb nu achter de regel <img src=.....> </TD> gezet en dan heb je die verrekte regels er niet tussen zitten...

...Maar dit gaat toch wel beetje tegen de principes van HTML in, aangezien lege ruimtes niet mee horen te tellen... leest IE dat dan net weer wat anders?

Intel Core i7-4790, 16GB DDR3-1600, 512GB SSD, GTX2060

zondag 22 april 2007 11:09

Acties:

Joolee

Smht schreef op zondag 22 april 2007 @ 10:51:
[...]

Thank you! Dat doet het hem. Heb nu achter de regel <img src=.....> </TD> gezet en dan heb je die verrekte regels er niet tussen zitten...

...Maar dit gaat toch wel beetje tegen de principes van HTML in, aangezien lege ruimtes niet mee horen te tellen... leest IE dat dan net weer wat anders?

Heel IE gaat tegen de principes van HTML in. Beginnend web coders denken vaak dat het moeilijk is om een website te laten werken in FF en Opera. Maar als je wat verder komt merk je snel genoeg dat het juist IE is die alle standaarden aan zijn laars lapt.

zondag 22 april 2007 11:35

Acties:

orf

Waarom gebruik je een table?
De images laten floaten geeft hetzelfde resultaat met minder markup.

zondag 22 april 2007 12:00

Acties:

Smht

Topicstarter

orf schreef op zondag 22 april 2007 @ 11:35:
Waarom gebruik je een table?
De images laten floaten geeft hetzelfde resultaat met minder markup.

Omdat dat bij CSS hoort?

Ik weet dat er heel veel redenen zijn om over te stappen op Stylesheets, maar op het moment doet deze website wat ik wil in HTML. Daarbij komt dat dit mijn eerste site is en dat ik op deze manier mij tot nu toe alles stap voor stap in mijn vrije tijd aanleer.

Wees gerust, zodra ik tijd heb, dan zal ik alles naar CSS omzetten (wordt het alleen maar mooier op

)

Intel Core i7-4790, 16GB DDR3-1600, 512GB SSD, GTX2060