max-width

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Niels

Niels

27/02/2008 15:12:00
Quote Anchor link
hey,

Ik zou foto's die ik output in mijn nieuws berichten een max-width willen meegeven.

ik gebruik daarvoor de volgende css:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
.newsFoto{
   max-width:550px;
   height:auto;
}


alleen IE negeert dit weet iemand een omweggetje om dit ook in IE werkende te krijgen?
 
PHP hulp

PHP hulp

13/03/2025 01:34:09
 
- -

- -

27/02/2008 15:36:00
Quote Anchor link
De enige manier is dit met JavaScript doen, helaas kunnen mensen dat uitzetten. Nee dus, er is geen waterdichte manier hiervoor...
 
Emmanuel Delay

Emmanuel Delay

19/06/2008 15:18:00
Quote Anchor link
als de image op de zelfde server staat (sommige servers weigeren dit anders):

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<?
$filename = 'images/foto.jpg';  // maar dan je eigen image
$max_width = 550;
list($width, $height, $type, $attr) = getimagesize($filename);

if ($width > $max_width)
  $image = '<img src="'. $filename .'" width="'. $max_width .'px" />';
else
  $image = '<img src="'. $filename .'" />';

echo $image;

?>
 
Mitchell

Mitchell

19/06/2008 15:20:00
Quote Anchor link
Max-width is zover ik weet css 3 en is daarom nog niet werkend op IE.
Die manier van Emmanuel lijkt mij het beste gewoon in de html zelf een width aangeven.
Gewijzigd op 01/01/1970 01:00:00 door Mitchell
 
B a s
Beheerder

B a s

19/06/2008 15:37:00
Quote Anchor link
Wat sommige UBB parsers nog doen is idd de image verkleinen in CSS en vervolgens een link maken naar het origineel via lightbox.
 
Emmanuel Delay

Emmanuel Delay

19/06/2008 16:12:00
Quote Anchor link
Volgens mij is max-width vooral iets wat je kan gebruiken voor een container, een div bijvoorbeeld. Dit dan in combinatie met overflow.

//html
<div class="foto">
...
</div>

//css
.foto
{
max-width: 550px;
overflow: hidden; /* of auto, ... */
}

Ik denk dat dit wel overal werkt, maar ik gebruik dit nooit, dus sla me niet dood mocht een bepaalde browser dat niet begrijpen.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.