Hi I am going crazy here. I am trying to sit two image links side by side and know that I should make a containing div and then put the image links in 2 containers within the holding container and float them both to the left but it just isnt working sigh!
Here is the code:
#brochureImages {
width:800px;
height:140px;
background-color:purple;}
#rightBrochure a img {
float:left;
width:120px;
margin-right: 20px;
background-color:orange;}
#leftBrochure a img{
float:left;
width:120px;
margin-right: 20px;
background-color:pink;}
Below is a screenshot of what I am getting ..
sorry screenshot didnt appear
[/URL]" />
cant seem to get the image showing
Try this: Give both images
Try this:
Give both images the same class, for example thumbnail.
Then this should be the css code for your thumbnails.
.thumbnail { float:left; width:110px; height:90px; margin:5px; }
width, height and margin are just examples.
You can change them to your liking.
Now both images are having the same class, same width, same height and same margin.
Why create different CSS lines for different images with the same properties.
This was just for cleaning up your CSS.
But the problem comes from your text.
Your text is wider then your image, resulting in lowering your second image to make it fit.
Maybe make your text smaller, or create more margin between the both images so it can get the same line-height as the first image.
Hope this helps.
Thank you so much I have
Thank you so much I have another friend in the Netherlands who is also extremely smart and very helpful, must be nice people in the Netherlands.
Happy it is solved
Happy it is solved