Log in

View Full Version : One Button w/ 2 Different Links



avi1278
05-10-2007, 07:05 PM
Hello All,

I am new in web design so forgive me if I am asking something too simple. I need a single button with 2 separate links showing both at the same time. One link would say something like Visitor ID: 43DY2P where the underline part is clickable going to a particular link, and the other link would be below it saying Powered By ABC Corp where the underline part would go to a link. I saw some examples where it works one at a time, but I need to show both of the links at the same time, and it cannot be next to each other. It has to be in separate lines.

Thanks

Avi

Moglizorz
05-14-2007, 11:33 AM
I can just suggest taking a screenshot of a button, and splitting it in 2, putting it into a table, and writing whatever into it. I'll try that in a mo, hang on :)

Moglizorz
05-14-2007, 11:44 AM
Ok, done... :D


<table height="21" border="0" cellpadding="0" cellspacing="0"><tr><td

background="http://img503.imageshack.us/img503/4564/buttonleftos1.png"><img

src="http://img519.imageshack.us/img519/3362/blankqu8.png" height="0" width="4" border="0"></td><td

background="http://img519.imageshack.us/img519/7528/buttonmiddleex9.png"><tt>
<!---- START LEFT SIDE HTML ---->



<!---- END LEFT SIDE HTML ---->
</tt></td><td background="http://img519.imageshack.us/img519/7528/buttonmiddleex9.png"><img

src="http://img519.imageshack.us/img519/3362/blankqu8.png" height="0" width="10" border="0"></td><td

background="http://img519.imageshack.us/img519/7528/buttonmiddleex9.png"><tt>
<!---- START RIGHT SIDE HTML ---->


<!---- END RIGHT SIDE HTML ---->
</tt></td><td background="http://img517.imageshack.us/img517/8268/buttonrightox3.png"><img

src="http://img519.imageshack.us/img519/3362/blankqu8.png" height="0" width="4"

border="0"></td></tr></table>

And just put whatever links into each side. Hoping you know how to make a link, if not:

<a href="http://whatever.com/link.html" style="text-decoration:none"><font color="black">Link Text</font></a>
(The extra bit is to remove the underline, no underline on buttons, and make link font black.)