Vortex
09-02-2006, 12:49 PM
Im making a website that is going to exist only of xhtml and css.
Not even one table involved. :icon_mrgreen:
But ive got a little problem.
I had made acolumn with css and I wanted a border around it, but the border wont show.
Here's my code(the parts about the border are indicated):
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Alpha Gaming NS :: home</title>
<link rel="shortcut icon" href="http://www.alphagaming.net/images/favicon.ico" />
<style type="text/css">
<!--
/*********** Body and table settings ***********/
body {
margin: 0;
padding: 0;
background-color: black;
font-family: verdana, arial, sans-serif;
font-size: 8pt;
color: #999999;
line-height: 150%;
}
td {
text-align: left;
vertical-align: top;
font-family: verdana, arial, sans-serif;
font-size:8pt;
color:#999999;
}
/*********** Font and hr settings ***********/
a:link,a:active,a:visited {
color : #3187aa; text-decoration: none;
}
a:hover {
text-decoration: underline;
color : #3187aa;
}
hr {
height: 1px;
border: solid #454545 0px;
border-top-width: 1px;}
/*********** CSS positioning ***********/
#leftmenu {
position: absolute;
left: 0px;
width: 185px;
margin: 0px;
padding: 0px;
}
#rightmenu {
position: absolute;
right: 1px;
width: 185px;
margin: 0px;
padding: 0px;
}
#middlecolumn {
width: auto;
margin: 5px 190px 5px 190px;
/*********** Content variables ***********/
#leftcontent {
text-align:right;
margin: 5px 5px 5px 0px;
padding: 5px;
font-size: 75%;
border-right: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
border-top: 1px solid #ff0000;
background-image:url(images/185x175bg.gif);
width: 170px;
height: 250px;
}
#rightcontent {
text-align:left;
margin: 5px 0px 5px 5px;
padding: 5px;
font-size: 65%;
border-left: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
border-top: 1px solid #ff0000;
background-image:url(images/175bg_tile.gif);
width: 170px;
height: 557px;
}
#content {
min-height: 544px; /* IE won't recognise this, HACK below to fix it */
text-align:left;
font-size: 70%;
color: #FFFFFF;
padding: 5px;
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
border-bottom: 1px solid #FF0000;
}
/* For Internet Explorer Only (HACK)*/
* html #content { /* only IE will read this section */
height: 550px; /* height in IE is what min-height is in all CSS standard compliant browsers */
}
#contentTopWrap1 {
background: url(images/writing_bg_fill.gif) top;
}
#contentTopWrap2 {
background: url(images/writing.gif) left top no-repeat;
}
#contentTopWrap3 {
height: 49px;
background: url(images/writing_rhs_tab.gif) right top no-repeat;
}
-->
</style>
</head>
<body>
<?php include("banner.php"); ?>
<br>
<div id="leftmenu"> <img src="images/main_menu_header.gif" alt="Navigation" width="185" height="35">
<div id="leftcontent">
<a href="http://www.alphagaming.net/home.php">Home</a><br>
<a href="http://www.alphagaming.net/about.php">About AG</a><br>
Member list<br>
Enlist<br>
Match stats<br>
<br>
<a href="http://www.alphagaming.net/amx bans">Server Bans</a><br>
Server Statistics<br>
<br>
Community<br>
<a href="http://forums.alphagaming.net/downloads.php">Downloads</a><br>
Donations<br>
</div>
</div>
<div id="rightmenu"> <img src="images/misc_header_rhs.gif" alt="Miscellaneous" width="185" height="35">
<div id="rightcontent">
</div>
</div>
<div id="middlecolumn">
<div id="contentTopWrap1"><div id="contentTopWrap2"><div id="contentTopWrap3"></div></div></div>
<div id="content">
<? include("forumnews.php"); ?>
</div>
<br>
<br>
<center>Copyright© 2006- 2007, alphagaming.net</center>
<br>
Why dont the borders show?
Thanks for any help. :D
Not even one table involved. :icon_mrgreen:
But ive got a little problem.
I had made acolumn with css and I wanted a border around it, but the border wont show.
Here's my code(the parts about the border are indicated):
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Alpha Gaming NS :: home</title>
<link rel="shortcut icon" href="http://www.alphagaming.net/images/favicon.ico" />
<style type="text/css">
<!--
/*********** Body and table settings ***********/
body {
margin: 0;
padding: 0;
background-color: black;
font-family: verdana, arial, sans-serif;
font-size: 8pt;
color: #999999;
line-height: 150%;
}
td {
text-align: left;
vertical-align: top;
font-family: verdana, arial, sans-serif;
font-size:8pt;
color:#999999;
}
/*********** Font and hr settings ***********/
a:link,a:active,a:visited {
color : #3187aa; text-decoration: none;
}
a:hover {
text-decoration: underline;
color : #3187aa;
}
hr {
height: 1px;
border: solid #454545 0px;
border-top-width: 1px;}
/*********** CSS positioning ***********/
#leftmenu {
position: absolute;
left: 0px;
width: 185px;
margin: 0px;
padding: 0px;
}
#rightmenu {
position: absolute;
right: 1px;
width: 185px;
margin: 0px;
padding: 0px;
}
#middlecolumn {
width: auto;
margin: 5px 190px 5px 190px;
/*********** Content variables ***********/
#leftcontent {
text-align:right;
margin: 5px 5px 5px 0px;
padding: 5px;
font-size: 75%;
border-right: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
border-top: 1px solid #ff0000;
background-image:url(images/185x175bg.gif);
width: 170px;
height: 250px;
}
#rightcontent {
text-align:left;
margin: 5px 0px 5px 5px;
padding: 5px;
font-size: 65%;
border-left: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
border-top: 1px solid #ff0000;
background-image:url(images/175bg_tile.gif);
width: 170px;
height: 557px;
}
#content {
min-height: 544px; /* IE won't recognise this, HACK below to fix it */
text-align:left;
font-size: 70%;
color: #FFFFFF;
padding: 5px;
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
border-bottom: 1px solid #FF0000;
}
/* For Internet Explorer Only (HACK)*/
* html #content { /* only IE will read this section */
height: 550px; /* height in IE is what min-height is in all CSS standard compliant browsers */
}
#contentTopWrap1 {
background: url(images/writing_bg_fill.gif) top;
}
#contentTopWrap2 {
background: url(images/writing.gif) left top no-repeat;
}
#contentTopWrap3 {
height: 49px;
background: url(images/writing_rhs_tab.gif) right top no-repeat;
}
-->
</style>
</head>
<body>
<?php include("banner.php"); ?>
<br>
<div id="leftmenu"> <img src="images/main_menu_header.gif" alt="Navigation" width="185" height="35">
<div id="leftcontent">
<a href="http://www.alphagaming.net/home.php">Home</a><br>
<a href="http://www.alphagaming.net/about.php">About AG</a><br>
Member list<br>
Enlist<br>
Match stats<br>
<br>
<a href="http://www.alphagaming.net/amx bans">Server Bans</a><br>
Server Statistics<br>
<br>
Community<br>
<a href="http://forums.alphagaming.net/downloads.php">Downloads</a><br>
Donations<br>
</div>
</div>
<div id="rightmenu"> <img src="images/misc_header_rhs.gif" alt="Miscellaneous" width="185" height="35">
<div id="rightcontent">
</div>
</div>
<div id="middlecolumn">
<div id="contentTopWrap1"><div id="contentTopWrap2"><div id="contentTopWrap3"></div></div></div>
<div id="content">
<? include("forumnews.php"); ?>
</div>
<br>
<br>
<center>Copyright© 2006- 2007, alphagaming.net</center>
<br>
Why dont the borders show?
Thanks for any help. :D