and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read: [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]
Hello,
I'm in doubt of using a technique for a menu because I'm not sure if it can be considered cloaking or spamming, and then result in a ban from Google. So here's what i have: a menu with links that must be images and have rollover. Because i don't want to use javascript i use the css rollover technique (in wich both the normal look and the rollover look is in the same image). For those that don't know:
[syntax="css"]
#menu a {
widht: 100px;
height: 30px;
display: block;
background-position:0% 0%;
background-repeat:no-repeat;
}
#menu div {
display: inline;
float: left;
}
#menu a:hover {
background-position:0% 100%;
}
#home {
background-image: url(images/home.gif);
}
#about {
background-image: url(images/about.gif);
}
...............and so on.....................
So the h1s wont be visible, but will be there in html, and the rest will work as planned. IS THIS CLOACKING OR SPAMMING? is just one word and i'm not adding unrelated content there. Really don't know what to do. I'm afraid that in my attempt to help I will do more harm.
and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read: [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]
#menu li a span
{
display: none;
}
#menu li a
{
display: block;
height: 25px;
}
a#home_link
{
background: #fff url(images/menu/home_sprite.gif) no-repeat 0px 0px;
}
a#home_link:hover
{
background: #fff url(images/menu/home_sprite.gif) no-repeat 0px 25px;
}
a#contact_us_link
{
background: #fff url(images/menu/contact_us_sprite.gif) no-repeat 0px 0px;
}
a#contact_link:hover
{
background: #fff url(images/menu/contact_us_sprite.gif) no-repeat 0px 25px;
}
/* and so on... */
But most of the time, I use text links and not images, because image links are lame in my opinion... so the html and css would look something like this...
The Ninja Space Goat wrote:
But most of the time, I use text links and not images, because image links are lame in my opinion... so the html and css would look something like this...
well, i do think that too..but what you can do..these designers ..ahhh
thanks very much