|
|
|
|
![]() ![]() |
Nov 7 2004, 06:12 AM
Post
#1
|
|
|
Member [Level 1] ![]() ![]() ![]() ![]() Group: Members Posts: 51 Joined: 24-July 04 Member No.: 196 |
Ok i'm working with a css for just the font, but since I have the font as a link, it reverts back to making it blue and underlined. What am I doing wrong here? I think I am having a problem with the "selector" portion of this. I want my links to just show as a font, color, and size that I choose. No underlining.
in the head: <title>2 G's Productions</title> <style type="text/css"> <!-- P{ font-family: verdana; font-size: 14px; font-style: normal; color: #000000; } --> </style> </head> in the body: <p><a href="company.htm">OUR COMPANY</a></p> <p><a href="merch.htm">MERCHANDISE</a></p> <p><a href="bios.htm">BIOS</a></p> <p><a href="studio.htm">STUDIO</a></p> <p><a href="events.htm">EVENTS</a></p> <p><a href="contact.htm">CONTACT</a></p> |
|
|
|
Nov 7 2004, 03:04 PM
Post
#2
|
|
|
Advanced Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 140 Joined: 30-September 04 Member No.: 1,357 |
You have to put in your css tags this:
A:link { text-decoration: none; color:#000000 ; A:visited { text-decoration: none; color: #000000; A:hover { text-decoration: none; color: #000000;} Or whatever you want. This: text-decoration: none; keeps away the underlining of your links |
|
|
|
Nov 14 2004, 07:31 PM
Post
#3
|
|
|
Princess ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 1,233 Joined: 9-October 04 From: England Member No.: 1,563 |
add
a:active { font-size:8pt;font-family:verdana;color: #000000; text-decoration: none;} a:visited { font-size:8pt;font-family:verdana;color: #000000; text-decoration: none;} a:link { font-size:8pt;font-family:verdana;color: #000000; text-decoration: none;} a:hover { font-size:8pt;font-family:verdana;color: #000000; text-decoration: none;} into the script or A:link,A:visited,A:active { font-size:8pt;font-family:verdana;color: #000000; text-decoration: none;} if you want them all to be the same It's something like that CODE <title>2 G's Productions</title> <style type="text/css"> <!-- P{ font-family: verdana; font-size: 14px; font-style: normal; color: #000000; } a:active { font-size:8pt; font-family:verdana; color: #000000; text-decoration: none; } a:visited { font-size:8pt; font-family:verdana; color: #000000; text-decoration: none; } a:link { font-size:8pt; font-family:verdana; color: #000000; text-decoration: none; } a:hover { font-size:8pt; font-family:verdana; color: #000000; text-decoration: none; } --> </style> </head> in the body: <p><a href="company.htm">OUR COMPANY</a></p> <p><a href="merch.htm">MERCHANDISE</a></p> <p><a href="bios.htm">BIOS</a></p> <p><a href="studio.htm">STUDIO</a></p> <p><a href="events.htm">EVENTS</a></p> <p><a href="contact.htm">CONTACT</a></p> |
|
|
|
Sep 2 2006, 12:38 AM
Post
#4
|
|
|
Super Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 273 Joined: 14-April 06 From: Ontario, Canada, North America, Planet Earth Member No.: 21,845 |
You could also do:
CODE <a href="yourpage.html" style="color:rgb(0,0,0)">Link Display Text</a> That would work, but the above ways are better. |
|
|
|
Sep 2 2006, 02:57 AM
Post
#5
|
|
|
Premium Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Members Posts: 162 Joined: 10-May 06 Member No.: 23,375 |
Well you could also give them class names.
In this way you could have multiple styles if you want for different categories of links on the page. You could simultaneously define a global style by the above method. To define a class : CODE .mya:link, .mya:visited, .mya:active { font-size:11px; font-family:verdana; color: #000000; text-decoration: underline; } .mya:hover { font-size:11px; font-family:verdana; color: #999999; text-decoration: none; } To use the class: CODE <a href="" class="mya">Link</a> Hope that helps |
|
|
|
![]() ![]() |
Similar Topics
|
Lo-Fi Version | Time is now: 11th October 2008 - 07:52 AM |