> From: Phil Turner > Sent: Wednesday, May 02, 2007 3:52 PM > Thanks for the response, heres the problem, client wants a pop up > window to show some more info for no other reason than thats what > they want........ > so I am looking for a css solution that will open up a small window > to display whatever content is put in it. > > I 've created a page link here > http://www.philturner-uk.com/kruger/davinci.html > > under roll towel click on the more product details link. - > Thats what > I want displayed as a small window not a big page.
Phil, You are currently opening a new window using <a href="rolltowels.html" target="_blank">More</a> So opening size depends on user agent. You have a couple of options: 1) Use javascript to open window. <a href="#" onClick="openWindow()">More</a> ... <script language="Javascript" type="text/javascript"> function openWindow() { window.open("rolltowels.html", "WindowName", "height=300,width=250,scrollbars=yes"); } </script> 2) Display in "pop-up" CSS div. <a href="#" onClick="showRollTowel(true)">More</a> <script language="Javascript" type="text/javascript"> function showRollTowel(showIt) { var obj = document.getElementById('divRoll'); if (obj) { var clsName = "Show"; if (false == showIt) { clsName = "Hide"; } obj.className = clsName; } } </script> <div id="divRoll">All the stuff from rolltowels.html <a href="#" onClick="showRollTowel(false)">Hide</a></div> <style> div#divRoll { /* Include any positioning and borders */ } div#divRoll.Show { display:block; } div#divRoll.Hide { display:none; } </style> Many people hate pop-up windows and many browsers block them; CSS pop-up requires a little additional work to print the contents. Also, you'll probably get feedback about the method used to hide -- it may/may not play nicely with some screen readers. HTH. --G ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/