css clickable link

[kimbettara]

:rolleyes: I have been looking and looking for a clickable link code so i can make a recipe site ... what i am wanting is a code were i can add the name of a recipe and then click on the name to the recipe.. i am not wanting cooking recipe site just the recipe it self ...
like name click and the recipe will show up ...
any help would be apprecated .. i have looked in othe site and i ust can not find my code i am looking for

[elite311]

You could try something like this.



<style type="text/css">
a.recipe:link { color: blue; }
a.recipe:visited { color: purple; }
a.recipe:hover { color: green; }
</style>


<a class="recipe" href="http://www.yoursite.com">Recipe 1</a>
<a class="recipe" href="http://www.yoursite.com">Recipe 2</a>

[Deadweight]

<span onmouseover="this.style.cursor='pointer';">
<div

onClick="window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow','width=400,he

ight=200')" onMouseOver="style.color='red'" onMouseOut="style.color='black'">Recipe 1</div>
</span>


<span onmouseover="this.style.cursor='pointer';">
<div

class="recipe"onClick="window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow'

,'width=400,height=200')" onMouseOver="style.color='red'"

onMouseOut="style.color='black'">Recipe 2</div>
</span>