eversolo Posted October 19, 2008 Share Posted October 19, 2008 Hi Friends, I am not a professional web site designer ... but i am working on a web site ... all that i want to know is: In one page i have upper links and down links at middle of the page ... the site is totally in Orange colour and the font colour is Whit, Now i need to change the banner colour to Dark Black and the Page colour to Light grey. The problem is ... at the banner the Whit coloured Links are fine ... and i am using style sheet for them .... but for grey area of the site ... if i use inner style sheet or external style sheet to change the colour from White to Black.... the upper Banner Font Link colurs become Black. i tried much ... but i am unable to.... so anyone please help me ... guide me Quote Link to comment Share on other sites More sharing options...
dropfaith Posted October 19, 2008 Share Posted October 19, 2008 post some css or a link to your page also this should be moved to css help thread Quote Link to comment Share on other sites More sharing options...
eversolo Posted October 19, 2008 Author Share Posted October 19, 2008 a:link { font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: none; font-size: 10pt; } a:visited { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: black; font-size: 10pt; } a:active { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; font-size:10pt; } a:hover { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10pt; color: #A52A2A; } this is the code for the upper links ... and the same style sheet i am using for the grey background area links ... i just need to differ the color ... check the web site: www.pearlproperty.ae this site is in orange color ... i am going to change it into Black banner and Grey ground with black font colour ... Quote Link to comment Share on other sites More sharing options...
simcoweb Posted October 19, 2008 Share Posted October 19, 2008 Basically you'd create a new class for your links and assign it to them like this where say you wanted the links to be white against that black background and a yellow hover/rollover: a:link.black { font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: none; font-size: 10pt; } a:visited.black { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; font-size: 10pt; } a:hover.black { font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 10pt; color: #FFFF00; } a:active.black { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; font-size:10pt; } Then with your links do this: <a href="nameofpage.htm" class="black">Link Name Here</a> Quote Link to comment Share on other sites More sharing options...
haku Posted October 20, 2008 Share Posted October 20, 2008 I couldn't even read that. Spend some time learning grammar, and then work on programming. Quote Link to comment Share on other sites More sharing options...
eversolo Posted October 20, 2008 Author Share Posted October 20, 2008 thanks simcoweb My problem is solved ... and I am happy ... i am really greatful to you. Thanks again for this forum also. regards EverSolo Quote Link to comment Share on other sites More sharing options...
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.