CSS Aligning

[Wesley]

I'm in the middle of learning css and applying it to the site and I am trying to figure out how I can align to the left, align to the right, to the middle, and how to state the height and the width using css.

I have looked on various sites and all I can seem to find is some info on margins. I'm really new to css and any help would be great. If you could check out my site using the validation checker and explain some of my errors for me and how to correct them that would be fantastic.

Wes

PS. I maybe being really stupid here, so I apologize

[FXDesigns]

Well i know to center a div you have to put this css:

Code: Select all

#div{
margin: 0 auto;
}

Hope that helps, also, what is your site?

[Wesley]

Ok, well I'll give it a go thanks. Just need to find out now how to left align, right align, height, and width.

Wes

[karinne]

Well ... it depends on what you want to achieve. To align text left, right or center, just use the text-align property.

As for height and width ... well ... those properties exists in css as well.

[Wesley]

Hi Karinne,

It's the same issue with the validator that I was talking about the other week. I have used the strict doctype you suggested and I have begun to edit it to correct the errors and one of the errors that shows up is using text alignment and the height and width of tables. It says I need to use css to get the same the same effect.

I need to figure out what code I need to use to align to the left, to the right, to the center, and also the width and height issues.

[karinne]

Could you post the link again?

[FXDesigns]

Do you want to align tables?

[Jack Franklin]

You need to asign things using CSS. EG:
Instead of

Code: Select all

<table height="400">

Use CSS!

Code: Select all

table {
height: 400px;
}

HTH

[Wesley]

Karinne,

The link is www.weightgain4you.com

Thanks

[Wesley]

FX Design,

I am talking about everything, not just tables. Text, images, tables, etc.

Wes

[Wesley]

jackfranklin,

cheers for that. Were is that written? Is it in the actual stylesheet itself? If so, how to you apply it to the table you want to align?

Cheers,
Wes

[Jack Franklin]

You add the CSS to the stylesheet. To apply it to all tables, you would just use:

Code: Select all

table {
width: 400px;
}

Or to use it on a specific table, you could give the table an id in the HTML:

Code: Select all

<table id="table1">

And apply the CSS to just the table with that id:

Code: Select all

#table1 {
width: 400px;
}

[Wesley]

ok, jack thanks for that. What abou text, and image alignment? I need to know how to do the height and the width for the same.

[Jack Franklin]

Images can be done using a similar style. To style all images:

Code: Select all

img {
style for images here
}

Or can give the image an id :

Code: Select all

<img src="path/to/image.jpg" id="image">

And style like so:

Code: Select all

#image {
...
}

For text just use the text-align CSS property.

[Wesley]

cheers, so let have a go at writing some down and tell me if I'm on the right track

If I wanted to align all tables to the left I would write:

table {
align: left;
}

[Wesley]

jack,

would you mind checking out some of the errors in validator?