Jump to content

How do I replicate this 'link box' thing?


cs.punk

Recommended Posts

You mean, changing the link colour when the mouse hovers over the link?

 

a:hover{color:#hex}

From the looks of the page, they also changed the border to a lighter colour. Not sure if you have your elements in a separate div, but you can do something like...

#idname a:hover{border: 1px solid #hex;color:#hex}

Link to comment
Share on other sites

Oh sorry, I mean how do you make the WHOLE box? I tried making each link in a div and adding a border, but it beames huge.

 

I am trying to replicate the whole thing, and dont know how ??

 

Who do you get a link in a 'box' similar to that?

 

What do you add onto

<a href='x.html'>X page</a>?

Link to comment
Share on other sites

Lists. It is all done with lists.

 

The best place to learn to love lists (and some other great CSS stuff) is the venerable List-o-matic.

 

Start from scratch to learn the concept ... but here is what you were looking for (you will be amazed by how simple it all is):

list-o-matic's - Eric Meyer's tabbed navbar

 

Good luck.

 

Bookmark the link and when you really want to understand CSS check out the "selectutorial". And easy to follow lesson about the CSS rules of order and more.

 

 

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.