www.webdeveloper.com
Results 1 to 4 of 4

Thread: jump menu widths

  1. #1
    Join Date
    Jul 2004
    Posts
    2

    Angry jump menu widths

    Jump Menus on a pc: Defining width!!


    The following works on a mac but a PC restricts width. Looking for a CSS hack if possible. Here is the code

    -------

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    </head>

    <body>
    <form name="title_jump">

    <select name="menu1" class="text" style="width: 180px;" onChange="MM_jumpMenu('parent',this,0)">
    <option selected>All Digital Photography Tiles:</option>
    <option value="1_digi_photo/xmfxd/XMFXD_BOOK.html">Michael Freeman Digital Photography Expert: Close-up Photography </option>
    <option value="1_digi_photo/xmfxl/XMFXL_BOOK.html">Michael Freeman Digital Photography Expert: Light and Lighting</option>
    <option value="1_digi_photo/xmfxp/XMFXP_BOOK.html">Michael Freeman Digital Photography Expert: Photographing People</option>
    <option value="1_digi_photo/xmfxo/XMFXO_BOOK.html">Michael Freeman Digital Photography Expert: Landscape and Nature</option>
    <option value="1_digi_photo/xssla/XSSLA_BOOK.html">Step by Step Digital Landscape Photography</option>
    <option value="1_digi_photo/xssnu/XSSNU_BOOK.html">Step by Step Digital Nude Photography</option>
    <option value="1_digi_photo/xsspo/XSSPO_BOOK.html">Step by Step Digital Family Photography</option>
    <option value="1_digi_photo/xssre/XSSRE_BOOK.html">Step by Step Digital Photo Retouching</option>
    <option value="1_digi_photo/xelem/XELEM_BOOK.html">Digital Photographer's Guide to Photoshop Elements</option>
    <option value="1_digi_photo/xseed/XSEED_BOOK.html">Secrets of the Digital Darkroom</option>
    <option value="1_digi_photo/xsnap/XSNAP_BOOK.html">Perfect Digital Photos in a Snap</option>
    </select>
    </form>
    </body>
    </html>

    Thanks in advance10

  2. #2
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    so what is it doing exactly and what do you want it to do? Is this line: style="width: 180px;" the one you mean?
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

  3. #3
    Join Date
    Jul 2004
    Posts
    2
    Hi DaveSW

    Cheers for replying, this is so annoying!

    style="width: 180px; sets the width of the jump menu. When you select on a mac a wider list drops down.

    On a pc the list is cropped to set width.

    Think its a css IE bug but cannot workoout max width etc.

    Hope this makes more sense now?

  4. #4
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    I see what you mean but unfortunately I don't think you can have a different width in IE. IE seems to take the width assigned and use it all the way down.

    You could perhaps try a different sort of menu? e.g. a div that shows/hides onclick?
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles