HTML Validation [Archive] - Lissa Explains it All: Web Design Forums

Mega Mew

03-12-2006, 02:00 AM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<TITLE>Dragonite's Cavern</TITLE>
<META NAME="description" CONTENT="Dragonite's Cavern is a Pokémon site. We have the latest Pokémon news; while at the same time, we have news about the oldies in Pokémon.">
<META NAME="keywords" CONTENT="Dragonite, Pokemon, Pokémon, Pokemon Games, Pokémon Games, Anime, Animé">
<META NAME="author" CONTENT="Draconis Inferno">
<style type="text/css">
<!--

A:link
{ text-decoration: value; none; color: #4D9900; }
A:visited
{ text-decoration: value; none; color: #4D8000; }
A:active
{ text-decoration: value; none; color: 4d9900 }
A:hover
{ text-decoration: value; underline overline; color: #d6d600; }

background: #999900;

h1 {font-family: value; copperplate gothic light, capitals
color: value; ffff14 }

p {font-family: value; comic sans ms, verdanda
color: value; ffff14 }

body
{ background: #663333;

font-family: value; comic sans ms, verdanda
color: #ffff14 ;
letter-spacing: value; 1pt
font-weight: value; lighter
font-size: value; 12pt

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 15px;
top: 160px;
width: 200px;
}

td
{ font-family: value; arial narrow
color: #ffff14;

padding: value; 2cm

input, textarea
{ background: #663333
font-family: value; comic sans ms
color: #ffff14;
border-style: value; dotted
border-color: yellow;
border-width: valuepx; 3 }

.header { color: 660; }
.update { color:a3a300; }
</style>
</head>

<body>

<div id="header">

<align="center"><h1>..::Dragonite's Cavern::.. | Main</h1></align>

</div>

<div id="left">
<div class="header">
Sitely</div><br>
<div class="update"><a href="main.htm">..::Main::..</a></div>

</div>

<div id="center">
<align="center"><h2>..::Updates::..</h2></align>

<div class="header">Testing Update #1 3/10/2006</div>
<div class="update"> This is just a simple test</div></div>
<div id="right">

<div class="header">Affilates</div>

<div class="update">None</div>
</div>

</body>
</html>
Could someone please tell me why it's ignoring my center aligns?

HeLpM3

03-12-2006, 03:30 AM

oh ok i dont like uses paragrah align codes but you can use div they are better but anyway the problem was that you have <align="center"></align> but the correct way is <p align="center"></p>
but i put the code below using divs ok :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<TITLE>Dragonite's Cavern</TITLE>
<META NAME="description" CONTENT="Dragonite's Cavern is a Pokémon site. We have the latest Pokémon news; while at the same time, we have news about the oldies in Pokémon.">
<META NAME="keywords" CONTENT="Dragonite, Pokemon, Pokémon, Pokemon Games, Pokémon Games, Anime, Animé">
<META NAME="author" CONTENT="Draconis Inferno">
<style type="text/css">
<!--

A:link
{ text-decoration: value; none; color: #4D9900; }
A:visited
{ text-decoration: value; none; color: #4D8000; }
A:active
{ text-decoration: value; none; color: 4d9900 }
A:hover
{ text-decoration: value; underline overline; color: #d6d600; }

background: #999900;

h1 {font-family: value; copperplate gothic light, capitals
color: value; ffff14 }

p {font-family: value; comic sans ms, verdanda
color: value; ffff14; align:center }

body
{ background: #663333;

font-family: value; comic sans ms, verdanda
color: #ffff14 ;
letter-spacing: value; 1pt
font-weight: value; lighter
font-size: value; 12pt

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 15px;
top: 160px;
width: 200px;
}

td
{ font-family: value; arial narrow
color: #ffff14;

padding: value; 2cm

input, textarea
{ background: #663333
font-family: value; comic sans ms
color: #ffff14;
border-style: value; dotted
border-color: yellow;
border-width: valuepx; 3 }

.header { color: 660; }
.update { color:a3a300; }
</style>
</head>

<body>

<div id="header">

<div align="center"><h1>..::Dragonite's Cavern::.. | Main</h1></div>

</div>

<div id="left">
<div class="header">
Sitely</div><br>
<div class="update"><a href="main.htm">..::Main::..</a></div>

</div>

<div id="center">
<div align="center"><h2>..::Updates::..</h2></div>

<div class="header">Testing Update #1 3/10/2006</div>
<div class="update"> This is just a simple test</div></div>
<div id="right">

<div class="header">Affilates</div>

<div class="update">None</div>
</div>

</body>
</html>

Valkyrie

03-12-2006, 03:30 AM

There is no <align> tag.
Use <div align="center"> </div> instead.

allie

03-13-2006, 02:10 PM

You can also add this to your style sheet:

.center {
text-align: center;
}

and for anything you want centered you can just add a class:

<h1 class="center">text here</h1>

<p class="center">image here</p>