5 replies [Last post]
JasonJJT
Offline
Regular
Last seen: 12 years 34 weeks ago
Timezone: GMT+5
Joined: 2003-08-11
Posts: 14
Points: 0
Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 2 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

CruiseCrazies Cruise Reviews, Forums, WebCams

Hi JasonJJT,
Here's one way using floats:<div style="float:left; clear:left; width:300px; height:300px; border:solid 1px #CCCCCC;"> Text</div> If you clear the same side that the box is floated to the boxes should line up vertically.

Hope that helps

JasonJJT
Offline
Regular
Last seen: 12 years 34 weeks ago
Timezone: GMT+5
Joined: 2003-08-11
Posts: 14
Points: 0

http://www.cruisecrazies.com

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 2 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

CruiseCrazies Cruise Reviews, Forums, WebCams

Hi JasonJJT
table{float:left; clear:left; width:300px; height:300px;}
should do the trick.

JasonJJT
Offline
Regular
Last seen: 12 years 34 weeks ago
Timezone: GMT+5
Joined: 2003-08-11
Posts: 14
Points: 0

 

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 2 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

CruiseCrazies Cruise Reviews, Forums, WebCams

Hi JasonJJT,
Try removing the containing table and adding a div with a set width.

div.column{width:150; } 
.head{width:100%; height:20px; background-color:#00008b; color:#FFFFFF; font-weight:bold;} 
.box{width:150px; border:solid #00008b 1px;  margin:5px; float:left; clear:left;} 
.cont{padding:5px;}

<div class="column"> 
<!--News Coding--> 
    <div class="box"> 
        <div class="head">News:</div> 
        <div class="cont"> 
To provide input as to which features you find most useful and which ones are most useless on the CruiseCrazies homepage,  
please take the survey.  
        </div> 
    </div> 
<!--News Coding Ending-->
Ok I got a bit carried away when looking at you code and started removing tables.
You should be able to carry the same idea through the rest of the tables if you wish.
Remember to close the column div and adjust the styles to suit.

Hope that helps.