Jump to content
Bariet

Probleem Met Tabellen Html

Recommended Posts

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Heb je met andere browser het zelfde effect?

Share this post


Link to post
Share on other sites

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 ?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...