Hi,
I am a complete beginner with CSS and don't really know what I'm doing at all. What would I need to edit to make it so the links on my page are navy then turn red when you hover over them?
Normally on a web page I would put in:
<style>A {
color : navy;
text-decoration : none
}
A:Visited {}
A:Active {}
A:Hover {
color : red;
}
</style>
This is what I've got in my search_template.html file so far:
<style type="text/css">
.highlight { background: #FFFFCC; }
.searchheading { font-family: verdana; font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.results { font-family: verdana;font-size: 12px; }
.category { color: #999999; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }
.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button { }
input.zoom_searchbox { }
</style>
I am a complete beginner with CSS and don't really know what I'm doing at all. What would I need to edit to make it so the links on my page are navy then turn red when you hover over them?
Normally on a web page I would put in:
<style>A {
color : navy;
text-decoration : none
}
A:Visited {}
A:Active {}
A:Hover {
color : red;
}
</style>
This is what I've got in my search_template.html file so far:
<style type="text/css">
.highlight { background: #FFFFCC; }
.searchheading { font-family: verdana; font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.results { font-family: verdana;font-size: 12px; }
.category { color: #999999; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }
.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button { }
input.zoom_searchbox { }
</style>
Comment