Hi all, this should be an easy one!
I have an dotted image that is 1px heigh, i hope to use it and a linebreak. When i run the code below it streches the image height. How do you constrain the image height to a height of 1 pixel? Here is the code that i'm using:
<head>
<title>CssCreator-->HTML 4.01 Strict Template</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
#content{
position:relative;
font: 10px Arial,sans-serif;
}
#linebreak{
background-image: url("images/linebreak.gif");
height: 1px;
}
</style>
</head>
<body>
<div id="content" > Main Content Column </div>
<div id="linebreak" >
<div id="content" > right Column </div>
</body>#linebreak{
background-image: url("images/linebreak.gif");
height: 1px;
font-size:0;
}
<div id="linebreak"></div>
I have an dotted image that is 1px heigh, i hope to use it and a linebreak. When i run the code below it streches the image height. How do you constrain the image height to a height of 1 pixel? Here is the code that i'm using:
<head>
<title>CssCreator-->HTML 4.01 Strict Template</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
#content{
position:relative;
font: 10px Arial,sans-serif;
}
#linebreak{
background-image: url("images/linebreak.gif");
height: 1px;
}
</style>
</head>
<body>
<div id="content" > Main Content Column </div>
<div id="linebreak" >
<div id="content" > right Column </div>
</body>#linebreak{
background-image: url("images/linebreak.gif");
height: 1px;
font-size:0;
}
<div id="linebreak"></div>