...

View Full Version : Need help with div float



CarlMartin10
02-18-2011, 11:57 AM
On this page:

http://billboardfamily.com/?theme=DeepFocus

there is a box, in which the text begins "Subscribe To Our Blog". I need it to be on the right hand side of the blog area that is currently above the box. Please advise.


Thanks in advance

abduraooft
02-18-2011, 12:11 PM
h3.recentworks {
float: right;
....
} ?

CarlMartin10
02-18-2011, 12:20 PM
h3.recentworks {
float: right;
....
} ?


I think maybe I was not clear on this one. My fault. What I want moved is the white box that has the text "Subscribe to our blog" inside it. It is AFTER the blog content. I want it to the right of the blog content, making it 2 columns

sorry for the confusion.

thanks

abduraooft
02-18-2011, 01:36 PM
Making a two column layout is pretty simple. All that you need is to set a width+float to the first "column" and a margin-left/right to the second one depending upon the direction of float, like


<div class="right">
all contents to the right column here
</div>
<div class="left">
all contents to the left column here
</div>

div.right{
float:right;
width:150px;
}
div.left{
margin-right:150px;
}

PS: There are some errors in your markup (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fbillboardfamily.com%2F%3Ftheme%3DDeepFocus), fix hem first.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum