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 Link to comment https://forums.phpfreaks.com/topic/129088-style-sheet-problem/ 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 Link to comment https://forums.phpfreaks.com/topic/129088-style-sheet-problem/#findComment-669205 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 ... Link to comment https://forums.phpfreaks.com/topic/129088-style-sheet-problem/#findComment-669239 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> Link to comment https://forums.phpfreaks.com/topic/129088-style-sheet-problem/#findComment-669522 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. Link to comment https://forums.phpfreaks.com/topic/129088-style-sheet-problem/#findComment-669653 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 Link to comment https://forums.phpfreaks.com/topic/129088-style-sheet-problem/#findComment-669777 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.