Pagina 1 van 1

afbeelding rekt niet mee

Geplaatst: 15 feb 2013, 08:15
door Schryvers
Ik heb een mobile versie geinstalleerd en hier een header afbeelding in gezet zoals te zien op de mobiele versie van de site. Deze past zich automatisch aan in de grootte wanneer je dus op een mobiel de site bezoekt of als je je browser heel klein instelt zul je zien dat de header mee verkleint.

Dat is met de functie max-width=!

Nou heb ik op het portaal 3 afbeeldingen mouse overs neer gezet maar die verkleinen wel mee, maar vergroten ook mee als je bijvoorbeeld in 1600x1200 de site bezoekt. Eigenlijk moeten die afbeeldingen maximaal tot 900 pixels uitgerekt worden, dit gebeurt wel in de mobiele versie met die header.

enkel werkt max-width hier niet en staat de width gewoon op 100%. Hoe kan ik een max stellen aan die afbeeldingen?

code uit portaal (die dus meerekt groter dan origineel)

Code: Selecteer alles

<IMG SRC="http://www.tattootalk.nl/forum3.jpg" title="foto database" name="but3" style="width: 100%;" BORDER="0">
code uit mobile site (die dus meerekt maar bij de originele grote blijft hangen)

Code: Selecteer alles

<img border="0" src="http://www.tattootalk.nl/mobileheader.gif" style="max-width: 100%;" />
als ik dus de max-width instel bij de bovenste img, dan word de afbeeldingen gewoon origineel 900pix en rekt deze niet meer mee.

Enige oplossingen?

Re: afbeelding rekt niet mee

Geplaatst: 18 feb 2013, 20:03
door Pola
Als ik de bovenste code als volgt aanpas, dan verkleint de afbeelding automatisch, maar bij vergroten zal de afbeelding niet groter worden dan de eigen breedte van de afbeelding:

Code: Selecteer alles

<IMG SRC="http://www.tattootalk.nl/forum3.jpg" title="foto database" name="but3" style="max-width: 100%;" BORDER="0">
Is dat wat je bedoelt?