HTML and CSS RSS HTML and CSS RSS

Float Not working

Reply

•
•
Join Date: May 2004
Posts: 102
Reputation: kained is an unknown quantity at this point 
Solved Threads: 0
kained kained is offline Offline
Junior Poster

Float Not working

 
0
  #1
Nov 3rd, 2008
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
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2008
Posts: 7
Reputation: Fost is an unknown quantity at this point 
Solved Threads: 0
Fost Fost is offline Offline
Newbie Poster

Re: Float Not working

 
0
  #2
Nov 3rd, 2008
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
Reply With Quote Quick reply to this message  
•
•
Join Date: May 2004
Posts: 102
Reputation: kained is an unknown quantity at this point 
Solved Threads: 0
kained kained is offline Offline
Junior Poster

Re: Float Not working

 
0
  #3
Nov 4th, 2008
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.
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2008
Posts: 7
Reputation: Fost is an unknown quantity at this point 
Solved Threads: 0
Fost Fost is offline Offline
Newbie Poster

Re: Float Not working

 
0
  #4
Nov 4th, 2008
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
Reply With Quote Quick reply to this message  
•
•
Join Date: Nov 2007
Posts: 596
Reputation: buddylee17 has a spectacular aura about buddylee17 has a spectacular aura about 
Solved Threads: 125
buddylee17's Avatar
buddylee17 buddylee17 is offline Offline
Posting Pro

Re: Float Not working

 
0
  #5
Nov 4th, 2008
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" />
Lost time is never found again.
- Benjamin Franklin
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC