Jump Menus on a pc: Defining width!!<br />
<br />
<br />
The following works on a mac but a PC restricts width. Looking for a CSS hack if possible. Here is the code<br />
<br />
-------<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"<br />
"http://www.w3.org/TR/html4/loose.dtd"><br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<title>Untitled Document</title><br />
</head><br />
<br />
<body><br />
<form name="title_jump"><br />
<br />
<select name="menu1" class="text" style="width: 180px;" onChange="MM_jumpMenu('parent',this,0)"><br />
<option selected>All Digital Photography Tiles:</option><br />
<option value="1_digi_photo/xmfxd/XMFXD_BOOK.html">Michael Freeman Digital Photography Expert: Close-up Photography </option><br />
<option value="1_digi_photo/xmfxl/XMFXL_BOOK.html">Michael Freeman Digital Photography Expert: Light and Lighting</option><br />
<option value="1_digi_photo/xmfxp/XMFXP_BOOK.html">Michael Freeman Digital Photography Expert: Photographing People</option><br />
<option value="1_digi_photo/xmfxo/XMFXO_BOOK.html">Michael Freeman Digital Photography Expert: Landscape and Nature</option><br />
<option value="1_digi_photo/xssla/XSSLA_BOOK.html">Step by Step Digital Landscape Photography</option><br />
<option value="1_digi_photo/xssnu/XSSNU_BOOK.html">Step by Step Digital Nude Photography</option><br />
<option value="1_digi_photo/xsspo/XSSPO_BOOK.html">Step by Step Digital Family Photography</option><br />
<option value="1_digi_photo/xssre/XSSRE_BOOK.html">Step by Step Digital Photo Retouching</option><br />
<option value="1_digi_photo/xelem/XELEM_BOOK.html">Digital Photographer's Guide to Photoshop Elements</option> <br />
<option value="1_digi_photo/xseed/XSEED_BOOK.html">Secrets of the Digital Darkroom</option> <br />
<option value="1_digi_photo/xsnap/XSNAP_BOOK.html">Perfect Digital Photos in a Snap</option> <br />
</select><br />
</form><br />
</body><br />
</html><br />
<br />
Thanks in advance10<!--content-->so what is it doing exactly and what do you want it to do? Is this line: style="width: 180px;" the one you mean?<!--content-->Hi DaveSW<br />
<br />
Cheers for replying, this is so annoying!<br />
<br />
style="width: 180px; sets the width of the jump menu. When you select on a mac a wider list drops down.<br />
<br />
On a pc the list is cropped to set width.<br />
<br />
Think its a css IE bug but cannot workoout max width etc. <br />
<br />
Hope this makes more sense now?<!--content-->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.<br />
<br />
You could perhaps try a different sort of menu? e.g. a div that shows/hides onclick?<!--content-->
<br />
<br />
The following works on a mac but a PC restricts width. Looking for a CSS hack if possible. Here is the code<br />
<br />
-------<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"<br />
"http://www.w3.org/TR/html4/loose.dtd"><br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<title>Untitled Document</title><br />
</head><br />
<br />
<body><br />
<form name="title_jump"><br />
<br />
<select name="menu1" class="text" style="width: 180px;" onChange="MM_jumpMenu('parent',this,0)"><br />
<option selected>All Digital Photography Tiles:</option><br />
<option value="1_digi_photo/xmfxd/XMFXD_BOOK.html">Michael Freeman Digital Photography Expert: Close-up Photography </option><br />
<option value="1_digi_photo/xmfxl/XMFXL_BOOK.html">Michael Freeman Digital Photography Expert: Light and Lighting</option><br />
<option value="1_digi_photo/xmfxp/XMFXP_BOOK.html">Michael Freeman Digital Photography Expert: Photographing People</option><br />
<option value="1_digi_photo/xmfxo/XMFXO_BOOK.html">Michael Freeman Digital Photography Expert: Landscape and Nature</option><br />
<option value="1_digi_photo/xssla/XSSLA_BOOK.html">Step by Step Digital Landscape Photography</option><br />
<option value="1_digi_photo/xssnu/XSSNU_BOOK.html">Step by Step Digital Nude Photography</option><br />
<option value="1_digi_photo/xsspo/XSSPO_BOOK.html">Step by Step Digital Family Photography</option><br />
<option value="1_digi_photo/xssre/XSSRE_BOOK.html">Step by Step Digital Photo Retouching</option><br />
<option value="1_digi_photo/xelem/XELEM_BOOK.html">Digital Photographer's Guide to Photoshop Elements</option> <br />
<option value="1_digi_photo/xseed/XSEED_BOOK.html">Secrets of the Digital Darkroom</option> <br />
<option value="1_digi_photo/xsnap/XSNAP_BOOK.html">Perfect Digital Photos in a Snap</option> <br />
</select><br />
</form><br />
</body><br />
</html><br />
<br />
Thanks in advance10<!--content-->so what is it doing exactly and what do you want it to do? Is this line: style="width: 180px;" the one you mean?<!--content-->Hi DaveSW<br />
<br />
Cheers for replying, this is so annoying!<br />
<br />
style="width: 180px; sets the width of the jump menu. When you select on a mac a wider list drops down.<br />
<br />
On a pc the list is cropped to set width.<br />
<br />
Think its a css IE bug but cannot workoout max width etc. <br />
<br />
Hope this makes more sense now?<!--content-->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.<br />
<br />
You could perhaps try a different sort of menu? e.g. a div that shows/hides onclick?<!--content-->