[Pro] scripty accordion

hey walter et al
I am working on a scripty accordian
works fine but I need help with 2 things

How can I omit the visible bullets? I unchecked in Inspector but then the action stops working

and

how can I have the link highlight colors. I also checked the Inspector and page links but nothing works

thanks for helping me

C


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You probably have to create a style for your accordion div. Try this:

Make a new style.

Goes in Tag: #nameofyourdiv li

Name: should be empty/blank/nothing in it

Click on Extended

Name: list-style-type: none

Value: none

See if that works.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

thx Robin
this did not work
ah


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m sorry, I had extra text in the Name field of Extended. Does it work if you just put in the Name field:

list-style-type

I had put :none after it, but I didn’t mean to, because none goes into the Value field.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Robin
nada not for me…
thx anyway


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can you post a link Carla?

One easy solution with no extra code/styles is NOT to use list items as trigger elements or show/hide elements

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

sure Dave
thx

here is example
what I am struggling with is eliminating bullets , having the orange highlight color ( orange) stay visible on current page and not having so much leading between items on menu.
I did lessen the leading on main list but the sub list items became too close

thanks for looking at it as always you have been such a great help to me…
http://www.carlagrande.com/menu2.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Try this - first rename item1c2a (the menu container div) to menu1 (1st Tab in the inspector. Title:menu1)
Then alter the #menu1 style as below

#menu1 li {
font-family:'Quicksand', Helvetica;
font-size:12px;
list-type-style: none !important;
} 

And see if that does the trick for your bullets.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok Dave
where do I insert this code?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You must have created this style yourself?

If so then you just edit it in the styles palette.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes made this myself but the code the way you have it with {
and the
list-type-style: none !important;
}

do I just put this part in extended as Robin suggested?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

sorry I must not understand what you are doing


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes it is in the extended part but I have just noticed you have list-type-style

when it should be list-style-type

So in Extended the name should be ‘list-style-type’ and the value should be ‘none !important’ - don’t include the quote marks!

So you need to change that part and also change the name of your menu container to menu1

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

hmm i looked at extended and it is list-style-type and value is set at none
I will add your other code and get back to you
thx


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dave
I have done everything you said to do and nothing has changed


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This what it looks like with my alts

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I must be doing something wrong Dave I understand that but do not know what.

this is what I put in extended

list-style-type
none !important


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Well I am still seeing this

    #menu1 li {
font-family:'Quicksand', Helvetica;
font-size:12px;
list-type-style:
} 

Copy and paste the following into Page>HTML Markup in the before end head section.

<style type="text/css">
<!--
#menu1 li {
font-family:'Quicksand', Helvetica;
font-size:12px;
list-style-type: none !important;
}
-->
</style> 

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

And let me know once it is uploaded.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Dave
interesting we ar seeing 2 different codes

menu1 li { list-style-type: none:none }

I will keep trying
ugh


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options