Post by SportsGuyz on Jul 8, 2005 12:07:40 GMT -8
I think this is the right place to put this.
Somebody on this board told my to use CSS instead of tables so I am taking a crack at it I was wondering if anybody sees and error in my coding? And can point me in the right direction
**<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="basiclayout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper"> </div>
<div id="wrapper">
<div id="banner"></div>
</div>
</body>
</html>
**
**
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin: 0px;
padding: 0px;
text-align: center;
}
#wrapper {
background: #FFFFFF;
margin: 10px auto;
position: relative;
width: 770px;
border: 1px solid #000000;
text-align: left;
}
#banner {
height: 110px;
background-image:url(BannerCSS.jpg);
background-repeat:no-repeat;
}
**
For some reason my banner doesnt fit right just leaves a white box above it. This is my first crack at CSS, And thanks for the help.
http://img./v293/gamingheadquarters/BannerCodingproblem.jpg
-----------
<div id="wrapper"
</div>
<div id="wrapper">
<div id="banner"></div>
</div>
if I remove the > by the smile it will go in the black box but it would fit correctly there is a white box on top of the sample banner and I cant get it right.
Thanx for the help
Somebody on this board told my to use CSS instead of tables so I am taking a crack at it I was wondering if anybody sees and error in my coding? And can point me in the right direction
**<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="basiclayout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper"> </div>
<div id="wrapper">
<div id="banner"></div>
</div>
</body>
</html>
**
**
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin: 0px;
padding: 0px;
text-align: center;
}
#wrapper {
background: #FFFFFF;
margin: 10px auto;
position: relative;
width: 770px;
border: 1px solid #000000;
text-align: left;
}
#banner {
height: 110px;
background-image:url(BannerCSS.jpg);
background-repeat:no-repeat;
}
**
For some reason my banner doesnt fit right just leaves a white box above it. This is my first crack at CSS, And thanks for the help.
http://img./v293/gamingheadquarters/BannerCodingproblem.jpg
-----------
<div id="wrapper"
</div><div id="wrapper">
<div id="banner"></div>
</div>
if I remove the > by the smile it will go in the black box but it would fit correctly there is a white box on top of the sample banner and I cant get it right.
Thanx for the help
