PDA

View Full Version : div border issues. help?

wolfgrowl_123
08-09-2004, 08:27 PM
My header and left borders work, but my right one doesnt work! Anyone know why and how to fix it??

Code:
<head>
<title>Three Column CSS Layout with Header</title>
<style type="text/css">

body { background: #000000 url(http://www.geocities.com/~ymjcath/img/bkgrnd/dots3j.jpg); }
A:link { text-decoration: none }
A:visited { text-decoration: none }
A:ACTIVE { color: #ff0000; }
A:HOVER { color: #ffffff; background-color: #6633FF; }

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

#header {
margin: 20px;
padding: 5px;
height: 100px;
border-style: solid;
border-width: 5px;
border-color: #FFFFFF;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
border-style: solid;
border-width: 5px;
border-color: #FFFFFF;
}
#center {
top: 0;
margin-left: 220px;
margin-right: 240px;
}
#right {
position: absolute;
right: 25px;
top: 160px;
width: 200px;
border-syle: solid;
border-width: 3px;
border-color: #FFFFFF; }
</style>
</head>

<body>

<div id="header">
<font size="7" color="#FFFFFF" face="curlz mt">
<b>
<marquee>
<img src='http://images.neopets.com/template_images/luperun_blueL.gif'> Welcome to Draik's Page! Have a fun time! <img src='http://images.neopets.com/template_images/luperun_blueL.gif'>
</marquee>
</b>
</font>
</div>

<div id="left">

<b>Links- </b>
<p>
<p>
To Neopets:
<p>
<a href="http://www.neopets.com">
<img src="http://images.neopets.com/items/school_16.gif"></a>
<p>
To Gallery:
<p>
<a href="http://www.neopets.com/browseshop.phtml?owner=lustergrl">
<img src="http://images.neopets.com/items/purple_negg.gif">
</a>
</div>


<div id="center">
<p>
Going
<p>
Under
<p>
Major
<p>
Construction!
</div>

<div id="right">
Under
Construction
</div>

</body>
</html>
Chris
08-09-2004, 08:41 PM
Yep. you missed out a "t" in the code:


#right {
position: absolute;
right: 25px;
top: 160px;
width: 200px;
border-style: solid;
border-width: 3px;
border-color: #FFFFFF; }


Hope that works
Chris
wolfgrowl_123
08-09-2004, 08:50 PM
ooo im so stupid, thank you!
Chris
08-09-2004, 09:23 PM
Your welcome :)

Chris
pb&j
08-10-2004, 07:18 AM
this part here...
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
you seem to have forgotten to assign an html tag to it.
perhaps it is supposed to go on the BODY ?

BODY { margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
Monkey Bizzle
08-10-2004, 02:45 PM
As well as what PB&J said, i noticed something else... you forgot 2; in your links section... so, the whole first part of your CSS should look like this...

body {
background: #000000 url(http://www.geocities.com/~ymjcath/img/bkgrnd/dots3j.jpg);
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

A:link { text-decoration: none; }
A:visited { text-decoration: none; }
A:ACTIVE { color: #ff0000; }
A:HOVER { color: #ffffff; background-color: #6633FF; }

and then change the syle to sTyle like chris said and you should be good to go!