In order for us to help you faster, please always include the following in your posts:

  • A link to your website (if developing offline please include a screenshot).
  • The exact Joomla! version (J!1.5.7) you are running.
  • The template version from the xml (located in "site root / templates / template name / template_details.xml")
  • Your servers php version.
  • Which browser(s) the issue is occurring in.

This information should be in the following format:

WEBSITE URL:
http://www.pietsnot.com
JOOMLA VERSION:
1.5.5
TEMPLATE VERSION:
1.4
PHP VERSION:
5
AFFECTED BROWSERS:
IE6, IE6, FF3, FF2.01

DESCRIPTION:

I am unable to get my suckfish menu to work in the above mentioned browsers.

It is also important that you check the following before posting:

  1. Have you have read the templates guide. (http://moourl.com/guides)
  2. Have you tested another template to see if the issue is related to your website or the template.
  3. Have you tried installing a fresh copy of the template to see if the problem exists in the original packaged version?
HIDE THIS MESSAGE
FireBoard
Welcome, Guest
Please Login or Register.    Lost Password?
CSS to make menu separators the right color (1 viewing) (1) Guest
Go to bottom Post Reply Favoured: 0
TOPIC: CSS to make menu separators the right color
#3844
heartsutra (User)
Fresh Boarder
Posts: 5
graphgraph
User Offline Click here to see the profile of this user
CSS to make menu separators the right color 2 Months, 3 Weeks ago Karma: 0  
Hi,

I was having a problem with using separators in the Rational Magic menus. Specifically, if I used a separator as the top item in a drop-down, when I went to a sub-item in that section the separator text was white against a very pale pink. See screenshot:



I made the following addition to the CSS in menus.css, which fixed the problem:

Code:

ul#jjSuperfish li.jjNav-child-active span.separator {
color: #222;
}


The reason I'm using separators is to have a drop-down category which isn't a link itself. If there's some other menu item type which would accomplish this better, please let me know. Otherwise, if you don't see some glaring flaw with this solution, you may want to think about adding it to the next version of the template.

Best wishes,
Andrea
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#3848
Matt (Admin)
Support
Admin
Posts: 1007
graph
User Online Now Click here to see the profile of this user
Gender: Male Location: Columbus, Ohio Birthdate: 1973-12-04
Re:CSS to make menu separators the right color 2 Months, 3 Weeks ago Karma: 14  
You can also make a standard link to a url, but insert # in the URL field. I think this will solve your issue.
 
Report to moderator   Logged Logged  
 
  The administrator has disabled public write access.
#3849
heartsutra (User)
Fresh Boarder
Posts: 5
graphgraph
User Offline Click here to see the profile of this user
Re:CSS to make menu separators the right color 2 Months, 3 Weeks ago Karma: 0  
Thanks. I actually went one step farther and added a
Code:

cursor: default;
style to the separator CSS, to prevent the cursor from turning into the link pointer hand. Hopefully that will prevent users from clicking fruitlessly.
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#3850
Matt (Admin)
Support
Admin
Posts: 1007
graph
User Online Now Click here to see the profile of this user
Gender: Male Location: Columbus, Ohio Birthdate: 1973-12-04
Re:CSS to make menu separators the right color 2 Months, 3 Weeks ago Karma: 14  
You know what?

That is a awesome tip.
 
Report to moderator   Logged Logged  
 
  The administrator has disabled public write access.
#3852
Leckenby (Moderator)
Moderator
Posts: 200
graphgraph
User Offline Click here to see the profile of this user
Gender: Male Molten Monkey james@leckenby.org
Re:CSS to make menu separators the right color 2 Months, 3 Weeks ago Karma: 5  
Matt wrote:
You can also make a standard link to a url, but insert # in the URL field. I think this will solve your issue.

You could also use javascript:void(0), which would create a clickable link that did not work at all, seens as a # would reload the page Matt
 
Report to moderator   Logged Logged  
 
  The administrator has disabled public write access.
Go to top Post Reply
Powered by FireBoardget the latest posts directly to your desktop

Love Thy Favicon!

Click on a block to select it..


  • Template Club

    We have included a number of subscription options to give you access to all our templates. readmore

  • JoomlaJunkie Blog

    Have you seen the JoomlaJunkie Blog, where we will be covering all kinds of exciting topics! readmore

  • Help & Support

    We offer various types of support to assist you getting setup with your new template. readmore

  • Demo Templates

    Not had a look at our templates yet? Why not head over to our demo server to take a peek!! view demos

 
  • Copyright ©2008 JoomlaJunkie.