CSS Codes
CSS Layouts
Results 1 to 2 of 2

Thread: Accordion Menu script (v1.3)

  1. 06-12-2008, 08:10 PM #1
    dpineda
    dpineda is offline New Comer (less than 5 posts)
    Join Date
    May 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Accordion Menu script (v1.3)

    1) Script Title: Accordion Menu script (v1.3)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...ordionmenu.htm

    3) Describe problem: I tried generating a menu using the accordian script on my webpage. I seem to be having a problem to get the font / formatting to change to "Cabrili" size "13" on the menuheaders. The font on the objects benath the headers seem to be working fine. I also noticed that there is a font / formatting inconcistency between Mozilla Firefox and Apple Safari as compared to IE.

    If you can help explain where the problem in my code is so the fonts remain consistent throughout Firefox, IE, and Safari. I would appreciate it.

    Also, I had noticed when viewing the webpage on a computer with a smaller display (laptop), when the menu is fully expanded, you cannot see some of the choices as they fall off the screen. Is it possible to add a scroll bar?

    Thank you!

    My example: http://www.mccarthy-international.com/development/
    Last edited by dpineda; 06-12-2008 at 08:30 PM.
    Reply With Quote Reply With Quote
  2. 06-12-2008, 09:33 PM #2
    ddadmin's Avatar
    ddadmin
    ddadmin is offline Administrator
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    With regards to the font question, if you mean the font of the headers by default (and not dynamically when it's either expanded or contracted etc), this should just be a straight forward CSS issue. I know I have trouble getting a font to look the same across browsers, especially versus Safari. You may want to research this a bit more on Google.

    Code:
    Also, I had noticed when viewing the webpage on a computer with a smaller display (laptop), when the menu is fully expanded, you cannot see some of the choices as they fall off the screen. Is it possible to add a scroll bar?
    The problem is because the menu is inside a frame with no scrollbars specified. Any content that exceeds the height of the window -not just the menu per say- will be hidden as a result. If you want cross browser compatibility, your best bet is to enable scrollbars on the left frame, which may look ugly as a result, however. Something like:

    Code:
    <html>
<frameset cols="30%,70%" frameborder=no border=no framespacing=no>
<frame src="page1.htm" scrolling="yes">
<frame src="page2.htm">
</frameset>
</html>
    A good frames tutorial here.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules