Webmaster Forum

Sponsored Reviews   PR6 Link Building Service   V7N Directory
Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Coding Forum Problems with your code? Let's hear about it.

Reply
 
LinkBack Thread Tools Display Modes
Old 01-20-2008, 03:59 AM   #1 (permalink)
Junior Member
 
Join Date: 01-20-08
Posts: 2
iTrader: 0 / 0%
Latest Blog:
None

idahoscuba is liked by many
Adding a column in .css

Hi,
I have created a new website at www.vrtours360.com. I am very new to web design. I have the site up and working fine now, however I would like to add another column on the left side of my home page. I have tried adding div here and there (trial and error) but it usually just blows something else off of the page.

As you can see this is a dynamic website. There are two files involved with the home page. Main.html and style.css

If anyone can give me any code example of how to add a 200px column on the left side that would be great.

Thanks

Last edited by Cricket : 01-20-2008 at 05:47 PM.
idahoscuba is offline  
Add Post to del.icio.us
Reply With Quote
Sponsored Links
SEO Hosting by HostGator  Advertise Here  Buy Blog Links
Old 01-21-2008, 02:39 AM   #2 (permalink)
Contributing Member
 
Join Date: 09-03-07
Location: England
Posts: 358
iTrader: 0 / 0%
Latest Blog:
None

Boogle is liked by somebodyBoogle is liked by somebodyBoogle is liked by somebodyBoogle is liked by somebodyBoogle is liked by somebody
this would involve making your body_wrapper an actual wrapper and inside it, floating one div to the left and one div to the right, and then inserting a floating fix div.

i.e.
Code:
<div id="body_wrapper"> <div id="newLeftColumn" style="float:left; width:200px;"></div> <div id="currentColumn" style="float:right;"></div> (AND ALL YOUR PREVIOUS STYLES) <div class="floatFix" style="height:0; visible:hidden; clear:both;"></div> </div> </div>
that is in essence what you need to do. Give it a try and let me know.

Boog's
__________________
Price is what you pay... Value is what you get.
Boogle is offline  
Add Post to del.icio.us
Reply With Quote
Old 01-21-2008, 02:48 AM   #3 (permalink)
Junior Member
 
Join Date: 01-20-08
Posts: 2
iTrader: 0 / 0%
Latest Blog:
None

idahoscuba is liked by many
Thanks for the reply!

Thanks for the reply.
I'll show you the two files driving this page. I just want to be sure where exactly to replace the code.

Main.html:

css
Attached Files
File Type: txt main.txt (3.2 KB, 17 views)
File Type: txt css.txt (6.4 KB, 40 views)

Last edited by G10 : 01-23-2008 at 02:30 AM. Reason: Placed code in txt files :-)
idahoscuba is offline  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby > 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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
css column margin trouble I like pie Coding Forum 7 07-14-2007 09:42 PM
display column sum waffles Coding Forum 3 07-04-2006 01:09 PM
select where column is number jg_v7n Coding Forum 2 05-03-2005 11:19 AM


Sponsor Links
Get exposure! Get exposure! Find Scripts Web Hosting Directory Get exposure! SEO Blog


All times are GMT -7. The time now is 08:51 PM.
© Copyright 2008 V7 Inc


Search Engine Optimization by vBSEO 3.1.0 ©2007, Crawlability, Inc.