Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 06-03-2014, 08:55 AM
spacefem spacefem is offline
Contributing Member
 
Join Date: 01-01-04
Location: Kansas, America!
Posts: 145
iTrader: 0 / 0%
divs that float around each other

This page is the most simple example of... well, what I don't like!

http://etsytrades.com/showsmall.php

See how there's a box on the right, and I want all the little boxes on the left to float around it. But at the end of the 4th row, some of the little divs try to sneak in under my right side box, and it makes this huge gap between the start of rows 4 & 5.

screenshot attached.

ugly!

I could make a hard break in the code at like the 28th box, but surely there's a better way?
Attached Thumbnails
Click image for larger version

Name:	whitespace.jpg
Views:	153
Size:	187.3 KB
ID:	18022  
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 06-03-2014, 09:54 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,707
iTrader: 5 / 100%
Try increasing the bottom margin of the yellow box in your CSS. If that doesn't work, try changing bottom margin to bottom padding. If that still doesn't work, come back.
 
Reply With Quote
  #3  
Old 07-01-2014, 11:56 AM
spacefem spacefem is offline
Contributing Member
 
Join Date: 01-01-04
Location: Kansas, America!
Posts: 145
iTrader: 0 / 0%
I've been playing with those suggestions but no. All they do is move the problem down.
 
Reply With Quote
  #4  
Old 07-14-2014, 09:30 PM
Veeramanikandan Veeramanikandan is offline
Junior Member
 
Join Date: 07-14-14
Posts: 13
iTrader: 0 / 0%
The simple solution of that problem is here.

You just increasing the margin size of the right side bar (Sign up to trade form).

(i,e)
Code:
element.style { background: none repeat scroll 0 0 #ffffcc; border: 1px solid #004040; float: right; margin: 17px; padding: 8px; width: 200px; }
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Possible Float Issue SimpleMan Coding Forum 4 01-08-2013 11:56 PM
How to Float the ads ? ipad89 AdSense 2 08-25-2012 04:05 AM
IE float issue? Foppa Coding Forum 2 06-03-2009 04:12 PM
Floating without float marc_gfx Coding Forum 6 09-22-2008 07:21 AM
Float Help x360 Coding Forum 2 07-26-2007 05:51 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 12:19 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC