PDA

Click to See Complete Forum and Search --> : line help

ajkiwi88
07-25-2006, 09:10 AM
hi how do i get the line to stretch all the way across the screen??

bellow is my current code

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
<style type="text/css">
div#line {background-image: url("line.jpg");
width:100%;
height:50px;
left:0px;
}

</style>
</head>

<body bgcolor="#000000" text="#FFFFFF">

<p><img border="0" src="logo.jpg" width="400" height="150"></p>
<div id="line" style="width: 1009; height: 47"> </div>
</body>

</html>


cyaz
andy
The Little Guy
07-25-2006, 09:25 AM
try

body{
background-image: url('line.jpg');
background-repeat: repeat-x;
background-position: 0px 20px;
}
Siddan
07-25-2006, 09:31 AM
well you obviously want the image line.jpg to stretch. I donīt know what that image looks like but you can try making it reapeat horisontally, if that will saitisfy you

background: url("line.jpg") repeat-x
Centauri
07-25-2006, 10:02 AM
css:
.line {width:100%; height:40px;}

html:
<img class="line" src="line.jpg">