snowboardr
Programmer
How do you make the link underline go lower than the letters, so the letter are not on the line?
Jason
Jason
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Link underline 2
- Thread starter snowboardr
- Start date
- Status
-
1
- #2
it is possible to use css:
<style type="text/css">
a.linkClass:link {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
</style>
<a href="#" class="linkClass">This is a link</a>
A computer always does what you tell it to, but rarely does what you want it to.....
<style type="text/css">
a.linkClass:link {
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
}
</style>
<a href="#" class="linkClass">This is a link</a>
A computer always does what you tell it to, but rarely does what you want it to.....
-
1
- #3
here's a more complete example:
i added a height to the paragraph just so you could see the underline. the anchor tag is, by default, an inline element, so if the anchor tag was the only thing on the page, you might not have seen the underline. this can be tweaked in your application.
*cLFlaVA
----------------------------
[tt]( <P> <B>)13 * (<P> <.</B>)[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html>
<head>
<title>Untitled</title>
<style>
a {
text-decoration: none;
border-bottom: 1px solid blue;
padding-bottom: 5px;
}
</style>
</head>
<body>
<p style="height: 60px;">
<a href="#">my link goes here</a>
</p>
</body>
</html>i added a height to the paragraph just so you could see the underline. the anchor tag is, by default, an inline element, so if the anchor tag was the only thing on the page, you might not have seen the underline. this can be tweaked in your application.
*cLFlaVA
----------------------------
[tt]( <P> <B>)13 * (<P> <.</B>)[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
- Status
Similar threads
- Locked
- Question
- Locked
- Question