[Pro] I still have an accordion headache in IE8

Freeway
1

http://easthalldesign.com/test/whychooseus.html

Hi when user clicks the accordian the spacing goes inbetween the rules and headers. As Waltd suggetsed I added space before and after in the headers styling and same for the HR tag but no luck…

I would love to resolve this as I’m nearly done!

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

2

One thing to try would be to get rid of the HR, and use CSS to style a
similar rule at the bottom of your P or the top of your H2. I don’t
think that the existence of that element is what’s throwing things off
per se, but I would want to rule it out. IE is such a tender, fragile
flower, so unsure of itself in the great wild Web. It’s hard to say on
any given occasion what will make it start muttering to itself in the
corner.

Walter

On Apr 16, 2011, at 12:16 PM, Justin Easthall wrote:

http://easthalldesign.com/test/whychooseus.html

Hi when user clicks the accordian the spacing goes inbetween the
rules and headers. As Waltd suggetsed I added space before and after
in the headers styling and same for the HR tag but no luck…

I would love to resolve this as I’m nearly done!

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

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

3

I removed the HR altogether - same prob persists…

http://easthalldesign.com/test/test123.html

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

4

Actually It seems to work 80% I just retested it. I think this could be ok? How do I add a CSS HR in Freeway? I no nout about this or the code!

I’d just need code to make a two pix rule with top grey, bottom pix white
I think I could figure this out if I know how to add the CSS?

Originally I created a HR in the styling

Cheers

J

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

5

Open up your H2 style (the one you’re using inside your accordion) and
add the following rules to it using the Extended dialog. For each
rule, use the New button to add, and then put the part before the : in
the Name, the part after in the Value, and leave the : out altogether.

padding-top: 12px
border-top: 2px inset #666

You’ll have to fiddle with the border color – using inset causes it
to create a highlight and a shadow color based on the color you set,
so look at it and see what you like. Also try a 3px inset, that might
be even better for you.

Walter

On Apr 16, 2011, at 3:34 PM, Justin Easthall wrote:

Actually It seems to work 80% I just retested it. I think this could
be ok? How do I add a CSS HR in Freeway? I no nout about this or the
code!

I’d just need code to make a two pix rule with top grey, bottom pix
white
I think I could figure this out if I know how to add the CSS?

Originally I created a HR in the styling

Cheers

J

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

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

6

Adding the above has made a square around the headers - so Ill remove in a mo also the spacing issue is still there! Gosh… what to do!

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

7

Be sure that you entered border-top, not just border. The latter would make a square around the entire header.

Walter

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

8

I probably did - I’ll take a look in the am. Cheers for help

J

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