Simple Links Page that can impress

eTard · October 6th, 2004, 4:38 PM

I need to put on my main page, a set of links to sub-areas of the site. I was thinking somethign along the lines of what Surpass uses on the Ticket status area. This is basically all I need done as far as coding goes, so I hate to spend a lot of time learing all the intricacies of CSS and tables to make this work.

Just so you don't have to look, the page i am referring to has plain text inside tables. When you roll over the table it blinks to a different color (the background). The text has no color to it, whether clicked or not, and isn't underlined. The table has a pixel wide line surrounding it. Also, the entire location where the link resides is clickable. I tired 'stealing' it and hacking it up in Dreamweaver, but I would have had a heck of a mess if I didn't just start from scratch.

Hopefully someone has some good places they can refer me to for a quick rundown of how to accomplish this. I'm not asking anyone to do it for me, but I won't complain if they do either

Thanks

**David** · October 6th, 2004, 5:09 PM

This way may help you learn it a little easier since it is seperated out:

Put this in the head. This is the css that you would be using.

Code:

<style>
a {text-decoration: none;}
a:hover {color: red;}
td#linkstable {border: 1px solid #000000;}
</style>

this is the table part with the link

Code:

<table width="100%" border=0" cellspacing="0" cellpadding="0">
  <tr>
    <td id="linkstable"><a href="http://www.thelink.com">The Text Link</a></td>
  </tr>
</table>

if you notice the td#linkstable {border: 1px solid #000000;} part. this tells which area to affect with the border. the <td id="linkstable"><a href="http://www.thelink.com">The Text Link</a></td> has an id that tells it that it is the table. if you don't put that id part in the table, it won't make the border appear. you may want to put the td#linkstable {border: 1px solid #000000;} part as td#linkstable {border: 1px solid #000000;padding: 2px;} just to give the links some space off of the border.

i'm pretty sure this is what you were after. if not, let me know. i should be able to moddify it correctly, or someone else here who is a css expert may be able to

October 6th, 2004, 4:38 PM	#1 (permalink)
eTard Registered User Fresh Surpasser Joined in Sep 2004 18 posts Gave thanks: 0 Thanked 0 times	Simple Links Page that can impress I need to put on my main page, a set of links to sub-areas of the site. I was thinking somethign along the lines of what Surpass uses on the Ticket status area. This is basically all I need done as far as coding goes, so I hate to spend a lot of time learing all the intricacies of CSS and tables to make this work. Just so you don't have to look, the page i am referring to has plain text inside tables. When you roll over the table it blinks to a different color (the background). The text has no color to it, whether clicked or not, and isn't underlined. The table has a pixel wide line surrounding it. Also, the entire location where the link resides is clickable. I tired 'stealing' it and hacking it up in Dreamweaver, but I would have had a heck of a mess if I didn't just start from scratch. Hopefully someone has some good places they can refer me to for a quick rundown of how to accomplish this. I'm not asking anyone to do it for me, but I won't complain if they do either Thanks __________________ Chris Erickson Server: Gotti http://www.godsevolved.com http://downloads.godsevovled.com http://portal.godsevolved.com http://gallery.godsevovled.com

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)