Jump to content
Sign in to follow this  
koby

.

Recommended Posts

you could just put them all in a div. however since images are inline, you can't define their height and width unless you change their display style to block. However this will force each picture onto a new line. I'm thinking if you put something like this in your stylesheet

img{  display-inline: block;  width: 100%;  max-width: 800px;}

this will apply to all images, so in a real site, you would probably just want this to be a class instead of selecting all images.your HTML might look like this:

<div id="image_container">  <img src="img1.jpg"></img><img src="img2.jpg"></img><img src="img3.jpg"></img></div>

see how that goes.

Share this post


Link to post
Share on other sites

there's no need to use tables. why not post the code you tried based on what I gave you? You have to learn the nature of these elements in order to understand what will and won't work. if you haven't already learned CSS, you should at least learn the basics. More specifically, how to include it from a separate stylesheet or in the head of your document. The CSS code I gave you will work if you know how to use it.http://www.w3schools.com/css/css_howto.aspedit: Just to clarify, you don't want the images to exceed 800px?

Edited by thescientist

Share this post


Link to post
Share on other sites
:)

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...