bellringr Posted February 5, 2004 Posted February 5, 2004 I know this is probably a dumb question, but how do you make a link without it being underlined? Quote
cloudrm Posted February 5, 2004 Posted February 5, 2004 go to Modify . .then click on page properties & change the links, visited links and active links colors to your background color. Make sure you've specified a default text color, and a text color when you highlight your text in the properties window. Quote
bellringr Posted February 5, 2004 Author Posted February 5, 2004 Did that, but it either turned my entire linked text the same color as my background or still underlined it. I tried creating a style with None checked and attached the style sheet to the page and it still didn't work. Hmmmm Quote
SEO Posted February 5, 2004 Posted February 5, 2004 Place something similar to the code below before </head> in your document. In Dreamweaver, this is under CSS Properties. I included all states (link/visted/hover/active). The text-decoration: none; is defining no underline. You can see that when we place the curser over the link an underline appears (text-decoration: underline for a:hover). Play around with different combinations and see what works best for you. Hope this helps. ><style type="text/css"> <!-- a:link { color: #333366; text-decoration: none; font-style: normal; font-family: Arial, Helvetica, sans-serif; } a:visited { color: #CCCCCC; text-decoration: none; font-style: normal; font-family: Arial, Helvetica, sans-serif; } a:hover { color: #FFFFFF; text-decoration: underline; font-style: normal; font-family: Arial, Helvetica, sans-serif; } a:active { color: #CCCCCC; text-decoration: none; font-style: normal; font-family: Arial, Helvetica, sans-serif; } --> </style> Quote
natimage Posted February 5, 2004 Posted February 5, 2004 (edited) The best way to do it would be to attach a style sheet such as: >{ text-decoration: none; } If you are not comfortable with style sheets, you could put the following code between the head tags of all your pages: ><!-- <style type="text/css"> a {text-decoration: none} </style> That should take care of the underline. ...SCOTT BEAT ME TO IT WITH A MUCH MORE THOROUGH ANSWER!!! Edited February 5, 2004 by natimage Quote
cloudrm Posted February 5, 2004 Posted February 5, 2004 That's what I meant. . . Try highlighting your text, and in the properties menu (window-properties or ctrl+F3) select your text color by clicking on the box just to the right of the size picker, or typing in the number (ie:#666633) into the box to the right of that. blind leading the blind I guess . .I was trying to make it easier without writing code in DW. but the posts above work better, if not just as well. I'm learning here too. Quote
Deverill Posted February 5, 2004 Posted February 5, 2004 How does changing the text color make the underline go away and not the text also? If I'm not mistaken changing the text color on all those states to the background color will make it invisible and get you banned from Google for hidden text Quote
bellringr Posted February 5, 2004 Author Posted February 5, 2004 I did make a stylesheet with None selected and attached it to the page but it didn't work. I'm not sure why - stylesheets in general aren't too complicated. However, pasting this code in the headers seems to take care of all underlines - visited or not. <style type="text/css"> a, a:link { text-decoration: none; } </style> Thanks all for your help! Quote
cloudrm Posted February 5, 2004 Posted February 5, 2004 changing the text color on all those states to the background color will make it invisible and get you banned from Google for hidden text It shouldn't do that if you specify the color using the text field in the properties menu. There's a difference between the "page properties" menu (cntl+J) and the "properties" menu (ctrl+F3). I need to learn more about CSS. Quote
natimage Posted February 5, 2004 Posted February 5, 2004 You need to try Scott's suggestion...I think mine failed because all states of the <a> tag weren't specified. Scott gave you the right answer!!! Quote
natimage Posted February 5, 2004 Posted February 5, 2004 I did just notice an error in your code, though. <style type="text/css">a, a:link { text-decoration: none; } </style> should be... ><style type="text/css"> a:link { text-decoration: none; } </style> ...but I'm still not sure it will work without defining all states of the tag. update...I just tested it and it worked for me. Hope that helps. Quote
bellringr Posted February 5, 2004 Author Posted February 5, 2004 I still can't see how changing the text color properties, even in both places would work, but hey - if it works for you, go for it. Mine worked just as I pasted it in my reply....funny that code would work with a colon or comma. But here's the page if you want to see. I did add one line, so here is exactly what was pasted in. <style type="text/css"> a, a:link {text-decoration: none; } a:hover { color: #D7688E; text-decoration: none } </style> And here is the page (only the first two links work right now) Travels Page I've learned two new things today! Quote
SEO Posted February 5, 2004 Posted February 5, 2004 Tracy (February Family Member Of The Month) is correct in pointing out that the extra a, is indeed 'extra'. Internet Explorer is very forgiving of extra characters... but I would still recommend cleaning it up Quote
bellringr Posted February 5, 2004 Author Posted February 5, 2004 Scott When I paste in the text that Tracy posted, the underlines do not go away. It's only when I put in the extra "a" that it works. I do not know why. Quote
krieser Posted February 5, 2004 Posted February 5, 2004 It might be because a:active and a:visited were not explicitly specified, whereas 'a' covers all? Although if the page was refreshed rolling over the links shouldn't activate 'active' or 'visited' properties. Quote
SEO Posted February 5, 2004 Posted February 5, 2004 Aaaa! Me Sorry. We (yes the February Family Member Of The Month and I) stand corrected. You can combine the styles for these tags by placing them both in the same line and separating them by a comma. A, a:visited{some styles} Again, I stand corrected (am I taller now?). Quote
natimage Posted February 5, 2004 Posted February 5, 2004 Good job, Scott!!! The way I first posted it worked in Mozilla...IE must not have liked it!! But, that's ok...because I don't like IE!! Quote
deanavail Posted February 11, 2004 Posted February 11, 2004 forgive me for asking neophyte questions..but I was noticing how all links on my web turn to purple after being visitited and are stuck in that color.... 1. is that how links are supposed to be stuck in the color once they are viewed or are they supposed to turn back to blue? 2. I looked into my CSS style sheet for the site and noted no a link definitions, when I tried to add a link tag definition (I am using Dreamweaver 2004 MX), I could not find any tag properties to define the color states of (link, visited, hover, and rollover) but I was able to find these under Modify > Page Properties > link ...so my question then is this where u would define it, the earlier post suggested it that one would find it under CSS properties, I did not.. Not trying to make a speech, am really asking a question..... Quote
TCH-Bruce Posted February 11, 2004 Posted February 11, 2004 1. is that how links are supposed to be stuck in the color once they are viewed or are they supposed to turn back to blue?Depends on the browser. You can define link colors to use if the developer has not added link colors to their style sheet or aren't using style sheets. I don't use Dreamweaver, but the link property should be in your style sheet in this fashion. a { color: #0000ff; }a:active { color: $ff0000; } a:hover { color: $ff00ff; } a:visited {color: #ffff00; } These are probably horrible color choices but you get the idea. <_> Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.