Jump to content

.


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.

Link to comment
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?

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...