Hoe positie tekstvak in foto bepalen ?

Status
Niet open voor verdere reacties.
L

leifoet

Gebruiker
Lid geworden
7 okt 2007
Berichten
326
Doel : htm pagina met gecentreerde foto en op de foto tekstvakken.
Ik heb de foto gewoon ingevoegd en daarop tekstvakken geplaatst - opgemaakt in resolutie 800*600. (breedte foto = 750px)
Als ik evenwel de resolutie vergroot naar vb 1024* dat stel ik vast de foto gecentreerd is doch dat de tekstvakken naar links opgeschoven zijn.en bijgevolg niet meer 'passend zijn' op de foto..
Geprobeerd aan die tekstvakken 'te sleutelen' doch alles blijft zoals het was.

Wat mag de oplossing zijn ?
Dank en groeten,
Pol
 
URL?

Werk met een div en zet hierin je tekstvlakken.
Wel de nodige opties in je div instellen.
 
Hoe positie van tekstvak in foto vastleggen ?

peter vazed zei:
URL?

Werk met een div en zet hierin je tekstvlakken.
Wel de nodige opties in je div instellen.
Klik om te vergroten...

Oei, ben daar nog niet zo bedreven in.
Kan je mij aub even wegwijs maken hoe ik DIV met het tekstvak moet verbinden in dit voorbeeld ? In het tekstvak staat de tekst "test test test" - dit tekstvak staat in de foto genoemd "foto.jpg" - breedte van de foto = 750 px (bedoeling is : als de gecentreerde foto op een scherm met grotere / kleinere resolutie komt, het tekstvak steeds op dezelfde plaats staat in de foto - hetgeen met mijn onderstaande code niet het geval is.
Dank en groeten,
Pol



<body>

<div align="center">
<table border="1" cellpadding="0" cellspacing="0" width="552" height="347">
<tr>
<td height="347" width="552"><!--[if gte vml 1]><v:rect id="_x0000_s1025"
alt="" style='position:absolute;left:272.25pt;top:164.25pt;width:174pt;
height:207pt;z-index:2' strokecolor="#930">
<v:fill opacity="0"/>
<v:textbox>
<div align="center">
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center">test test test</td>
</tr>
</table>
</div>
</v:textbox>
</v:rect><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:2;left:362px;top:218px;width:238px;height:282px'><img
width=238 height=282 src="nieuwe_pagina_2133_bestanden/image001.gif" v:shapes="_x0000_s1025"></span><![endif]><img border="0" src="foto.jpg" width="750" height="562"></td>
</tr>
</table>
</div>

</body
 
URL zou prettiger zijn.
Nu heb ik alleen dit:
style='position:absolute;left:272.
maak dit relatief.
Zet je site in een container,
dit werkt prettiger voor de positionering.

:cool:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan