i have a design which i sliced in photoshop and as per the requirement i had to slice into 5 images and each slice had a different width however the total of the 5 images is 900px and fixed height of 200px

so each of the 5 images have a height of 200px and width with different values which add upt0 900px which is the total width of the photoshop design


i used a center layout page with the wrapper set to 900px, when i used 5 image tags all the images were sitting next to each other except for the last 5th image which was starting in the next line however in the design all should appear next to each other, i total width of the div which holds the images is
900px and also the total width of each images is 900px.


so i created 5 inner divs inside a containing div and i set the width and height of the inner divs based on the width and height of each images and this worked fine


however i tried another method of using 5 img tags inside just 1 div and in the css i mentioned
#div img{
float: left;
}

after i used this method all the images were sitting next to each other as per the design, if i remove float: left; then the last image starts in a new line


any reason why when i was using all 5 img tags with giving float: left the last image was starting in a new line as the total width is 900px

thanks.

any reason why when i was using all 5 img tags with giving float: left the last image was starting in a new line as the total width is 900px

At least a dozen.

Should we start a process of duessing which one it is? It will takes about a week to complete. we guess, you try. we guess again, you try again. And so on. Might get lucky of course and get it right first time!

OR would you simply prefer to actually show us the problem with a URI and we will probably find it pretty quickly?

so i created 5 inner divs inside a containing div and i set the width and height of the inner divs based on the width and height of each images and this worked fine

Oh brother, div-itis galore. Put your navigation into a proper LIST, because that's what it really is and style the list using CSS. You should not be using just images for a menu unless you're going to be using some image-replacement method.

alright then thanks

How Do you Stretch a Background Image in a Web PageI got the following question in a interview:

I am trying since months but I can't find a way to stretch background images in a web page.... What is the reason that it seems impossible to do? How to do

use repeat-x for x axis and repeat-y for y axis for the background image to repeat