I want a help. I created a maenubar using CSS.it is nice in IE, but it is not working in FIrefox,opera and netscape.any help me to recover this problem.Thanks in advance gv
Hi all Any one help me to create a max and min tab.Means if i click on + button it will shown in the page and if i click - it will go upwards. i am creating this page in tables. please help me it si urgent
Hi Notting , thanks for ur reply i not uploaded my site yet. i will pase the css and page code CSS /* CSS Document */ BODY { background:#fff; margin:0; padding:0; color:#000; font:x-small/1.5em Georgia,Serif; voice-family: "\"}\""; voice-family:inherit; font-size:small; } html>body {font-size:small;} #header { float:left; width:100%; background:#DAE0D2 url("E:\RB New\Images\bg.gif") repeat-x bottom; font-size:120%; line-height:normal; } #header ul { margin:0; padding:10px 10px 0; list-style:none; } #header li { float:left; background:url("E:\RB New\Images\norm_right.gif") no-repeat right top; margin:0; padding:0; } #header a { display:block; background:url("E:\RB New\Images\norm_left.gif") no-repeat left top; padding:5px 15px 4px ; } #header #current { background-image:url("E:\RB New\Images\norm_right_on.gif"); } #header #current a { background-image: url("E:\RB New\Images\norm_left_on.gif"); padding-bottom :5px; Page Code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Search</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="tab.css" rel="stylesheet" type="text/css"> <link href="stylesheet.css" rel="stylesheet" type="text/css"> <link href="property.css" rel="stylesheet" type="text/css"> <META content="MSHTML 6.00.2900.2802" name=GENERATOR> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body bgcolor="#EFF9E1" onLoad="MM_preloadImages('images/log.gif','images/log1.gif','images/log2.gif','images/log3.gif')"> <table width="75%" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td><img src="images/Login-Page1154.gif" width="766" height="53"></td> </tr> <tr> <td><img src="images/State-Map_03.gif" width="94" height="23"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','images/log.gif',1)"><img src="images/State-Map_04.gif" name="Image22" width="91" height="23" border="0"></a><img src="images/State-Map_06.gif" width="47" height="22"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/log1.gif',1)"><img src="images/State-Map_07.gif" name="Image23" width="113" height="22" border="0"></a><img src="images/State-Map_08.gif" width="44" height="22"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','images/log2.gif',1)"><img src="images/State-Map_09.gif" name="Image24" width="108" height="22" border="0"></a><img src="images/State-Map_10.gif" width="27" height="22"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','images/log3.gif',1)"><img src="images/State-Map_11.gif" name="Image25" width="74" height="22" border="0"></a><img src="images/State-Map_12.gif" width="168" height="22"></td> </tr> <tr> <td> <div align="left"> </tr> <tr> <td><div align="center"><font color="#0000FF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Search Results for abc county, ca </font><font color="#0000FF" size="2" face="Verdana, Arial, Helvetica, sans-serif"> <font size="1">Do you want to <a href="http:%5C%5C">Refine your Search?</a></font></font><font color="#0000FF"><br> </font><br> <font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif">State <select name="select4" size="1" class="searchcombo"> <option>California</option> </select> County <select name="select5" size="1" class="searchcombo"> <option>County1</option> </select> City <input type="text" name="textfield11" size="15" class="searchBox"> My Saved Searches</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"> <select name="select6" size="1" class="searchcombo"> <option>My saved Searches</option> </select> <br> </font><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br> </font> </div></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td><div id="header"> <ul> <li id="current"> <a href="#">Advanced Search</a></li> <li > <a href="#">Auction</a></li> <li> <a href="#">Preforeclosure</a></li> <li> <a href="#">FSBO</a></li> <li> <a href="#">Probate</a></li> </ul> </div></td> <td></td> </tr> <tr> <td bgcolor="daf2bb"> </td> <td></td> </tr> <tr> <td bgcolor="daf2bb"> <p align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font color="#CC0000" size="1"><font color="#000000"><br> Zip <input type="text" name="textfield" size="5" > Beds <select name="select9"> <option selected value=""></option> <option>+1</option> <option>+2</option> <option>+3</option> <option>+4</option> <option>+5</option> </select> Baths <select name="select8"> <option selected value=""></option> <option>+1</option> <option>+2</option> <option>+3</option> <option>+4</option> <option>+5</option> </select> Price <select name="select2"> <option selected value=""></option> <option>$20k+</option> <option>$40k+</option> <option>$60+</option> <option>$80+</option> <option>$100+</option> </select> - <select name="select7"> <option selected value=""></option> <option>$20k+</option> <option>$40k+</option> <option>$60k+</option> <option>$80k+</option> <option>$100k+</option> </select> </font></font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font size="1"> <input type="submit" name="Submit" value="Submit" class="searchButton"> </font></font></font></p> <div style="display:inline"> <p align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"><font size="1">Residence Type <select name="select3" size="1" class="searchcombo"> <option>Residence type</option> </select> Rooms</font> <font size="1"> <input type="text" name="textfield92" size="1" class="searchBox"> Square Feet <input type="text" name="textfield62" size="15" class="searchBox"> Floor <select name="select3"> <option selected></option> <option >+1</option> <option>+2</option> <option>+3</option> <option>+4</option> <option>+5</option> </select> Year Build <input type="text" name="textfield82" size="1" class="searchBox"> <br> <br> </font></font><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"> <input type="checkbox" name="checkbox6" value="checkbox"> Preforclosure <input type="checkbox" name="checkbox22" value="checkbox"> Auction <input type="checkbox" name="checkbox32" value="checkbox"> Bank Owned <input type="checkbox" name="checkbox42" value="checkbox"> FSBO </font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"></font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"><br> </font></p></td> <td></td> </tr> <tr> <td bgcolor="#fbfaf1"> <div align="center"><font color="#000000"><br> Sort by <select name="o" onChange="this.form.submit();" id="o"> <option value="dom" selected="selected">Days on Market</option> <option value="tl">Listing Type</option> <option value="s">Street</option> <option value="ci">City</option> <option value="st">State</option> <option value="z">Zip Code</option> <option value="bd">Bedrooms</option> <option value="bh">Bathrooms</option> <option value="p">Price</option> <option value="pt">Property Type</option> </select> <font color="#FF0000">|</font> Display <select name="ps" onChange="this.form.submit();"> <option value="15" selected="selected">15</option> <option value="25">25</option> <option value="50">50</option> </select> Listings per page <font color="#FF0000">|</font> <input name="ls" value="active" type="checkbox"> Active <input name="ph" value="yes" type="checkbox"> Photo <font color="#FF0000">|</font> <input type="checkbox" name="checkbox5" value="checkbox"> Save my Search<font color="#FF0000">| </font>Name the Search</font> <input type="text" name="textfield2" size="15" class="searchBox"> </div></td> <td></td> </tr> <tr> <td bgcolor="#fbfaf1"><table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr bgcolor="ecf9da"> <td><div align="center"><font color="#006699">Street</font></div></td> <td bgcolor="ecf9da"> <div align="center"><font color="#006699">City</font></div></td> <td bgcolor="ecf9da"> <div align="center"><font color="#006699">Residence Type</font></div></td> <td><div align="center"><font color="#006699">Amount</font></div></td> <td><div align="center"><font color="#006699">Bath/Bed</font></div></td> <td><div align="center"><font color="#006699">Photo</font></div></td> </tr> <tr bgcolor="e2eeff"> <td bgcolor="e2eeff"> </td> <td> </td> <td bgcolor="e2eeff"> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="f2f7ff"> <td bgcolor="f2f7ff"> </td> <td> </td> <td> </td> <td> </td> <td bgcolor="f2f7ff"> </td> <td> </td> </tr> <tr bgcolor="e2eeff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="f2f7ff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="e2eeff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="f2f7ff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="e2eeff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="f2f7ff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="e2eeff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="f2f7ff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="e2eeff"> <td> </td> <td> </td> <td bgcolor="e2eeff"> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="f2f7ff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="e2eeff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="f2f7ff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="e2eeff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="e2eeff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="e2eeff"> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="e2eeff"> <td colspan="6"><img src="images/Forgot-Pass_32.gif" width="763" height="44" border="0" usemap="#Map"></td> </tr> </table> <map name="Map"> <area shape="rect" coords="45,2,89,19" href="#"> <area shape="rect" coords="94,4,147,18" href="#"> <area shape="rect" coords="150,3,228,20" href="#"> <area shape="rect" coords="233,4,263,20" href="#"> <area shape="rect" coords="267,4,320,21" href="#"> <area shape="rect" coords="325,5,388,20" href="#"> <area shape="rect" coords="393,4,442,21" href="#"> <area shape="rect" coords="445,3,522,20" href="#"> <area shape="rect" coords="534,6,634,18" href="#"> <area shape="rect" coords="273,28,304,44" href="#"> <area shape="rect" coords="310,25,367,44" href="#"> <area shape="rect" coords="374,30,420,43" href="#"> </map></td> <td></td> </tr> </table> </body> </html> hope uu will go through it and waiting for ur reply thanks
Urgh. That's some fairly ugly code. Dreamweaver? Clean it up and don't use tables for layout Will take a look once you've uploaded it. P.S, you can use the [i]code here[/i][[b][/b]/code] and [html][i]code here[/i][/[b][/b]html] tags to retain code formatting. I just figured it out. It's neat :) - P Code (css):