Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 05-14-2009, 03:53 PM   PM User | #1
evansonuk
New to the CF scene

 
Join Date: May 2009
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
evansonuk is an unknown quantity at this point
help for beginner please!!

Hi there...im new to this web game so some assistance would be hugely appreciated...

I am designing a portfolio home page...and want to horizontally align some divs across the center of the page.

I have included the HTML i have written, but i cannot figure out what i should use to get the links aligned right...they are currently stacked on top of each other in a browser..

--------------------------

<div class="stage"></div>
<div class="links clearfix">
<div class="home_column bigTarget">
<h4><a href="http://thinkpodstudio.com/work" title="Work">Work</a></h4>
<p class="small"><a href="http://thinkpodstudio.com/work" title="Work">Coming Soon...</a></p>
<a href="http://thinkpodstudio.com/work" title="Work"><img class="work" src="images/work.png" alt="Work" /></a>
</div>
<div class="home_column bigTarget">

<h4><a href="http://thinkpodstudio.com/proposal_planner" title="Proposal Planner">Proposal Planner</a></h4>

<p class="small"><a href="http://thinkpodstudio.com/proposal_planner" title="Proposal Planner">Helping Us help you</a></p>
<a href="http://thinkpodstudio.com/proposal_planner" title="Proposal Planner"><img class="Proposal Planner" src= "images/proposal planner.png" alt="Proposal Planner" /></a>

</div>

<div class="home_column bigTarget">
<h4><a href="http://thinkpodstudio.com/thinkpod_lounge" title="Thinkpod">Thinkpod</a></h4>
<p class="small"><a href="http://thinkpodstudio.com/thinkpod_lounge" title="Thinkpod_lounge">What the hell is a thinkpod?</a></p>
<a href="http://thinkpodstudio.com/thinkpod_lounge" title="Thinkpod Lounge"><img class="lounge" src="images/thinkpod.png" alt="Thinkpod Lounge" /></a>
</div>

<div class="home_column bigTarget">
<h4><a href="http://twitter.com/thinkpodstudio" title="Twitter" rel="external">Follow me on Twitter</a></h4>
<p class="small">I'm a twittering mess</p>
<img class="contact" src="images/twitter.png" alt="Follow me on twitter" />
</div>
</div><!-- Close links -->

--------------------------

Any help would be a huge help...

Thanks
evansonuk is offline   Reply With Quote
Old 05-14-2009, 05:23 PM   PM User | #2
Fisher
Regular Coder

 
Join Date: Jan 2009
Posts: 316
Thanks: 7
Thanked 92 Times in 91 Posts
Fisher is on a distinguished road
It would help to see your CSS as well, but this should work:

Code:
.home_column {float:left;}
Fisher is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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


All times are GMT +1. The time now is 02:13 PM.


Advertisement
Log in to turn off these ads.