943,723 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > Float Not working
Ad:
Permalink
Nov 3rd, 2008
0

Float Not working

Expand Post »
I have a websie I have been designing and the image float isn't working.

It was fine with aliggn="right" on my system but on smaller screens with ie the image was n top of the writing.

I have tried with theimage placed with in the text below and on top but i can't make it work.

Im sure its something dumb but i can't find it.

http://www.s263871150.websitehome.co.uk/gdc.html

HTML and CSS Syntax (Toggle Plain Text)
  1. <a href="http://www.garden-design.co.uk/index1.html" target="_blank"><img src="images/gdc1.jpg" alt="Garden Design Company" width="300" height="185" float="right" /></a>
  2. 		<p>This is a Flash based website made for a high end garden design and construction company. The owners wanted the site to reflect the up to date nature of their services whilst making the site as easy to navigate and informative as possible. <i>Please Click the Image to view this site</i></p>
  3.  
  4.   </div>

css is here http://www.s263871150.websitehome.co...late_style.css

any help would be much appreciated.

Dave
Similar Threads
Reputation Points: 10
Solved Threads: 0
Junior Poster
kained is offline Offline
126 posts
since May 2004
Permalink
Nov 3rd, 2008
0

Re: Float Not working

hey dave,

if you try telling your div#content in ur css to float left and lose the 200px left padding (maybe try 20 or so), that should work.

Fost
Reputation Points: 10
Solved Threads: 0
Newbie Poster
Fost is offline Offline
9 posts
since Apr 2008
Permalink
Nov 4th, 2008
0

Re: Float Not working

That hasn't worked and the cv part of the site is now not working properly. The purple box should extend with the text.

http://www.s263871150.websitehome.co.uk/cv.html

ah okay the box thing works in IE but no firefox or opera. But still no text wrap around. Any ideas?

I don't think i have explined myselfvey wel. What i want to happen is the text on say http://www.s263871150.websitehome.co.uk/london.html to wrap around the main graphic rather then be underneath.




dave
Last edited by kained; Nov 4th, 2008 at 4:26 am.
Reputation Points: 10
Solved Threads: 0
Junior Poster
kained is offline Offline
126 posts
since May 2004
Permalink
Nov 4th, 2008
0

Re: Float Not working

hey dave, well i checked out your page again and the float seems to be working unless i dont understand your problem. Anyways, the problem with the purple box, add 'overflow: hidden;' to your div#wrapper class and the purple box should extend to contain ur text.

fost
Reputation Points: 10
Solved Threads: 0
Newbie Poster
Fost is offline Offline
9 posts
since Apr 2008
Permalink
Nov 4th, 2008
0

Re: Float Not working

This may or may not be the problem, but it is not valid:
html Syntax (Toggle Plain Text)
  1. <img src="images/gdc1.jpg" alt="Garden Design Company" width="300" height="185" float="right" />
should be:
html Syntax (Toggle Plain Text)
  1. <img src="images/gdc1.jpg" alt="Garden Design Company" width="300" height="185" style="float:right" />
Reputation Points: 232
Solved Threads: 137
Practically a Master Poster
buddylee17 is offline Offline
665 posts
since Nov 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Which is best for creatring expandable menu?
Next Thread in HTML and CSS Forum Timeline: Issue with Text Wrapping with CSS





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC