html code links footer

[member22]

Hi,

I am trying to write my partners name with links to their website in the footer of my website
Here is the line of code I currently have
<div id= <a href="'. URL_ROOT .'/" onclick="mywebmastercompanyname.Page.Open('. $homepage_oid .'); return false;"><a>mytextlinkhere</a></div>

my issue is that with this code I manage to write their name but that it doesn't get me to their page, it reloads my homepage...
I am not sure about the line of code i need to write to make sure it opens my partners webpage in a different page ?

Can anyone help ?
Thank you,

Mike

[essiw]

maybe it is just a typo but you typed: <div id=
which doesn't have any value for id and isn't closed whit >

[MizzBia]

Also, your link is referencing some JavaScript so the issue may be in your javascript code. You might want to review your script for bugs.

Why don't you just use a plain link instead?
<div id="ADD-STYLE"> <a href="http://www.yourpartnerssitelink.com"><a>mytextlinkhere</a></div>

[member22]

The link doesn't work when i put the line of code on my website ? any idea why ?

Here is entire footer code

<!-- Foot -->
<div id="foot-bg">&nbsp;</div>
<div id="foot">
<a id="copyright" href="'. URL_ROOT .'" style="margin-top:-70px;;">'. t('copyright') .'</a>
<ul id="menu-foot">'. $menu_foot .'</ul>
<div id="foot-speech">' . $p->FooterRefLinks() . '</div>
<div id="ADD-STYLE"> <a href="http://www.yourpartnerssitelink.com"><a>mytextlinkhere</a></div>
</div>

[g1smd]

There is a stray

<a>

- exactly like that - in the last line.

Don't forget to also add a trailing / to the end of the URL that you are linking to.

[member22]

I don't understand what you mean by stray can you explain ... sorry...

[g1smd]

One that is extra.

One that should be deleted.

[member22]

ok it works but I have 2 more issues,

I would like to make my text link small on my website ( the font is little big a of now ) and then the color of the link is purpule i would like it to stay white all the time ?

Then everything should be ok !
Thank you,

[MizzBia]

add something like this to your CSS file:

a.white:link, a.white:visited, a.white:active {
color: #ffffff;
text-decoration: underline;
font-size: 11px; /* adjust to match the font size you want */
}

a.white:hover {
color: #ffffff;
text-decoration: none;
}

Then simply add this class to your link in the footer: class="white"
Notice where I added the class in my example below:

<a href="http://www.yourpartnerssitelink.com" class="white">mytextlinkhere</a>

If you want the text smaller, just change the 11px in the css code to 10px. If you want it bigger, change it to either 12px or 13px depending on how big you want it.

[edited by: MizzBia at 9:21 am (utc) on Oct. 21, 2008]

[member22]

Thank you

Last thing, how to open the link in a new window ?

[essiw]

<a href="http://www.yourpartnerssitelink.com" class="white" target="_blank">mytextlinkhere</a>

that in bold should do the trick to open it in a new window ;)

[member22]

The href link works but not the css line of code my link are still blue and purpule

Here is what I currently have in my css footer what do I need to add to make sure the links I am creating at the bottom of what I already have stay white ?

Thank you,

ul#menu-foot
{
width: 912px;
height: 20px;
padding: 0;
margin: 0;
}
ul#menu-foot li
{
list-style-type: none;
display: inline;
color: rgb(128,128,128);
font-size: 9px;
white-space: nowrap;
text-decoration: uppercase;
margin-right: 18px;
}
ul#menu-foot li a
{
color: rgb(128,128,128);
font-size: 9px;
text-decoration: none;
text-transform: uppercase;
}
ul#menu-foot li a:hover
{
color: rgb(255,255,255);
}
div#foot-speech,
div#foot-speech *
{
color: rgb(128,128,128);
font-size: 9px;
}
div#foot-speech a
{
color: rgb(128,128,128);
text-decoration: none;
}
div#foot-speech a:hover
{
color: rgb(255,255,255)

[g1smd]

What do you mean by CSS footer?

You are better off putting all that code in a .css text file and then link to that file from the head section of the page.

[MizzBia]

Create a new file called "style.css" and then add your css styles to it. Then link to it from all the pages that will use that style sheet using this:

<link rel="stylesheet" href="style.css" title="Style Sheet" type="text/css">

Make sure the above link stays in between the <head> </head> tags.

[Homie_187]

Opening links in a new browser window was number 2 on Jakob Nielsen's "Top Ten Web Design Mistakes of 1999"

Read these pages for more information:

[useit.com...]

[diveintoaccessibility.org...]