virtualadz

i have a search box and want to have a pre-entered text as "ENter search words...." this disappears on mouse click on the text box. i have added the text using value="Enter Search terms...." but couldn/t make it disappear on mouse click, i know it can be done via CSS anyonephp code: $info_box_contents = array(); $info_box_contents[] = array('form' => tep_draw_form('quick_find', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get'), 'align' => 'left', 'text' => tep_draw_input_field('keywords', '', 'size="10" maxlength="30" value="Search..." style="width: ' . (BOX_WIDTH-20) . 'px"') . ' ' . tep_hide_session_id() . tep_image_submit('button_quick_find.gif', BOX_HEADING_SEARCH) . '<br>' . just need someone to make the css code thanks

hi scott can you make the first sub-menu i would be very grateful, otherwise i will have to make something like that manually, please can you.........

ok let me try , but i may be unable to do it.

ok , but will i have to add li for every link on the sub-menu, in post #31 you wil see that there is a common <br> which is automatically added if there are two products, so will it automatically add sub-menu links or i have to include li for every,

but the address og my products are like thishttp://bhuratea.com/index.php?cPath=21http://bhuratea.com/index.php?cPath=22http://bhuratea.com/index.php?cPath=23http://bhuratea.com/index.php?cPath=24and going, hope it is clear

hey should it be like this:<div class="menu"><ul><li><a href="<?php echo tep_href_link(FILENAME_ALL_PRODUCTS); ?>" class="hide"><?php echo MENU_PRODUCTS; ?></a><!--[if lte IE 6]><a href="<?php echo tep_href_link(FILENAME_ALL_PRODUCTS); ?>"><?php echo MENU_PRODUCTS; ?><table><tr><td><![endif]--><ul><li>while ($row = mysql_fetch_array ($r)) {print "<LI><A title={$row['name']} href={$row['address']}>{$row['name']}</A> </LI>";}</li>but where's the href, it should also copy the link you only gave title

why is this part needed the there was none in the code i provided you, they are located in a other file, so need to include over and over again in each page, i only want the sub-menus names to come from database similar to what i gave you in Post #31, the database is already setup, only the names of the sub-menu should come from the database, rest all will be as theya are.Connect and select.if ($dbc = @mysql_connect ('localhost', 'username', 'password')){if (!@mysql_select_db ('mydatabase'))

hey scott have a look at this code for www.bhuratea.com 's products they automactically come from the database: <?php/*Virtualdzdadmaddad*/ function tep_show_category($counter) { global $tree, $categories_string, $cPath_array; for ($i=0; $i<$tree[$counter]['level']; $i++) { $categories_string .= " "; } $categories_string .= '<a href="'; if ($tree[$counter]['parent'] == 0) { $cPath_new = 'cPath=' . $counter; } else { $cPath_new = 'cPath=' . $tree[$counter]['path']; } $categories_string .= tep_href_link(FILENAME_DEFAULT, $cPath_new) . '">'; if (isset($cPath_array) && in_array($counter, $cPath_array)) { $categories_string .= '<b>'; }// display category name $categories_string .= $tree[$counter]['name']; if (isset($cPath_array) && in_array($counter, $cPath_array)) { $categories_string .= '</b>'; } if (tep_has_category_subcategories($counter)) { $categories_string .= '->'; } $categories_string .= '</a>'; if (SHOW_COUNTS == 'true') { $products_in_category = tep_count_products_in_category($counter); if ($products_in_category > 0) { $categories_string .= ' (' . $products_in_category . ')'; } } $categories_string .= '<br>'; if ($tree[$counter]['next_id'] != false) { tep_show_category($tree[$counter]['next_id']); } }?><!-- categories //--> <tr> <td><?php $info_box_contents[] = array('text' => BOX_HEADING_CATEGORIES); new infoBoxHeading($info_box_contents, true, false); $categories_string = ''; $tree = array(); $categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '0' and c.categories_id = cd.categories_id and cd.language_id='" . (int)$languages_id ."' order by sort_order, cd.categories_name"); while ($categories = tep_db_fetch_array($categories_query)) { $tree[$categories['categories_id']] = array('name' => $categories['categories_name'], 'parent' => $categories['parent_id'], 'level' => 0, 'path' => $categories['categories_id'], 'next_id' => false); if (isset($parent_id)) { $tree[$parent_id]['next_id'] = $categories['categories_id']; } $parent_id = $categories['categories_id']; if (!isset($first_element)) { $first_element = $categories['categories_id']; } } //------------------------ if (tep_not_null($cPath)) { $new_path = ''; reset($cPath_array); while (list($key, $value) = each($cPath_array)) { unset($parent_id); unset($first_id); $categories_query = tep_db_query("select c.categories_id, cd.categories_name, c.parent_id from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd where c.parent_id = '" . (int)$value . "' and c.categories_id = cd.categories_id and cd.language_id='" . (int)$languages_id ."' order by sort_order, cd.categories_name"); if (tep_db_num_rows($categories_query)) { $new_path .= $value; while ($row = tep_db_fetch_array($categories_query)) { $tree[$row['categories_id']] = array('name' => $row['categories_name'], 'parent' => $row['parent_id'], 'level' => $key+1, 'path' => $new_path . '_' . $row['categories_id'], 'next_id' => false); if (isset($parent_id)) { $tree[$parent_id]['next_id'] = $row['categories_id']; } $parent_id = $row['categories_id']; if (!isset($first_id)) { $first_id = $row['categories_id']; } $last_id = $row['categories_id']; } $tree[$last_id]['next_id'] = $tree[$value]['next_id']; $tree[$value]['next_id'] = $first_id; $new_path .= '_'; } else { break; } } } tep_show_category($first_element); $info_box_contents = array(); $info_box_contents[] = array('text' => $categories_string); new infoBox($info_box_contents);?> </td> </tr><!-- categories_eof //--> now the question is to include them in the menu as li , hope you do it

yes very much right ,just see this post which i prepared, you will find as if i am starting from the beginning, here ;s my question: i everyone, i have a test drop-down menu at : www.virtualadz.com i want to include it in www.bhuratea.com , now the problem i am facing is not related to the menu to be included in php but something else:if you look at the menu on www.virtualadz.com you will see "Our products" as the first menu and under it some sub-menus as well, no visit www.bhuratea.com and there you will find the same word "Our Products" to the left in column_left.php as boxes. you will also see the category names of it now i want those cateogry names with their url's to be in the 1st sub-menu of the drop-down menu. bcoz copying the url's in the menu with thier names and updating everytime is abig task. the names of the categories should come under the first sub-menu automatically, so whenever i add a category it is also included in the submenu, is there a way i can achieve this code for the 1st menu with its sub:<div class="menu"><ul><li><a class="hide" href="../menu/index.html">Our Products</a><!--[if lte IE 6]><a href="../menu/index.html">Our Products<table><tr><td><![endif]--> <ul> <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">Darjeeling Tea</a></li> <li><a href="../menu/embed.html" title="Wrapping text around images">Green Tea</a></li> <li><a href="../menu/form.html" title="Styling forms">Black Tea</a></li> <li><a href="../menu/nodots.html" title="Removing active/focus borders">Assam Tea</a></li> <li><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">Flavoured Tea</a></li> <li><a href="../menu/old_master.html" title="Image Map for detailed information">Tea Bags</a></li> <li><a href="../menu/bodies.html" title="fun with background images">Blended Tea</a></li> <li><a href="../menu/fade_scroll.html" title="fade-out scrolling">Tea Bags</a></li> <li><a href="../menu/em_images.html" title="em size images compared">Blended Tea</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li>hope it is clear , anyone can help.

hey scott if all your questions have cleared then i would like to elaborate the next issue with this menu, should i proceed

yes yes there is a separate file for it where from it will copy it's menu names :

hey problems in php , i forgot on thing, visit www.bhuratea.com and on the left find Our Products under that some products you will notice that's its url is all different, how do i do that, all those products name are edited in admin by me, now how do i make it that the first sub-menu of the drop-down menu , copeis all the category names and it's url's from my sql, strange i know but this is problem

"why are you using php", well simple for an online store.

what do you mean by "You could just print "<html>....</html>"; the whole page?Are you printing the menu from a file or something? "printing , where does this topic come from?

hey i found the solution to the text problem, just made it in a table , and things worke out automatically, now what i need is to convert the html to php, HTML CODE<div class="menu"><ul><li><a class="hide" href="../menu/index.html">Our Products</a><!--[if lte IE 6]><a href="../menu/index.html">Our Products<table><tr><td><![endif]--> <ul> <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">Darjeeling Tea</a></li> i made it a little like but couldn't fin where to insert the title of the html , hope you doPHP CODE:<div class="menu"><ul><li><a href="<?php echo tep_href_link(FILENAME_ALL_PRODUCTS); ?>" class="hide"><?php echo MENU_PRODUCTS; ?></a><!--[if lte IE 6]><a href="<?php echo tep_href_link(FILENAME_ALL_PRODUCTS); ?>"><?php echo MENU_PRODUCTS; ?><table><tr><td><![endif]--><ul> <li><a href="<?php echo tep_href_link(FILENAME_ALL_PRODUCTS); ?>" title="The zero dollar ads page" ><?php echo MENU_TEA_HEALTH; ?></a></li> am i moving right with this conversion of html to php

no i couldn't yet solve the problem, i had a css menu but that was not drop-down however see that menu's code for reference: live at. www.bhuratea.com , hope you find the answer .menunav { color: #FFFFFF; font-family: arial; font-size: 9pt; font-weight: bold; border-right: 1px solid white; text-decoration: none; background-color: #A8A8A8; padding: 5px;}.menunav:hover { background-color: #6495ED;/*filter:Alpha(Opacity=50, Style=0);*/}.toolbar { background-color: #FFFFFF; padding: 5px 0px 6px 0px; width: 650px;/*filter:Alpha(Opacity=50, Style=0);*/}a.menunav:hover { color: #FFFFFF;

1. sub-menu problem fixed ----thanks2. about line space: using <p> adds a extra line i dont want that , and the problem even gets bigger when replacing <p> with <br>, they both are doing the same function. is there a way i can added bottom border : 5px and then add no p and br, if you had IE and FF then it would have been easy to understand, but still let's see what happens

your page again could not be found http://scott100.atspace.com/menu.htmas i said i edited both css but this problem have a lookas i said there could be some trouble there is it , just add some text before and after it and it shows in differant way in IE and FF,is added text<br> above the menu --worked well in IE & FFi added text after </div> worked well with IE but not FF , in IE it shows below the menu as if <br> is added (but it is not added) and in FF the text shows along with the menu , but if i add <br> then there comes two extra lines like a <p> , just see the code for the page source <html><head><title>cross-browser menu</title><link rel="stylesheet" media="all" type="text/css" href="basic_dd.css" /><!--[if lte IE 6]><link rel="stylesheet" media="all" type="text/css" href="basic_dd_ie.css" /><![endif]--></head><body>damd<br><div class="menu"><ul><li><a class="hide" href="../menu/index.html">Our Products</a><!--[if lte IE 6]><a href="../menu/index.html">Our Products<table><tr><td><![endif]--> <ul> <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></li> <li><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></li> <li><a href="../menu/form.html" title="Styling forms">styled form</a></li> <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li> <li><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></li> <li><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></li> <li><a href="../menu/bodies.html" title="fun with background images">fun backgrounds</a></li> <li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li> <li><a href="../menu/em_images.html" title="em size images compared">em sized images</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a class="hide" href="index.html">Tea & Health</a><!--[if lte IE 6]><a href="index.html">Tea & Health<table><tr><td><![endif]--> <ul> <li><a href="spies.html" title="a coded list of spies">spies menu</a></li> <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li> <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li> <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li> <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li> <li><a href="circles.html" title="circular links">circular links</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a class="hide" href="../layouts/index.html">LAYOUTS</a><!--[if lte IE 6]><a href="../layouts/index.html">LAYOUTS<table><tr><td><![endif]--> <ul> <li><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></li> <li><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></li> <li><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></li> <li><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></li> <li><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a class="hide" href="../boxes/index.html">BOXES</a><!--[if lte IE 6]><a href="../boxes/index.html">BOXES<table><tr><td><![endif]--> <ul> <li><a href="spies.html" title="a coded list of spies">spies menu</a></li> <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li> <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li> <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li> <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li> <li><a href="circles.html" title="circular links">circular links</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a class="hide" href="../mozilla/index.html">MOZILLA</a><!--[if lte IE 6]><a href="../mozilla/index.html">MOZILLA<table><tr><td><![endif]--> <ul> <li><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></li> <li><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li> <li><a href="../mozilla/content.html" title="Using content:">content:</a></li> <li><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li> <li><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></li> <li><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue</a></li> <li><a href="../mozilla/target.html" title="Target Practise">target practise</a></li> <li><a href="../mozilla/splittext.html" title="Two tone headings">two tone headings</a></li> <li><a href="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a class="hide" href="../ie/index.html">EXPLORER</a><!--[if lte IE 6]><a href="../ie/index.html">EXPLORER<table><tr><td><![endif]--> <ul> <li><a href="../ie/exampleone.html" title="Example one">example one</a></li> <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li> <li><a href="../ie/exampletwo.html" title="Vertical align">vertical align</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><a class="hide" href="../opacity/index.html">OPACITY</a><!--[if lte IE 6]><a href="../opacity/index.html">OPACITY<table><tr><td><![endif]--> <ul> <li><a href="../opacity/colours.html" title="colour wheel">opaque colours</a></li> <li><a href="../opacity/picturemenu.html" title="a menu using opacity">opaque menu</a></li> <li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li> <li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li> </ul><!--[if lte IE 6]></td></trc></table></a><![endif]--></li></ul><div class="clear"> </div></div>dskdk</body></html>

hey it worked well, but i think there think there might be some trouble in differences with IE & FF, do you have them both installed , if so could you please check it would be a great relief.one more thing i will change the code of the source to PHP so is it going to create problems doing thanksas i said there could be some trouble there is it , just add some text before and after it and it shows in differant way in IE and FF,is added text<br> above the menu --worked well in IE & FFi added text after </div> worked well with IE but not FF

this page http://scott100.atspace.com/cross-browser%20menu.htm does open"Cannot find server" . i want the submenu width increased to the half of the second menu, please correct your page's error while i try your code

hey i have changed the width of menu successfullt and now want to change the wdith of the sub-menu: code for basic_dd.css /* common styling *//* set up the overall width of the menu div, the font and the margins */.menu {font-family: arial, sans-serif; width:750px; margin:0; margin:0px 0;}/* remove the bullets and set the margin and padding to zero for the unordered list */.menu ul {padding:0; margin:0;list-style-type: none;}/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */.menu ul li {float:left; position:relative;}/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */.menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; width:90px; height:20px; color:#fff;font-weight: bold;border:1px solid #fff;border-width:1px 1px 0 0;background:#A8A8A8; line-height:20px; font-size:11px;}/* make the dropdown ul invisible */.menu ul li ul {display: none;}/* specific to non IE browsers *//* set the background and foreground color of the main menu li on hover */.menu ul li:hover a {color:#fff; background:#6495ED;}/* make the sub menu ul visible and position it beneath the main menu list item */.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}/* style the background and foreground color of the submenu links */.menu ul li:hover ul li a {display:block; background:#A8A8A8; color:#fff;}/* style the background and forground colors of the links on hover */.menu ul li:hover ul li a:hover {background:#6495ED; color:#fff;}code for basic_dd.ie.css/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover *//* Get rid of any default table style */table {border-collapse:collapse;margin:0; padding:0;}/* ignore the link used by 'other browsers' */.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}/* set the background and foreground color of the main menu link on hover */.menu ul li a:hover {color:#fff; background:#6495ED;}/* make the sub menu ul visible and position it beneath the main menu list item */.menu ul li a:hover ul {display:block; position:absolute; top:22px; left:0; width:105px;}/* style the background and foreground color of the submenu links */.menu ul li a:hover ul li a {background:#A8A8A8; color:#fff;}/* style the background and forground colors of the links on hover */.menu ul li a:hover ul li a:hover {background:#6495ED; color:#fff;}

hey i have successfully decreased it's height, but now one more problem is eating my brain: how do i make the width of the submenu increase, if i increase it , then it becomes two part side by side, there is not much space in there to fill my titles in the sub menus, so is there a way i can increase safely both in IE and FF, hope it is clearhttp://www.virtualadz.com/

ok so i did took one of them now the difficulty i am facing is how do i reduce it's height here is the code for it: please see it live at www.virtualadz.com , i want to reduce the menu's height but am not finding the possible code, please take the css from my site itselfhttp://www.virtualadz.com/basic_dd.csshttp://www.virtualadz.com/basic_dd_ie.cssany help would be great.

but i i would like to have a drop-down with this only, is there a possible easy to do it via ul li etc. please do tell anything important as i nedd it

hi again i have a new question: see this code below:<script language="javascript"><!--document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>');//--></script><noscript><?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?></noscript>in the above code it is understood that a popup window will open with a image. i dont want the popup and have replaced it with dynamic drive's picture viewer, which opens the images there itself, i inserted this coderel="lightbox" inside the href and also removed all things related to opening a popup window, everythign was going right until now that the image opens itself in the same window by the image url : www.mysite.com/images/imagecan anyone help me remove all popup related javascript and put this simple rel="lightbox" in the href section, any will be great