|
| |
|
|
MCD
Posts: 672
Joined: 3/19/2002
From: Al USA
Status: offline
 |
Adding a class to a menu - 8/30/2005 17:04:19
I need to add a background image (arrow) to a few of the links on a popout menu. I have tried what seems everything and I'm still not getting what I need. Can anyone offer a suggestion or tell me why this doesn't work?
CSS Code
#nav a.arrow {
background-image: url(../arrow.gif) center right no-repeat;
}
In my HTML I simply called the class:
HTML
<li><a class="arrow" href="#">Link 1</a>
BTW - The rest of the menu is working fine.
_____________________________
Author of " How To Build A Website With Duct Tape"
|
|
|
|
d a v e
Posts: 4167
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online
|
RE: Adding a class to a menu - 8/31/2005 10:52:16
btw, a # hash (or octothorpe, or whatever...) is for an id i.e. a unique instance of that 'thingy' on a page. a class begins with a period/full stop
.class
#id
_____________________________
David Prescott
Gekko web design
| |
|
|
|
Tailslide
Posts: 6270
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Adding a class to a menu - 8/31/2005 10:53:59
Dave - the #nav is for the <ul id="nav"> and the .arrow is the class for the link with the right arrow attached.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
MCD
Posts: 672
Joined: 3/19/2002
From: Al USA
Status: offline
|
RE: Adding a class to a menu - 8/31/2005 10:57:45
I have continued to dicker and study so it is slightly different. You can see my pages at:
www.fbcspringville.com/staff.asp
_____________________________
Author of " How To Build A Website With Duct Tape"
| |
|
|
|
d a v e
Posts: 4167
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online
|
RE: Adding a class to a menu - 8/31/2005 10:59:18
quote:
dicker are you allowed to say that sort of thing on a forum? ;)
_____________________________
David Prescott
Gekko web design
| |
|
|
|
Tailslide
Posts: 6270
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Adding a class to a menu - 8/31/2005 11:19:06
Only thing is that the classes are missing from the links - should be like this:
<div id="navigation">
<ul id="nav">
<li><a href="index.asp">Home</a></li>
<li><a href="staff.asp">Staff</a></li>
<li><a href="calendar/index.asp">Calendar</a></li>
<li><a href="prayer.asp">Prayer Requests</a></li>
<li><a href="newsletter/default.asp">Newsletter</a></li>
<li><a href="#" class="arrow">Ministries</a>
<ul>
<li><a href="gods_kids.asp">God's Kids</a></li>
<li><a href="little_chapel.asp">Little Chapel</a></li>
<li><a href="children.asp">Children</a></li>
<li><a href="student.asp">Students</a></li>
<li><a href="seniors.asp">Senior Adults</a></li>
<li><a href="music.asp">Music</a></li>
<li><a href="discipleship.asp">Discipleship</a></li>
<li><a href="evangelism.asp">Evangelism</a></li>
</ul>
</li>
<li><a href="#" class="arrow">Resources</a>
<ul>
<li><a href="bpnews.asp">Baptist Press</a></li>
<li><a href="history.asp">History</a></li>
<li><a href="links.asp">Links</a></li>
</ul>
</li>
<li><a href="salvation.asp">Seeking Jesus?</a></li>
<li><a href="contact.asp">Contact Us</a></li>
</ul>
Your CSS looks exactly right to me. Only other thing to check is the path to the image.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
MCD
Posts: 672
Joined: 3/19/2002
From: Al USA
Status: offline
|
RE: Adding a class to a menu - 8/31/2005 16:32:02
The problem seems to be that the navigation is in a FP include. Is there any solution to that problem?
I got it to work in a single page without the include page.
< Message edited by MCD -- 8/31/2005 17:38:25 >
_____________________________
Author of " How To Build A Website With Duct Tape"
| |
|
|
|
MCD
Posts: 672
Joined: 3/19/2002
From: Al USA
Status: offline
|
RE: Adding a class to a menu - 8/31/2005 17:53:07
Here is the solution to this mess. My FP was not updating my "include." Once I published the include by right clicking it telling FP to publish the file everything was okay.
Thanks Tailslide for ALL your help. I learned a lot. I also found out I have a lot to learn and that CSS menus have endless possibilities.
_____________________________
Author of " How To Build A Website With Duct Tape"
| |
|
|
|
Tailslide
Posts: 6270
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Adding a class to a menu - 8/31/2005 18:17:21
quote:
ORIGINAL: MCD
Thanks Tailslide for ALL your help. I learned a lot. I also found out I have a lot to learn and that CSS menus have endless possibilities.
No problem - glad it all worked out!
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
