Inline Style sheet

liunx · Jan 9, 2008

Hope someone can help me with a problem. All my text links are controlled by my external style sheets. I have the following code that i want to apply an inline style to and over ride it with.. 
 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_home.lasso">Home</a>     
<a href=http://www.htmlforums.com/archive/index.php/"/itc_aboutus.lasso">About 
Us</a>     
<a href=http://www.htmlforums.com/archive/index.php/"/itc_advertise.lasso">Advertise</a>     
<a href=http://www.htmlforums.com/archive/index.php/"/itc_contact.lasso">Contact Us</a>     
<a href=http://www.htmlforums.com/archive/index.php/"/itc_disclaimer.lasso">Disclaimer</a> 
    
<a href=http://www.htmlforums.com/archive/index.php/"/itc_links.lasso">Links</a> 
 
I want these links to be white and change to blue on hover over and no text decoration. Can anyone help me do this? I've been trying for 2 hours with no results. 
Thanks a lot. 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_home.lasso">Home</a> 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_aboutus.lasso">About 
Us</a> 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_advertise.lasso">Advertise</a> 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_contact.lasso">Contact Us</a> 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_disclaimer.lasso">Disclaimer</a> 
 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_links.lasso">Links</a> 
 
 
Then in the head of the page after the link for the external sheet put: 
 
<style> 
.otherlinks a {color:white; text-decoration:none} 
.otherlinks a:hover {color:blue; text-decoration:none} 
</style> 
 
 
HTHI've used the code but it's not overwriting my style sheet, my code is as follows... 
 
<LINK REL=STYLESHEET TYPE="text/css" HREF=http://www.htmlforums.com/archive/index.php/"itc-style.css"> 
<style> 
.otherlinks a {color:white; text-decoration:none} 
.otherlinks a:hover {color:blue; text-decoration:none} 
</style> 
 
 
<a href="/itc_home.lasso">Home</a>     <a href=http://www.htmlforums.com/archive/index.php/"/itc_aboutus.lasso">About 
Us</a>     <a href=http://www.htmlforums.com/archive/index.php/"/itc_advertise.lasso">Advertise</a>     
<a href="/itc_contact.lasso">Contact Us</a>     <a href=http://www.htmlforums.com/archive/index.php/"/itc_disclaimer.lasso">Disclaimer</a> 
    <a href=http://www.htmlforums.com/archive/index.php/"/itc_links.lasso">Links</a> 
 
 
Any ideas? I still have my blue links underlined as defined in the external style sheet. 
Thanks.Try 
<LINK REL=STYLESHEET TYPE="text/css" HREF=http://www.htmlforums.com/archive/index.php/"itc-style.css"> 
<style> 
.otherlinks a:link, a:visited, a:active {color:white; text-decoration:none} 
.otherlinks a:hover {color:blue; text-decoration:none} 
</style> 
 
 
<a href="/itc_home.lasso">Home</a> <a href=http://www.htmlforums.com/archive/index.php/"/itc_aboutus.lasso">About 
Us</a> <a href=http://www.htmlforums.com/archive/index.php/"/itc_advertise.lasso">Advertise</a> 
<a href="/itc_contact.lasso">Contact Us</a> <a href=http://www.htmlforums.com/archive/index.php/"/itc_disclaimer.lasso">Disclaimer</a> 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_links.lasso">Links</a> 
Thanks, it's working now only with a slight problem. When i move a pointer over one of the links they all seem to move around a lot. I have no sizes specified in my style, just the colors. Anyone know why. There are sizes specified in my external style sheet, will that make a difference?Originally posted by celticking 
...move around a lot... 
Please define.When i move a pointer over a link, the color changes as it should but the font also increases in size. This is for the links within listed above. 
Thanks.<LINK REL=STYLESHEET TYPE="text/css" HREF=http://www.htmlforums.com/archive/index.php/"itc-style.css"> 
<style> 
.otherlinks a:link, a:visited, a:active {colorwhite; text-decoration: none; font-size: medium} 
.otherlinks a:hover {color: blue; text-decoration: none; font-size: medium} 
</style> 
 
 
<a href="/itc_home.lasso">Home</a> <a href=http://www.htmlforums.com/archive/index.php/"/itc_aboutus.lasso">About 
Us</a> <a href=http://www.htmlforums.com/archive/index.php/"/itc_advertise.lasso">Advertise</a> 
<a href="/itc_contact.lasso">Contact Us</a> <a href=http://www.htmlforums.com/archive/index.php/"/itc_disclaimer.lasso">Disclaimer</a> 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_links.lasso">Links</a> 
Everything works just right now.In my main page i have this code... 
<LINK REL=STYLESHEET TYPE="text/css" HREF=http://www.htmlforums.com/archive/index.php/"itc_layout/itc-style.css"> 
<style> 
.otherlinks a:link, a:visited, a:active {color:white; text-decoration:none} 
.otherlinks a:hover {color:blue; text-decoration:none} 
</style> 
 
The embedded style i have only applied to some links at the top of my page that sit on a red graphic. All the other links sit on a white background and should be controlled by my external style sheet? The code is... 
 
BODY { 
color: Black; 
font-family: Verdana, Arial, 
"Courier New", "MS Sans Serif"; 
font-size: small; 
text-align: left; 
text-decoration : underline; 
 
} 
 
A:LINK, A:VISITED, A:ACTIVE { 
color : #000099; 
text-decoration : underline; 
font-family: Arial, Helvetica, sans-serif; 
font-size: small; 
 
} 
 
 
 
A:HOVER { 
color: #7B68EE; 
text-decoration: underline; 
font-family : Arial, Helvetica, sans-serif; 
font-size : small; 
} 
 
The A:LINK and A:HOVER work correctly but the VISITED and ACTIVE seem to be white, as in my embedded sheet so i can't see them on the page. 
 
Can anyone see a problem with my code? 
Thanks.If i'm using 
 
<LINK REL=STYLESHEET TYPE="text/css" HREF=http://www.htmlforums.com/archive/index.php/"itc-style.css"> 
<style> 
.otherlinks a {color:white; text-decoration:none} 
.otherlinks a:hover {color:blue; text-decoration:none} 
</style> 
 
 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_home.lasso">Home</a> 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_aboutus.lasso">About 
Us</a> 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_advertise.lasso">Advertise</a> 
<a href="/itc_contact.lasso">Contact Us</a> <a href=http://www.htmlforums.com/archive/index.php/"/itc_disclaimer.lasso">Disclaimer</a> 
<a href=http://www.htmlforums.com/archive/index.php/"/itc_links.lasso">Links</a> 
 
shouldn't this only apply to where i specify 
 ? This code is applying to all my links throughout the site, instead of my external style sheet. Is there anybody who can tell me how i rectify this. I only want to control two particular areas. I then want my external sheet to control all other links sitewide. Is there a different way i should be using? 
You can see the problem i'm having at 
<a class="postlink" href="http://www.inthecredits.com/itc_home.lasso">http://www.inthecredits.com/itc_home.lasso</a> 
Select any link on a white background and it'll disappear due to the visited link be set from I'm really confused by all this. 
Thanks.

Inline Style sheet

liunx

Guest