Hi, Guest ~ Login or Register

SEO Image Hotspots - Page 5

SEO Image Hotspots

Listed In CSS » Layouts — Page 5 of 5 (View Index)

You are viewing section 5 of 5 « Previous Page

Negative numbers, ???, confusion!

You'll notice how the top properties of each class, progressing from left to right, are getting smaller and going into the negative regions. This is because the list items are not set to display: inline. This doesn't pose a problem at all, because we've got the container (<ul>) floating.

http://www.avengex.com/tutorials/csshotspot/step2.png

We've got that sorted. Now we have the problem of hiding the text. A lot of people would use display: none, but then they would only find that all the links would disappear. The fix? visibility: none;
#linkmenu li a {
text-decoration: none;
background: none;
}
#linkmenu li a span {
visibility: hidden;
}



The first style is to make sure nothing gets underlined, and that it won't get any backgrounds on hover, since some people like to add background attributes to their links these days.That's about it now. Check it in your browser and be amazed - invisible, semantic links!

You are viewing section 5 of 5 « Previous Page

Working Beta

  1. The Forums
    These are mostly functional. If you see any weird bugs, post a thread about it and an administrator will do something.
  2. Tutorial Writing
    You can now submit tutorials to the brand new management system.
  3. Tutorials Home
    View tutorials by categories and search for them here.
  4. Shoutbox
    See below. Registered users only!

Register

Newest User

Say hi to rayjo! rayjo joined on Wednesday, 3rd December.

Sponsor

Shoutbox