PDA

Click to See Complete Forum and Search --> : HowToSetAn <a> tag for text w/out the underline display?

herk108
01-31-2003, 06:56 AM
12 Im trying to use the <a> tag for text, but i dont want the underline being display in the webpage.

i've seen this feature used by many web sites(i.e.: MSN). how to do this:confused:

i dont know yet about mouseover and its related topics. i only want those "underlines" on HREF text to be out. :(
swon
01-31-2003, 07:07 AM
Simply use this, or otherwise make a css:

<a href="#" style=textdecoration:none;>without underline</a>
herk108
01-31-2003, 07:08 AM
What to know about Tables?
I'm using MSfrontpage 2000. Im new to webpage designing.

i want to know about how to layout my webpage mostly using tables. or better yet just simply paste all my designs the way i see it in Photoshop view.

my problems is that everytime i add an entry in a cell the sizes of the table or cell(im not sure which one is affected) the tables gets all affected. my goal is to have my table be flexible for any size of screen resolution starting from 800X600. i dont like my webpage to stay in the middle of the screen. as much as possible i want spread to the whole screen.

how to do this :( :confused:
gil davis
01-31-2003, 07:10 AM
Originally posted by swon
<a href="#" style=textdecoration:none;>without underline</a>Should be

<a href="#" style="text-decoration: none">without underline</a>

Or, for all links on the page:

<head>
...
<style type="text/css">
a {text-decoration: none}
</style>
...
</head>
swon
01-31-2003, 07:14 AM
oops, a like mistake, yes should be like this!
thanks, Gil!
herk108
01-31-2003, 07:31 AM
To: Swon and Gil, thanks guys thats quite a help there.

I already used the <a> tag w/o underline display for texts.

Now i want to have a "change of color or highlight effect" when the mouse cursor goes over the text. I tried using DHTML features of MS Frontpage2000 but when i preview it, there's nothing goin on with the effects.:(

Can anyone help me with this:confused:
swon
01-31-2003, 07:47 AM
Ok, create an style in the head-tag:

<head>
<style type="text/css">
a.text:link {
font-family: arial,verdana,helvetica;
font-size: 10px;
color: #00A050;
text-decoration: none;
}

a.text:hover {
font-family: arial,verdana,helvetica;
font-size: 10px;
color: #FF7F00;
text-decoration: none;
}
</style>
</head>

<body>
<a href="#" class=text>text</a>
</body>
gil davis
01-31-2003, 07:48 AM
<head>
...
<style type="text/css">
a {text-decoration: none; color: blue}
a:hover {color: red; background-color: yellow}
</style>
...
</head>
swon
01-31-2003, 07:53 AM
Note that you can make a few classes:

<a href=..... class="something">

and add in the css style:

a.something:link {
font-family: arial,verdana,helvetica;
font-size: 10px;
color: #000000;
text-decoration: none;
}

a.something:hover {
font-family: arial,verdana,helvetica;
font-size: 10px;
color: #FFFF00;
text-decoration: none;
}