I won't write any code here because I do not know what CSS is relevant, I'm a beginner that just picked up CSS and HTML two days ago.

The link to the website in question is to the right.

Thank you for your time!

  • Define "wrong." Nathan Duran over 6 years ago
  • Have you tested it in Chrome? What's wrong is that the third image on the right appear below the first image - but ONLY in Chrome. Sergio Tapia Gutierrez over 6 years ago

4 answers

2
points
This was chosen as the best answer

The issue lies with the tagline being floated to the right. Move it to be the first element under topmenu.

See here: http://drp.ly/17aefv

Should fix it.

Answered over 6 years ago by Gavin Hall
  • Wonderful answer and it works perfectly AND makes sense. I'm learning a lot! Sergio Tapia Gutierrez over 6 years ago
0
points

Run it through a validator, fix all the problems it finds, then try giving your images a width in addition to a height.

Answered over 6 years ago by Nathan Duran
  • the main validation errors are setting height in the html using px... Tony Crockford over 6 years ago
Doug 1095
0
points

Gavin Hall is on the right track. To elaborate: What's happening is the tagline is dropping down below the "topmenu" and getting in the way of the images. You can see the same thing in Firefox by resizing the browser window.

An alternative to reordering the source HTML is to float the images in topmenu to the left. You will then have to add a 20px margin-top to the second image, and either give the topmenu a fixed width or add clear:both to one of the following elements to control what happens when the browser window is too narrow for all three elements in topmenu to occupy the same row.

Answered over 6 years ago by Doug
Jordan 469
-1
points

Try defining a width and height for each image. For example, <img width="#" height="#"> Also, rather than using a <div> tag to enclose the three images, try putting them into a table. Something like

<table align="center" width="100%"><tr><td width="660" align="center"><img src="images/businesschart.png" alt="Profits chart in vector form" height="220px" /></td>
                        <td width="660" align="center"><img src="images/businesschart.png" alt="Profits chart in vector form" height="220px" /></td>
                        <td width="660" align="center"><img src="images/businesschart.png" alt="Profits chart in vector form" height="220px" /></td></tr></table>
Answered over 6 years ago by Jordan