Probleem Met Tabellen Html

[Bariet]

Hallo,

Ik ben bezig met een de tekst voor een nieuwe cache waarbij in een tabel een stuk tekst wil plaatsen naast een foto. Heb ik een foto met tekst in de tabel gaat het goed, voeg ik dan een nieuwe rij in met alleen tekst dan gaat het ook goed maar voeg ik dan een foto in wordt de tekstkolom (linkerkolom) ineens veel smaller en verschijnt er om de foto een groot wit vlak. Hieronder het stukje code. Wie kan mij helpen ?

 

<table border="2" cellpadding="2" cellspacing="0" style="text-align:left;width:100%;">

<tr>

<td style="vertical-align:top;font-family:Avenir Medium;"><small><span style="font-weight:bold;">Foto 27 N51° 39.842' E5° 36.684'</span><br /></small><br />

Je staat hier voor de fundamenten van de oudste Udense parochiekerk waarvan het oudste gedeelte vermoedelijk stamt uit de XIVe eeuw. Welke van de 3 foto's is de kerk die hier stond ? Tip : let goed op de voorzijde van de kerk en vergelijk die met de foto ! Het getal op de foto geeft de waarde voor A<br />

<br /></td>

<td><img src="https://s3.amazonaws.com/gs-geo-images/6afe5def-8892-490a-b254-ffdb45efeb09_l.png" alt="Foto 27 kerken" /></td>

</tr>

<tr>

<td><span style="font-weight:bold;">Foto 29 N51° 39.812' E5° 36.759'</span><br />

Je staat hier voor het schoolgebouw voor Lager- en Nijverheidsonderwijs Sint-Anna. In welk jaar werd deze school officieel ingezegend, het jaartal is te vinden op de voorgevel van het gebouw. Stapeltel het jaartal vermenigvuldig dit met 2 en tel er 1 bij op dit is dan B<br />

<br /></td>

<td><img src="https://s3.amazonaws.com/gs-geo-images/348ed790-f88e-45ef-9790-d029c3030692_l.png" style="width:600px;height:364px;" /></td>

</tr>

</table>

[Krijgertjes]

Als ik het goed heb gaat het mis met de foto van Sint-Anna. Daar specificeer je breedte en hoogte terwijl je dat bij de eerste foto niet doet.Misschien zit hier ergens het probleem.

d.w.z. gespecificeerde bredte en/of echte breedte van de foto.

[Bariet]

De grootte van de foto's aanpassen heeft geen enkel effect. Ook toen ik bij de eerste foto de afmetingen had staan gebeurde hetzelfde.

[Peetee]

En wat gebeurt er als je dit stuk (style="width:600px;height:364px;") gewoon weghaalt?

[Bariet]

Er verandert niets, bij het openen van de pagina zie ik hem eerst een flits groot om dan direct klein te worden

[Peetee]

Heb je met andere browser het zelfde effect?

[Bariet]

Ik heb het intussen uitgeprobeerd op een Windows computer met Firefox en daar werkt het goed, maar ik werk normaal met een iMac en MacBook met Safari. Kennelijk gaat het fout met Safari. Dus nu : is er een mogelijkheid het aan te passen ?

[brouwertjes]

Kun je niet gewoon je hele tabel incl tekst als plaatje opslaan? Dan vervolgens dit als plaatje op de listing zetten.

[Krijgertjes]

Of de foto's plaatsen met tekst eronder. Misschien een overwegeing t.b.v. paperless cachers.

[technetium]

Grondpraat verneukt je layout als ze vinden dat je afbeeldingen te groot zijn. En dat zijn jouw afbeeldingen in dit geval. Je HTML is goed, maar wat G$ er van maakt niet.

 

De opties die je hebt zijn: Kleinere foto's gebruiken: Ongeveer 300 pixels als je er twee naast elkaar wilt zetten, of de foto's onder elkaar zetten, dan heb je zo'n 600 pixels te gebruiken.

 

 

Succes met je cache.

 

Tc

[Bariet]

Ik heb een minder elegante oplossing gevonden <img src="https://s3.amazonaws...9c3030692_l.png" style="width:600px;height:364px;float:right;" /> en geen tabel te gebruiken. De tekst loopt dan om de foto heen.

[Japiejoo]

Eigenlijk is dit juist de elegante oplossing, want een tabel is niet bedoeld om als opmaak te gebruiken (al zondig ik daar zelf ook vaak tegen)