logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 09-21-2011, 07:37 AM   #1
richcodesign
 
Join Date: Mar 2009
Location: London
Posts: 148
Default CSS Menu

I would like to have one of my menu buttons be a different colour from the rest. I am not sure if this can be done by just defining a class to that particular button (I tried it and it didnt work - not sure if my css was right)

I would like the "prices" button to view with a red background, white text and with a blue background and black text when rolled over.

The link is
http://www.resinco.co.uk/floor_coati...r_coating.html

At the moment all the buttons are just grey and turn black when rolled over, the others can stay like this, I just wonder if the 'prices' button can be different?
richcodesign is offline   Reply With Quote
Old 09-21-2011, 08:53 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

assign the class to the li,. < li class="red class">
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 09-21-2011, 10:33 AM   #3
richcodesign
 
Join Date: Mar 2009
Location: London
Posts: 148
Default

Thanks for your help.

Righto... I have done that to one of the pages, but it does not seem to be working for me (no change!) Im not sure what I have done wrong/right???

http://www.resinco.co.uk/anti_slip_c..._slip_uvr.html
Page in question can be found at the link above. The "prices" tab is still grey???
richcodesign is offline   Reply With Quote
Old 09-21-2011, 11:47 AM   #4
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

In which stylesheet did you declare the rule for redmenu class? I can't find it in the stylesheets you're pointing to in the head.
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 09-21-2011, 11:55 AM   #5
richcodesign
 
Join Date: Mar 2009
Location: London
Posts: 148
Default

style.css

Hope you can see it. Thanks again
richcodesign is offline   Reply With Quote
Old 09-21-2011, 12:26 PM   #6
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

No, i stiil don't see it. I've searched up and down, but no rule for .redmenu
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 09-21-2011, 12:37 PM   #7
richcodesign
 
Join Date: Mar 2009
Location: London
Posts: 148
Default

hmmmm.... Sorry about that.

This is the css

.redmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #EEE;
background-color: #B00;
text-decoration:none;
font-size:12px;
}
.redmenu a: {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #EEE;
background-color: #B00;
text-decoration:none;
font-size:12px;
}

Last edited by richcodesign; 09-21-2011 at 12:46 PM.. Reason: additionals
richcodesign is offline   Reply With Quote
Old 09-21-2011, 12:39 PM   #8
richcodesign
 
Join Date: Mar 2009
Location: London
Posts: 148
Default

This is the menu bar

<div class="productspecs">
<ul>
<li><a href="anti_slip_uvr.html">Information</a></li>
<li><a href="anti_slip_uvr_benefits.html">Benefits</a></li>
<li><a href="anti_slip_uvr_specifications.html">Specifications</a></li>
<li><a href="anti_slip_uvr_installation.html">Installation Guide</a></li>
<li><a href="anti_slip_uvr_prices.html" class="redmenu">Prices</a></li>
<li><a href="anti_slip_uvr_datasheets.html">Data Sheets</a></li>
</ul>
</div>
richcodesign is offline   Reply With Quote
Old 09-21-2011, 12:40 PM   #9
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Okay, but did you put those css rules in your stylesheet (I don't see those styles in style.css), because if they're not there then it will never be red.
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 09-21-2011, 01:06 PM   #10
richcodesign
 
Join Date: Mar 2009
Location: London
Posts: 148
Default

There is nothing to update in my dreamweaver file.

The information in on this link below (not all pages)
http://resinco.co.uk/anti_slip_coati..._slip_uvr.html
richcodesign is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:28 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com