This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Webmaster forum > August 2006 > Question on how to make a link from text





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Question on how to make a link from text
Hoopster

2006-08-17, 6:48 pm

Hello,


I have this code in a template that I'm creating.


<div
style="position: absolute; left: 404px; top: 105px; width: 133px;
height: 27px; z-index: 8;"
align="center">
<font style="font-size: 24px;" color="#ffffff"
face="Arial">Support</font></div>
<div




The key word is support and I need to create a link for that word when
someone clicks it. I would like the text to stay the same with no
underline or anything like that.


Can someone give me the code on how to create a link from the word
support.



Thanks.



William Tasso

2006-08-17, 6:48 pm

Fleeing from the madness of the SBC http://yahoo.sbc.com jungle
Hoopster <hoops_nospam444@aol.com> stumbled into news:alt.www.webmaster
and said:

> Hello,


How do you do?

> ...
> Can someone give me the code on how to create a link from the word
> support.


<a href=3D"/support-page.html">Support</a>

-- =

William Tasso

http://williamtasso.com/words/what-is-usenet.asp
Hoopster

2006-08-17, 6:48 pm

Exactly, but you know how to make a link from a word without it being
underlined?


>
>
>How do you do?
>
>
><a href="/support-page.html">Support</a>


Hoopster

2006-08-17, 6:49 pm

I resolved the problem with the following code.

<STYLE type="text/css">
<!--
A { text-decoration:none }
-->
</STYLE>




Between <head> and </head>



However, when I go to click on the text "support" my mouse changes
from a regular mouse icon to just a regular I thing like as if you
were about to type. I need something to make it so that it looks
normal. There is no java script on my page.
Els

2006-08-17, 6:49 pm

Hoopster wrote:

> I resolved the problem with the following code.
>
> <STYLE type="text/css">
> <!--
> A { text-decoration:none }
> -->
> </STYLE>
>
> Between <head> and </head>
>
> However, when I go to click on the text "support" my mouse changes
> from a regular mouse icon to just a regular I thing like as if you
> were about to type. I need something to make it so that it looks
> normal. There is no java script on my page.


You probably left in the <font> tags between the <a href....> and the
word 'support' ? Take them out - style the <a> itself instead.

--
Els http://locusmeus.com/
William Tasso

2006-08-17, 6:49 pm

Fleeing from the madness of the SBC http://yahoo.sbc.com jungle
Hoopster <hoops_nospam444@aol.com> stumbled into news:alt.www.webmaster
and said:


[color=darkred]
> Exactly, but you know how to make a link from a word without it being
> underlined?


yes - I do. I see from another post that you do also.

Please don't be offended but I know nothing about you or the web documen=
ts =

you create - it is a really bad idea to alter the default behaviour of =

links - except in circumstances where it is otherwise damn obvious that =
=

the text is indeed a link.

research: http://www.cs.tut.fi/~jkorpela/www/links.html

Less is more.
-- =

William Tasso

http://williamtasso.com/words/what-is-usenet.asp
William Tasso

2006-08-17, 6:49 pm

Fleeing from the madness of the SBC http://yahoo.sbc.com jungle
Hoopster <hoops_nospam444@aol.com> stumbled into news:alt.www.webmaster
and said:

> ...
> when I go to click on the text "support" my mouse changes
> from a regular mouse icon to just a regular I thing like as if you
> were about to type. I need something to make it so that it looks
> normal.


With the same caveat as in my other post:

I think this page has all the options ...

http://williamtasso.com/tech/cursor-test.asp

[view source]

--
William Tasso

http://williamtasso.com/words/what-is-usenet.asp
Hoopster

2006-08-17, 6:49 pm

That is a cool website thanks.


However, I just can't see where it says auto in the code or css . It's
the auto icon and it changes from a regular pointer to I "auto" and it
looks bad.



Here is part of the code.


Thanks for your help william.







<style type="text/css">
div#container
{
width: 790px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</style>
</head>


<body style="color: rgb(0, 0, 0); background-color: rgb(14, 32, 56);">

<div id="container">
<img src="images/Hosting_plan_03.jpg" alt="" style="position:
absolute; left: 35px; top: 30px; width: 721px; height: 135px; z-index:
1;" align="top" border="0" height="135" width="721"><img
src="images/Hosting_plan_05.jpg" alt="" style="position: absolute;
left: 35px; top: 165px; width: 721px; height: 164px; z-index: 2;"
align="top" border="0" height="164" width="721"><img
src="images/Hosting_plan_06.jpg" alt="" style="position: absolute;
left: 35px; top: 329px; width: 721px; height: 232px; z-index: 3;"
align="top" border="0" height="232" width="721"><img
src="images/Hosting_plan_07.jpg" alt="" style="position: absolute;
left: 35px; top: 561px; width: 721px; height: 126px; z-index: 4;"
align="top" border="0" height="126" width="721"><img
src="images/Hosting_plan_08.jpg" alt="" style="position: absolute;
left: 35px; top: 687px; width: 721px; height: 103px; z-index: 5;"
align="top" border="0" height="103" width="721">

<div style="position: absolute; left: 107px; top: 105px; width: 133px;
height: 27px; z-index: 6;" align="center"><font style="font-size:
24px;" color="#ffffff" face="Arial">Home</font></div></a>


<div style="position: absolute; left: 256px; top: 105px; width: 133px;
height: 27px; z-index: 7;" align="center">
<font style="font-size: 24px;" color="#ffffff"
face="Arial">Support</font></div></a>



>With the same caveat as in my other post:
>
>I think this page has all the options ...
>
>http://williamtasso.com/tech/cursor-test.asp
>
>[view source]


William Tasso

2006-08-17, 6:49 pm

Fleeing from the madness of the SBC http://yahoo.sbc.com jungle
Hoopster <hoops_nospam444@aol.com> stumbled into news:alt.www.webmaster
and said:

>
>
> That is a cool website thanks.
>
> However, I just can't see where it says auto in the code or css . It's=


> the auto icon and it changes from a regular pointer to I "auto" and it=


> looks bad.


I think this is the bit you want: style=3D"cursor:default"

better in your head: {cursor:default;}

[not tested as I'm not sure I fully understand the Q]

>
> Thanks for your help william.


np - hope I haven't helped to create a monster ;)


-- =

William Tasso

http://williamtasso.com/words/what-is-usenet.asp
Hoopster

2006-08-17, 10:40 pm


William,


I tried to enter this into the style area, but it didn't work.


It appears that the html code has text like boxes and when I use my
mouse over any text it changes to the text I symbol and then changes
back to my arrow cursor once I move away from text.


Do you have any suggestions?



>
>I think this is the bit you want: style="cursor:default"
>
>better in your head: {cursor:default;}
>
>[not tested as I'm not sure I fully understand the Q]
>
>
>np - hope I haven't helped to create a monster ;)


Hoopster

2006-08-17, 10:40 pm

I found a fix from another website.


<A HREF="#" style="cursor:defualt">A Cross Link</A>



This works!


Thanks
[color=darkred]
>

Andy Mabbett

2006-08-18, 6:36 pm

In message <7gi9e2hfkvd3q8en9s1kc1kdr9271o1hv2@4ax.com>, Hoopster
<hoops_nospam444@aol.com> writes

>font-size: 24px


Why on Earth do you want to do that?

--
Andy Mabbett
Say "NO!" to compulsory ID Cards: <http://www.no2id.net/>

Free Our Data: <http://www.freeourdata.org.uk>
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews