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

Puzzled

My home page

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

}

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

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

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

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

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

}

Media Queries

hello,

i'm working to make an website responsive, i use Media Queries to make the responsive css an works fine.

But, i used @media inside another @media, and IE dont accept this...

ex:
@(media screen and (max-width:1000px){
@media screen and (min-width:800px){
}
}

Any sugestions?

IE7 and below "display:table" layout

Hi all CSS Creators users,

As you already know, every element on a web page is a rectangular box. The display property in CSS determines just how that rectangular box behaves. If I use "display:table" there are chances a whole set of display values the force non-table elements to behave like table-elements are at our disposal, but it sometimes allows you to be "more semantic" with your code while utilizing the unique positioning powers of tables. So put in this way what I am asking to the forum is: How could I take care of legacy MS Internet Explorer compatiblity in this case?

Drop Down Menu Text Showing Behind Photos

I've tried changing the z-index but nothing is changing?? On Chrome the menu appears normal though on other browsers such as Safari it's hiding behind the gallery images (not the home page slider) Maybe someone can help because I've done as much I can think of, thanks heaps !

my website is - White Boda Wedding Photography and you can see when you visit 'photography' you'll see the menu hides behind the gallery.

Footer text overflowing in internet explorer

Hi,

I am just putting a few finishing touches to my website and I'm having some problems with my footer and widget.

The content of the footer in internet explorer over spans the wrapper and I can't figure out through the inspect element what's wrong.
The same problem of text going outwith the set widget size is happening in the contact us page.
http://ufcos.org.uk/dev/contact-us/

Also, if its to much to ask. Does anyone know how to have a set widget height for more than one widget. The news page is all different heights due to the content.

http://ufcos.org.uk/dev/news-events/

Syndicate content