Help please dreamweaver novice

[dazsly]

Hello before I start let me say that im trying to learn using css and html the correct way i.e. no tables.

Could someone tell me how I would put spaces between the 3 div boxes so they are horizontal and not vertical please.

how would i create a css style for this please!

http://www.dazsly.pwp.blueyonder.co.uk


Please dont flame me, im trying to learn the right way

 

[JonD]

CSS

div#left {
float: left;
width: 200px;
}

div#middle {
margin-left: 200px;
margin-right: 200px;
}

div#right {
float: right;
width: 200px;
}

HTML

<div id="left">Left Stuff</div>
<div id="right">Right Stuff</div>
<div id="middle">Middle Stuff</div>

 

[dazsly]

Hmm im getting there! why is the right box out of position?


Thanks

http://www.dazsly.pwp.blueyonder.co.uk

 

[Mirage]

This may help, although as you're editing the same file I am unable to tell what you're after. I assume its a 3 column styled page?

http://www.neuroticweb.com/recursos/3-columns-layout/

 

[dazsly]

Yeh its similar!

Thanks Mate

Why is it such a pain to align divs on a page lol

 

[Mirage]

I know your pain, I've spent the last week basically re-learning HTML since I was a table user and haven't really made any sites since 2002.

 

[MaxPower]

I know your pain, I've spent the last week basically re-learning HTML since I was a table user and haven't really made any sites since 2002.

What exactly is the problem with using tables? I too have been away from the web dev scene for a while and have just noticed tables are frowned upon, why?

 

[Augmented]

What exactly is the problem with using tables? I too have been away from the web dev scene for a while and have just noticed tables are frowned upon, why?

Some recommended reading material:

• http://www.hotdesign.com/seybold/
• http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html
• http://www.nmk.co.uk/article/2004/02/19/Why_Tables_are_bad
• http://www.westciv.com/style_master/house/good_oil/dead_layout/

 

[MaxPower]

cheers.

 

[Augmented]

Note that the only issue is using tables for creating layouts - there's nothing at all wrong with using <table>s correctly for displaying data (http://www.456bereastreet.com/archive/200410/bring_on_the_tables/).

 

[dazsly]

Cool, thanks for the links! some interesting articles there.

I now understand the benefits of css over coding on each page.

 

[MaxPower]

Im in the process of doing some php coding and it just seemed easier to display the data in cells of a table but I can understand the benefits of using other techniques. I may be needing some getting my format the way I want it so keep your ears open guys