HowToSetAn <a> tag for text w/out the underline display?

admin

Administrator
Staff member
12 Im trying to use the <a> tag for text, but i dont want the underline being display in the webpage. <br />
<br />
i've seen this feature used by many web sites(i.e.: MSN). how to do this:confused:<br />
<br />
i dont know yet about mouseover and its related topics. i only want those "underlines" on HREF text to be out. :(<!--content-->Simply use this, or otherwise make a css:<br />
<br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" style=textdecoration:none;>without underline</a><!--content-->What to know about Tables?<br />
I'm using MSfrontpage 2000. Im new to webpage designing.<br />
<br />
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. <br />
<br />
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.<br />
<br />
how to do this :( :confused:<!--content-->Originally posted by swon <br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" style=textdecoration:none;>without underline</a>Should be<br />
<br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" style="text-decoration: none">without underline</a><br />
<br />
Or, for all links on the page:<br />
<br />
<head><br />
...<br />
<style type="text/css"><br />
a {text-decoration: none}<br />
</style><br />
...<br />
</head><!--content-->oops, a like mistake, yes should be like this!<br />
thanks, Gil!<!--content-->To: Swon and Gil, thanks guys thats quite a help there.<br />
<br />
I already used the <a> tag w/o underline display for texts.<br />
<br />
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.:( <br />
<br />
Can anyone help me with this:confused:<!--content-->Ok, create an style in the head-tag:<br />
<br />
<head><br />
<style type="text/css"><br />
a.text:link {<br />
font-family: arial,verdana,helvetica;<br />
font-size: 10px;<br />
color: #00A050;<br />
text-decoration: none;<br />
}<br />
<br />
a.text:hover {<br />
font-family: arial,verdana,helvetica;<br />
font-size: 10px;<br />
color: #FF7F00;<br />
text-decoration: none;<br />
}<br />
</style><br />
</head><br />
<br />
<body><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" class=text>text</a><br />
</body><!--content--><head><br />
...<br />
<style type="text/css"><br />
a {text-decoration: none; color: blue}<br />
a:hover {color: red; background-color: yellow}<br />
</style><br />
...<br />
</head><!--content-->Note that you can make a few classes:<br />
<br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/..... class="something"><br />
<br />
and add in the css style:<br />
<br />
a.something:link {<br />
font-family: arial,verdana,helvetica;<br />
font-size: 10px;<br />
color: #000000;<br />
text-decoration: none;<br />
}<br />
<br />
a.something:hover {<br />
font-family: arial,verdana,helvetica;<br />
font-size: 10px;<br />
color: #FFFF00;<br />
text-decoration: none;<br />
}<!--content-->
 
Back
Top