Jump to content

Newspaper style column help!


swoonvin
 Share

Recommended Posts

I just started learning html, css. js and found it challenging and fun.

 

I'm trying to practice my css and I'm stuck at columns.

 

I wanted the page to look like newspaper but can't move each sections the way I wanted it to be.

 

I'm trying to make it so that there's sidebar on each side of the main image and columns.

 

any suggestions? what am I doing wrong??

 

http://www.soonbinan.com/6_1_AN.html

6_1_AN.html

Edited by swoonvin
Link to comment
Share on other sites

The first thing you need to do is use valid code. what you have there ids full of errors primarily caused by the missing doctype which cause the validator and the browsers to use an HTML transitional doctype which is virtually obsolete and does not support many of the tags you are using.

 

Then you go to the reference area of this site for information about the use of CSS multi-column properties: http://www.w3schools.com/css/css3_multiple_columns.asp

 

One other thing. CSS belongs in external files not coded directly in the page.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...