[6strings21frets]

Okay, so I'm making a website for one of my school subjects and so far neither I nor my teacher has been able to find a specific hover tag. I'm not sure which one, but I know what I want it to do (see attachments).

See what I circled in the attachment? That is part of a table I made. When you click one of the links, it goes to the next page and the yellow box highlights whichever page you are on (e.g. click Page 2, next page appears, and Page 2 is highlighted.) The links hover, but I want the block in the table to hover.

Any help available?

[dtaylorl]

Put a around each link and then on each html page change the background color to yellow for the page that is selected. e.g:
In the html document for the "home" page it would be:

<span style="background-color:yellow;"><a href="home.html">Home</a></span>
<span><a href="page2.html">Page 2</a></span>
etc...

[PatrickStar4491]

<style type="text/css">
a:hover{
background-color: yellow;
}
</style>

That would be the HTML code needed to accomplish what you are wanting to do. I simply wrote some CSS (the stuff inside the STYLE tag) to make the background of all links yellow.

Do you only want the yellow background for the navigation links? If so, let us know and we can teach you a bit about CSS classes.

[dtaylorl]

Hmm... I'm a little confused as to whether the OP actually wants this to happen during the hover or not. He says that in one spot, but elsewhere he says:

When you click one of the links, it goes to the next page and the yellow box highlights whichever page you are on

which is different than a hover.

[6strings21frets]

Do you guys want me to organize a compressed folder or something as an attachment so you can surf around and figure it out?

[6strings21frets]

Originally Posted by PatrickStar4491

<style type="text/css">
a:hover{
background-color: yellow;
}
</style>

That would be the HTML code needed to accomplish what you are wanting to do. I simply wrote some CSS (the stuff inside the STYLE tag) to make the background of all links yellow.

Do you only want the yellow background for the navigation links? If so, let us know and we can teach you a bit about CSS classes.

That code works, but yeah I only want it for the navigation thing. Would I just put the

</style>

tag after the navigation thing?

[6strings21frets]

okay, new question...how do I create a "preview" of a picture?

I want to have thumbnails, so when I click on them, it just expands into full size without going to another page.

Any tips?

[PatrickStar4491]

Originally Posted by 6Strings21Frets

That code works, but yeah I only want it for the navigation thing. Would I just put the

</style>

tag after the navigation thing?

OK, the CSS code should technically go somewhere inside the HEAD tag, but it really doesn't matter where the block goes. Here is the updated code for what you want.

<style type="text/css">
.nav:hover{
background-color: yellow;
}
</style>

Now, whenever you want a link to hover with a yellow background, you need to add the class attribute to it. Just add the class="nav" thing to each anchor tag you want to change, like below:

<a href="#" class="nav">This link will hover yellow</a>
<a href="#">This link will not</a>

And for the the thumbnails... you'll probably need some sort of Javascript code for it. I'll see if I can happen to find something.

[6strings21frets]

Code works...thanks

Also, with the thumbnails, I was thinking of doing rollover images, so if I roll over a thumbnail it just goes to full size. Does that help at all?