I've been searching and searching and so far havent found much usful info on the double underline and double overline subject...<br />
<br />
i've found a couple placed that suggest using:<br />
<br />
text-decoration:double-underline<br />
text-decoration:double-overline<br />
<br />
however, in my ie6, no double lining occurs if i use:<br />
<br />
<a style="text-decoration:double-overline;">double OverLined text</a><br />
<a style="text-decoration:double-underline;">double UnderLined text</a><br />
<br />
<br />
i get the feeling that im not looking at something the right way when i go through any 'rare' search results i find...<br />
<br />
oyy<!--content-->perhaps...<br />
<html><br />
<style type="text/css"><br />
a {text-decoration:none;<br />
border-top: 5px double #ff0000;<br />
border-bottom: 5px double #ff0000;}<br />
</style><br />
<body><br />
<a href=http://www.htmlforums.com/archive/index.php/"">blah blah blah</a><br />
</body><br />
</html><!--content-->AFAIK, that's not even part of CSS. try something like this:<br />
<br />
<br />
a {<br />
text-decoration: underline overline;<br />
border-top: 1px solid;<br />
border-bottom: 1px solid;<br />
padding-top: 2px; // or 3px<br />
padding-bottom: 2px; // or 3px<br />
}<br />
<br />
you may notice that 2px or 3px padding will look pretty different in IE and Mozilla.<!--content-->where do you get double-underline? or double-overline?<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/text.html#q3">http://www.w3.org/TR/REC-CSS2/text.html#q3</a><!-- m --><br />
<br />
there is no such thing<!--content-->i went to google:<br />
<!-- m --><a class="postlink" href="http://www.google.com/search?hl=en&lr=&ie=UTF-8&oe=UTF-8&q=css+%22double+underline%22">http://www.google.com/search?hl=en&lr=& ... derline%22</a><!-- m --><br />
<br />
the thing is that in word xp i can do double underlines so i figured i probably could in css and went hunting for it, i thought that there was a way of doing it that i may have found a looong looong time ago but i guess not...<br />
<br />
although the bordertop and bottom thingys are a pretty nifty trick to it...<br />
<br />
still, i wish there was a style property setting specifically for double under and over lines...<!--content-->this seems to work fine, at least in IE6:<br />
<br />
<style><br />
a:link {<br />
text-decoration: none;<br />
}<br />
a:hover {<br />
border-top: 3px double;<br />
border-bottom: 3px double;<br />
}<br />
a:visited {<br />
text-decoration: none;<br />
}<br />
</style><br />
<br />
<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"#">test link</a><!--content-->Originally posted by ucm <br />
i went to google:<br />
<!-- m --><a class="postlink" href="http://www.google.com/search?hl=en&lr=&ie=UTF-8&oe=UTF-8&q=css+%22double+underline%22">http://www.google.com/search?hl=en&lr=& ... derline%22</a><!-- m --><br />
<br />
the thing is that in word xp i can do double underlines so i figured i probably could in css and went hunting for it, i thought that there was a way of doing it that i may have found a looong looong time ago but i guess not...<br />
<br />
<br />
also have to remember that Word XP doesn't follow any kind of standard when it comes to the web. plus you are talking about MS here so it is unpredictable.<!--content-->
<br />
i've found a couple placed that suggest using:<br />
<br />
text-decoration:double-underline<br />
text-decoration:double-overline<br />
<br />
however, in my ie6, no double lining occurs if i use:<br />
<br />
<a style="text-decoration:double-overline;">double OverLined text</a><br />
<a style="text-decoration:double-underline;">double UnderLined text</a><br />
<br />
<br />
i get the feeling that im not looking at something the right way when i go through any 'rare' search results i find...<br />
<br />
oyy<!--content-->perhaps...<br />
<html><br />
<style type="text/css"><br />
a {text-decoration:none;<br />
border-top: 5px double #ff0000;<br />
border-bottom: 5px double #ff0000;}<br />
</style><br />
<body><br />
<a href=http://www.htmlforums.com/archive/index.php/"">blah blah blah</a><br />
</body><br />
</html><!--content-->AFAIK, that's not even part of CSS. try something like this:<br />
<br />
<br />
a {<br />
text-decoration: underline overline;<br />
border-top: 1px solid;<br />
border-bottom: 1px solid;<br />
padding-top: 2px; // or 3px<br />
padding-bottom: 2px; // or 3px<br />
}<br />
<br />
you may notice that 2px or 3px padding will look pretty different in IE and Mozilla.<!--content-->where do you get double-underline? or double-overline?<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-CSS2/text.html#q3">http://www.w3.org/TR/REC-CSS2/text.html#q3</a><!-- m --><br />
<br />
there is no such thing<!--content-->i went to google:<br />
<!-- m --><a class="postlink" href="http://www.google.com/search?hl=en&lr=&ie=UTF-8&oe=UTF-8&q=css+%22double+underline%22">http://www.google.com/search?hl=en&lr=& ... derline%22</a><!-- m --><br />
<br />
the thing is that in word xp i can do double underlines so i figured i probably could in css and went hunting for it, i thought that there was a way of doing it that i may have found a looong looong time ago but i guess not...<br />
<br />
although the bordertop and bottom thingys are a pretty nifty trick to it...<br />
<br />
still, i wish there was a style property setting specifically for double under and over lines...<!--content-->this seems to work fine, at least in IE6:<br />
<br />
<style><br />
a:link {<br />
text-decoration: none;<br />
}<br />
a:hover {<br />
border-top: 3px double;<br />
border-bottom: 3px double;<br />
}<br />
a:visited {<br />
text-decoration: none;<br />
}<br />
</style><br />
<br />
<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"#">test link</a><!--content-->Originally posted by ucm <br />
i went to google:<br />
<!-- m --><a class="postlink" href="http://www.google.com/search?hl=en&lr=&ie=UTF-8&oe=UTF-8&q=css+%22double+underline%22">http://www.google.com/search?hl=en&lr=& ... derline%22</a><!-- m --><br />
<br />
the thing is that in word xp i can do double underlines so i figured i probably could in css and went hunting for it, i thought that there was a way of doing it that i may have found a looong looong time ago but i guess not...<br />
<br />
<br />
also have to remember that Word XP doesn't follow any kind of standard when it comes to the web. plus you are talking about MS here so it is unpredictable.<!--content-->