css in anchor tag..??

llckll · 21-Jan-2005, 12:19 PM #1

<a href="http://www.linkhere.html"
style="text-decoration : none;"><font color=000066><B>LINK TITLE HERE</B></a>

is it possible to put in other css attributes in the <a> tag.

for example. when the user hovers over the link, can i change the color of the font?

thanks,
ck

Gazornenplat · 21-Jan-2005, 03:45 PM #2

You can put other attributes in the style, but not change the link colour. You can do that through the onmouseover event

Ian

Shadow2531 · 06:13 AM

You can do it like this:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-us" xml:lang="en-us"> <head> <title>anchor styles</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta http-equiv="content-style-type" content="text/css"/> <meta http-equiv="content-script-type" content="application/x-javascript"/> <meta http-equiv="content-language" content="en-us"/> <style type="text/css">
            div#example a:link, div#example a:visited {
                text-decoration: none;
                color: #000;
                background-color: #ccc;
                padding: 2px;
                border: 1px solid #000;
            }
            div#example a:hover {
                text-decoration: underline;
                color: #f00;
                background-color: #000;
                padding: 5px;
                font-weight: bold;
            }
        </style> </head> <body> <div id="example"><a href="http://www.google.com">Google</a></div> </body> </html>

Then all anchors inside the example div will be styled that way. If you prefer to have some of the links inside the div a different color, encase those links in a span tag and use the same type of method used for the div.

Search
Search in:
Show Threads Show Posts
Advanced Search

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)