There isn't a way to have a horizontal rule fade out on each end using css or a java script instead of having to create an image - is there?
CSS Codes
New Comer (less than 5 posts)
horizontal rule
There isn't a way to have a horizontal rule fade out on each end using css or a java script instead of having to create an image - is there?
Junior Coders
There is no way that i know of and the only way i think you can have fading is by using the IE filters (which means that of course it will only work with IE).
Here is a solution and it is by no means eligant but it seems to work:
PHP Code:<html>
<head>
<style type="text/css">
<!--
div.wrapper {
width:100%;
background-color:#cccccc;
}
div.lhr {
float: left;
margin-right:0px;
width: 50%;
height:1px;
font-size:0px;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=1,StartColorStr='#FFFFFF',EndColorStr='#CCCCCC');
}
div.rhr {
margin-left:0px;
width: 100%;
height:1px;
font-size:0px;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=1,StartColorStr='#CCCCCC',EndColorStr='#FFFFFF');
}
-->
</style>
</head>
<body>
<div class="wrapper">
<div class="lhr"></div>
<div class="rhr"></div>
</div>
</body>
</html>
Regular Coders
if you have a solid background, you might be able to define the the color as a gradient through css
http://www.mermeliz.com/html/gradient.htm
Junior Coders
Hmm, If you read what i wrote that is what i suggested!
Posting Permissions
Reply With Quote
Bookmarks