Simple code to center text?

**HeadWench** · 07-03-2008, 05:12 AM

our website's host went XHTML compliant, though I know some HTML - I'm slowing fixing those minor errors... but

I can't figure out how to write a simple CSS code to center the text in our header, or how to make all my pages fonts be the same text and size!

The host gives our shopping cart an "advanced css" space to add this stuff, but I'm not getting this at all.

Do I write the html with the css (or XHTML) as <html> body etc... or?? I can't seem to figure out how to put it all together, sorry to bother everyone I'm sure this is a DUH

I'm doing alot of reading up on this website about css, and maybe this is listed somewhere I haven't read yet?

Thanks for any info, direction to point me to

(btw website is www.wenchesatwork.com) hosted by godaddy

**rangana** · 07-03-2008, 05:56 AM

To center the text, you can use:

Code:

text-align:center;

Which text do you mean? Is it "Wenches At Work Renaissance Clothing, Pirate and Wench Wear, Gypsy Glamour"?

The basic syntax for html with CSS is either of this three:
1. Inline on the head section:

Code:

<dtd>
<html>
<head><title></title>
<style type="text/css">body{background:#f00;}</style>
</head>
<body></body></html>

2. Inline in style attribute of an element:

Code:

<p style="border:1px solid #f00;">Contents</p>

3. External:

Code:


	Code:
	<dtd>
<html>
<head><title></title>
<link rel="stylesheet" type="text/css" href="sourceOFcss.css">
</head>
<body></body></html>

Hope it makes sense.

**allahverdi** · 07-03-2008, 06:14 AM

rangana, i think you mean this:

Code:

<link rel="stylesheet" type="text/css" href="sourceOFcss.css

Code:

<link rel="stylesheet" type="text/css" href="sourceOFcss.css/>

**rangana** · 07-03-2008, 06:18 AM

Ah, yes. Post edited.
Also, self-closing of the link tag is optional on HTML 4.01 as per time being.

**allahverdi** · 07-03-2008, 06:25 AM

Code:

<link rel="stylesheet" type="text/css" href="sourceOFcss.css>

LOL, now change that to this:

[CODE]

Code:

<link rel="stylesheet" type="text/css" href="sourceOFcss.css">

**rangana** · 07-03-2008, 06:30 AM

Haha, done.

**jscheuer1** · 07-03-2008, 06:32 AM

Originally Posted by rangana

Ah, yes. Post edited.
Also, self-closing of the link tag is optional on HTML 4.01 as per time being.

But not in XHTML. In XHTML, it is required.

**rangana** · 07-03-2008, 06:39 AM

Originally Posted by jscheuer1

But not in XHTML. In XHTML, it is required.

Indeed.

**jscheuer1** · 07-03-2008, 10:13 AM

Originally Posted by rangana

Indeed.

Well, it actually is not allowed in HTML 4.01 though. So this 'optional' business you were talking about is just at the behest of browser's error correcting.

Now, I know that HeadWench said that:

our website's host went XHTML compliant

So you should know that's what we are talking about, if you were reading the thread.

This makes me scratch my head though, because XHTML isn't really implemented yet in IE, so pages with that DOCTYPE can get pretty screwy in that browser, except that generally IE will parse it as error corrected HTML 4.01 strict (or maybe loose, not sure).

In fact, if truly served as xml/XHTML (via the proper prologue), IE will not display the page at all.

**rangana** · 07-03-2008, 10:36 AM

Originally Posted by jscheuer1

Well, it actually is not allowed in HTML 4.01 though. So this 'optional' business you were talking about is just at the behest of browser's error correcting.

I totally disagree.

Please see link (validated):
http://h1.ripway.com/rangana/test.htm

For further reading:
http://www.w3schools.com/XHTML/xhtml_html.asp