I'm trying to add a crosshair cursor to my website. I only want the cursor to change when the mouse is ON the link. here's an example of what I want to do.
Example of what I want to do (<!-- m --><a class="postlink" href="http://www.councilofthefallen.com">http://www.councilofthefallen.com</a><!-- m -->)
as you can see the cursor changes to a crosshair when rolled over a link. How do i do this????
I might also add that i know nothing about CSS. I do know html and javascript though. If anyone knows exactly what I do it'll be greatly appreciated. Thanks
Michaela:hover {
cursor: crosshair;
}code:
--------------------------------------------------------------------
<html>
<head>
<style type="text/css">
.xlink A{cursor:crosshair}
</style>
</head>
<body>
<b>
<span class="xlink">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.htm">CROSS LINK 1</a><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.htm">CROSS LINK 2</a><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.htm">CROSS LINK 3</a><br>
</span>
</b>
</body>
</html>
--------------------------------------------------------------------
Example of what I want to do (<!-- m --><a class="postlink" href="http://www.councilofthefallen.com">http://www.councilofthefallen.com</a><!-- m -->)
as you can see the cursor changes to a crosshair when rolled over a link. How do i do this????
I might also add that i know nothing about CSS. I do know html and javascript though. If anyone knows exactly what I do it'll be greatly appreciated. Thanks
Michaela:hover {
cursor: crosshair;
}code:
--------------------------------------------------------------------
<html>
<head>
<style type="text/css">
.xlink A{cursor:crosshair}
</style>
</head>
<body>
<b>
<span class="xlink">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.htm">CROSS LINK 1</a><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.htm">CROSS LINK 2</a><br>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.htm">CROSS LINK 3</a><br>
</span>
</b>
</body>
</html>
--------------------------------------------------------------------