Text below image

jeanm · 03-31-2011, 11:55 PM

I have text underneath most images on my web site, see http://www.cheap-and-easy-recipes.com. With most browsers this appears just as I want it to. However with IE any images on the right side of the page have the first word out of place - it slips itself up to the right of the image.

Could someone please tell me how I could fix this? The css code is at http://www.cheap-and-easy-recipes.com/newstyle.css

Thanks in advance.

ronaldroe · 04-01-2011, 03:52 AM

First, you'll need to set that text inside some element, like <p>. Then, give that <p> a class, and in that class, set clear:right;

That should take care of it.

jeanm · 04-01-2011, 04:39 AM

Thank you ronaldroe. Much appreciated.

jeanm · 04-01-2011, 12:41 PM

I started wondering how I could have missed such a glaring error a month and a half ago when I re-made the site. At that time I was testing everything on various browsers. This seemed quite odd that I could have missed it. Then it got me thinking about the first site that I had re-made earlier this year. The problem should have been on that site too seeing as I modelled one almost exactly on the other. So, I checked out the former site. All the pages I made up earlier this year with the same style code have their text in exactly the correct spot on IE. However, newer pages that I have been working on today for that same site have the fault in them. Look at this:

Code works perfectly here on this older page:
http://www.railway-train-travel.com....an-kremlin.php

But not here on the page I worked on today:
http://www.railway-train-travel.com....pal-bhutan.php

I'm using exactly the same divs in which to put the images and texts. The images are exactly the same size.

The css for this site is here: http://www.railway-train-travel.com.au/newstyle.css

It all looks fine on other browsers but not IE. How come I'm using the same code but getting different outcomes dependent on when the page was created?

I would really appreciate everyone's input on this please. I can't create any more pages until I get this sorted out.

websonalized · 04-06-2011, 04:30 AM

The text under the images of the first website look the same to me in chrome or IE.

How exactly would you want the text to be displayed?

03-31-2011, 11:55 PM	#1
jeanm Silver Member Join Date: Oct 2010 Location: Bunbury, Western Australia Posts: 114	Text below image I have text underneath most images on my web site, see http://www.cheap-and-easy-recipes.com. With most browsers this appears just as I want it to. However with IE any images on the right side of the page have the first word out of place - it slips itself up to the right of the image. Could someone please tell me how I could fix this? The css code is at http://www.cheap-and-easy-recipes.com/newstyle.css Thanks in advance.

04-01-2011, 03:52 AM	#2
ronaldroe Platinum Member Join Date: Jan 2011 Location: Oklahoma City, OK Posts: 676	First, you'll need to set that text inside some element, like <p>. Then, give that <p> a class, and in that class, set clear:right; That should take care of it. __________________ Ronald Roe Small Business Web Design

04-06-2011, 04:30 AM	#5
websonalized Bronze Member Join Date: Mar 2011 Location: California, United States Posts: 92	The text under the images of the first website look the same to me in chrome or IE. How exactly would you want the text to be displayed? __________________ small business web design \| small business web design Los Angeles \| web design \| web design los angeles

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

04-01-2011, 04:39 AM	#3
jeanm Silver Member Join Date: Oct 2010 Location: Bunbury, Western Australia Posts: 114	Thank you ronaldroe. Much appreciated.

04-01-2011, 12:41 PM	#4
jeanm Silver Member Join Date: Oct 2010 Location: Bunbury, Western Australia Posts: 114	I started wondering how I could have missed such a glaring error a month and a half ago when I re-made the site. At that time I was testing everything on various browsers. This seemed quite odd that I could have missed it. Then it got me thinking about the first site that I had re-made earlier this year. The problem should have been on that site too seeing as I modelled one almost exactly on the other. So, I checked out the former site. All the pages I made up earlier this year with the same style code have their text in exactly the correct spot on IE. However, newer pages that I have been working on today for that same site have the fault in them. Look at this: Code works perfectly here on this older page: http://www.railway-train-travel.com....an-kremlin.php But not here on the page I worked on today: http://www.railway-train-travel.com....pal-bhutan.php I'm using exactly the same divs in which to put the images and texts. The images are exactly the same size. The css for this site is here: http://www.railway-train-travel.com.au/newstyle.css It all looks fine on other browsers but not IE. How come I'm using the same code but getting different outcomes dependent on when the page was created? I would really appreciate everyone's input on this please. I can't create any more pages until I get this sorted out.