Make my Html Page Look better?

K

kerry

New member
I have a html page which the codes is below... im not so good with css but i want to center the entire page and put a border around it to make it look a little better..
need help how would i do it?
here is the page i created:

<html>
<body>
<h1>PRODUCTS</h1>
<script type="text/javascript">
var xmlDoc;
if (window.XMLHttpRequest)
{
xmlDoc=new window.XMLHttpRequest();
xmlDoc.open("GET","try.xml",false);
xmlDoc.send("");
xmlDoc=xmlDoc.responseXML;
}
// IE 5 and IE 6
else if (ActiveXObject("Microsoft.XMLDOM"))
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load("try.xml");
}

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(x.getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
document.write("</tr><td>");
document.write(x.getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</tr></td>");
document.write("<tr><td>");
document.write(x.getElementsByTagName("COUNTRY")[0].childNodes[0].nodeValue);
document.write("<tr><td>");
document.write(x.getElementsByTagName("PRICE")[0].childNodes[0].nodeValue);
}
document.write("</table>");
</script>

</body>
</html>
 
This should do the trick if you add it in between the <html> and <body> tags:

<head>
<title>Put whatever title you want for your page here</title>
<style type="text/css">
body
{
border-style: solid;
border-width: 100%;
border-color: red;
text-align: center;
}
</style>
</head>

Or here's another if that's not what you were after:

<head>
<title>Put whatever title you want for your page here</title>
<style type="text/css">
body
{
border-style: solid;
border-width: 100%;
border-color: red;
margin: 10%;
padding: 2%;
}
</style>
</head>

Feel free to play with the border-color to make it something other than red, or change around the percentages to see if you can make it your page look even better.
 
Back
Top