Center image in header div - cut off edges on small res

Cool Hello everyone, I've been browsing this forum for quite some time and have yet to have to ask a question, but here goes:

css

@charset "utf-8";
/* CSS Document */
 
* {
    margin: 0;
    padding: 0;
}
 
html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}
 
#bg {
    position: fixed;
	z-index: 1;
}
 
#bg div {
    height:200%;
    left:-55%;
    position:absolute;
    top:-100%;
    width:200%;
}
 
#bg td {
    text-align:center;
    vertical-align:bottom;
}
 
#bg img {
    margin:0 auto;
    max-height:100%;

Can CSS be used to create an SEO friendly image rollover that reveals text on mouseover?

We're creating a website for someone at the moment and against our better judgement, they want the splash/homepage to be a layout of large images of their projects that then links through to the main site. This is obviously very SEO unfriendly as there will be no text whatsoever on the page. We normally do image replacement CSS rollovers, but is there a way that we can use CSS so that when you rollover the image, there is a paragraph of text behind it, with links etc?

Help with navigation bar links rollover

Hey
I am fairly new to CSS and I am having touble with my navigation bar's links.
I simply want the image to change to a different image when you mouseover.

Heres the code that is obviously wrong:

#menu {
	width: 654px;
	height: 50px;
	margin-left:auto;
	margin-right: auto;
 
}
 
#menu_blog {
	float: left;
	width: 109px;
	height:50px;
	background-image:url(images/blog.jpg);
	background-repeat:no-repeat;
}
 
menu_blog.rollover {
	background-image:(images/bloghover.jpg);
}

And here is the HTML:

<div id="menu">
	  <ul>
 

Creating rollover image menu... Please help!

Hi there

Im trying to create a rollover image menu that basically has 3 images. One for inactive, one for hover and one for active link. Im currently in Dreamweaver CS4 and have tried using rollover image which doesnt seem to be an option. I have also tried changing the background position depending on status of the current div, such as, a:hover or a:active.
Im unable to get anywhere with these and would be thankful if someone could paste me a couple of lines in the right direction.

Thanks
Niels

background images dont show in IE

Hi all,
I am working on a webpage using joomla! and superfish menu system
i am trying to design a menu that uses images for its 1st level and plain text for sub-menus.

for that i have been tweaking the Superfish menu CSS file and got nice results in all browsers accept IE. in IE only the :over mode images are showing. regular images dont.

i dont knwo what to do and i have been pulling my hair at this for a few days.
the websites URL is : www.vaxilbio.com/index.php
my superfish css code is:
.....................................................

/*** ESSENTIAL STYLES ***/

Syndicate content