PDA

View Full Version : Can someone please help


ciscomech
January 26th, 2005, 12:25 AM
Ok this is the problem im trying set up an intro page with only text and an image... this (http://www.landsofprii.net.ms/) is my website and so far this


DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Lands of P.R.I.I.</title>
</head>
<style type="text/css">
A:LINK {TEXT-DECORATION: underline; color: #D00000; cursor: crosshair;}
A:VISITED {TEXT-DECORATION: underline; color: #D00000; cursor: crosshair;}
A:ACTIVE {TEXT-DECORATION: underline; color: #D00000; cursor: crosshair;}
A:HOVER {TEXT-DECORATION: none; COLOR: #D00000; cursor: crosshair; border: 2px solid #990D00; text-transform:UPPERCASE}
BODY {
background: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #990D00;
scrollbar-highlight-color: #990D00;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #990D00;
cursor: crosshair;}
td, p, div{font-family: Arial;
font-size: 12px;
color: #990D00;}
</style>
<body>
<p>
<a href="main.html">
<img border="0" src="yinyang_wood.JPG" align="center" width="294" height="347"></a></p>
</body>
</html>

is the stuff for it. All i need help on i getting everything to be automatically in the center of the page and for ppl using mozzila or firefox or whatever to be able to see my border when they put the mouse over it. And plz can you tell me if the code needs to be cleaned up any?.
Gazler
January 26th, 2005, 11:47 AM
DIV.x {
position:absolute;
left:50%;
top:50%;
width:294px;
margin-left:-147px;
background-color:#6699CC;
}





<body>
<p>
<div id="x">
<a href="main.html">
<img border="0" src="yinyang_wood.JPG" align="center" width="294" height="347"></a>
</div>
</p>
</body>
</html>
ciscomech
January 26th, 2005, 12:17 PM
ok this
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">

<title>Lands of P.R.I.I.</title>
</head>
<style type="text/css">
A:LINK {TEXT-DECORATION: underline; color: #D00000; cursor: crosshair;}
A:VISITED {TEXT-DECORATION: underline; color: #D00000; cursor: crosshair;}
A:ACTIVE {TEXT-DECORATION: underline; color: #D00000; cursor: crosshair;}
A:HOVER {TEXT-DECORATION: none; COLOR: #D00000; cursor: crosshair; border: 1px solid #990D00; text-transform:UPPERCASE}
BODY {
background: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #990D00;
scrollbar-highlight-color: #990D00;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #990D00;
cursor: crosshair;}
td, p, div{font-family: Arial;
font-size: 12px;
color: #990D00;}
</style>
DIV.x {
position:absolute;
left:50%;
top:50%;
width:294px;
margin-left:-147px;
background-color:#6699CC;
}





<body>
<p>
<div id="x">
<a href="main.html">
<img border="0" src="yinyang_wood.JPG" align="center" width="294" height="347"></a>
</div>
</p>
</body>
</html> is what i got right... but this (http://www.landsofprii.net.ms) is what it looks like.
Gazler
January 27th, 2005, 05:02 AM
ok, this is a nasty way to do it, but it'll work.



<p align="center">
b0b0
January 27th, 2005, 05:13 AM
of course you wan to validate your xhtml! :shifty: so put this in your BODY tag.


text-align: center;
margin: 20px auto 20px;

the text-align is an iexplorer bug, and is thus needed to center everything.