Hi, Guest ~ Login or Register

SEO Image Hotspots - Page 4

SEO Image Hotspots

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

You are viewing section 4 of 5 « Previous PageNext Page »

Classes, classes, classes!

The heading says it all. Each class will contain the relative position coordinates and an individual font size. Figuring these out in the first place is all about trial and error, and may take a while. The good news is, once it's done, it will work in Firefox, IE and Opera!

Let's break down the first class for you:
.n-company {
top: 29px; /* 29 pixels from the top */
left: 66px; /* 66 pixels left from where it was inserted */
font-size: 16pt; /* the font size needs to be this size to cover the area correctly. */
}

Here are the rest for you:
.n-services {
top: 14px;
left: 180px;
font-size: 15pt;
}
.n-portfolio {
top: -19px;
left: 285px;
font-size: 19pt;
}
.n-contact {
top: -65px;
left: 410px;
font-size: 19pt;
}

You are viewing section 4 of 5 « Previous PageNext 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