My :hover doesn't work properly, When i hover over the h2's it doesn't underline the h2


My home page

h1 {
margin-top: 50px;
font-family: "Garamond", serif;


h2 {
margin-top: 0px;
font-size: 15px;
font-family: "Garamond", serif;

.center {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 80px;

header > h2 {
color: #2D52A0;
font-family: "Arial", sans-serif;

header > h2:hover {
text-decoration: underline;

.English {
position: relative;
bottom: 250px;
right: 120px;


CSS img Hover problems

I want an image gallery, with thumbnails of pdfs that people can then click on to download. However, because I am writing in a Content Editor Web Part on Sharepoint 2007, this is the only way I've found that works. However, there are two things that I'm having trouble with:

* When they hover over the image, the border colour changes as it should but not if they hover over where the caption should be (or where it is when the caption is shown). Is there a way around this?

Best way to implement single hover effect on multiple elements

Our toolbar icons are icon+text with a background color.
See attachments.

Currently, I've implemented the whole thing (background+icon+text) as one image, so hover is easy: just swap in the hover image.

However, this means the text is fuzzy since it's been converted to image. I want to do proper implementation where the regular state is a colored block+icon+text. But I want the hover state to be the same as previous, that is, if you hover anywhere on the block, the block+icon+text all change color.

Looking for help with css for a button- hover/active/link/visited and aligning text in the button

I'm working on a wordpress website and am using a plugin to handle logging in/out on my home page. I have been working on the css for the button - but cannot get a few things to work. I'm trying to align the text in the button to the middle of the button and also have the button have the same look that it only appears to have when I hover (the brighter blue and white -- like the two lower buttons, which were created in a different plugin).

Here's my website address:

Navigation help for class

Hi, guys! I'm really new to the CSS world, and I have class website due on Monday. I realize it's short notice, but I'm pulling my hair out here.
Okay, so. I need to have a horizontal navigation bar with a transitional element. I've figured this out. What I can't figure out is how to make a vertical drop down menu from one ("Profiles") link/list item in the horizontal menu.

Syndicate content