ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: jittapan ที่ 27 มีนาคม 2010, 17:36:20



หัวข้อ: ช่วยด้วยครับ...ทำเมนู ไม่ได้
เริ่มหัวข้อโดย: jittapan ที่ 27 มีนาคม 2010, 17:36:20
คือผมต้องการทำเมนูในส่วนเฮดครับ     ทำแล้วมันมาทับส่วนด้านล่าง (ตามรูป)  แก้ไม่เป็นช่วยทีครับ



(http://image.ohozaa.com/ir/41er1.jpg) (http://image.ohozaa.com/show.php?id=17495bb7caed8fb5f4685f973850e634)

(http://image.ohozaa.com/ir/ok442.jpg) (http://image.ohozaa.com/show.php?id=31d216d269a26998722751e9a38d09c1)


หัวข้อ: Re: ช่วยด้วยครับ...ทำเมนู ไม่ได้
เริ่มหัวข้อโดย: GillBate ที่ 27 มีนาคม 2010, 17:47:29
 :P ต้องเอา css มาดูครับ


หัวข้อ: Re: ช่วยด้วยครับ...ทำเมนู ไม่ได้
เริ่มหัวข้อโดย: jittapan ที่ 27 มีนาคม 2010, 17:52:42
โค๊ตครับ


โค๊ด:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Page</title>
<meta name="generator" content="WYSIWYG Web Builder - http://www.wysiwygwebbuilder.com">
<script type="text/javascript">
<!--
function SwapImage()
{
   var doc=document, args=arguments;
   doc.$imgSwaps = new Array();
   for(var i=2; i<args.length; i =2)
   {
      var elem=FindObject(args[i]);
      if(elem)
      {
         doc.$imgSwaps[doc.$imgSwaps.length]=elem;
         elem.$src=elem.src;
         elem.src=args[i 1];
      }
   }
}
// -->
</script>
<script type="text/javascript">
<!--
function PreloadImages()
{
   var imageObj = new Image();
   var images = new Array();
   images[0]="./images/img0001.gif";
   images[1]="./images/img0001_over.gif";
   images[2]="./images/img0002.gif";
   images[3]="./images/img0002_over.gif";
   images[4]="./images/img0003.gif";
   images[5]="./images/img0003_over.gif";
   images[6]="./images/img0004.gif";
   images[7]="./images/img0004_over.gif";
   images[8]="./images/img0005.gif";
   images[9]="./images/img0005_over.gif";
   images[10]="./images/img0006.gif";
   images[11]="./images/img0006_over.gif";
   images[12]="./images/img0007.gif";
   images[13]="./images/img0007_over.gif";
   for (var i=0; i<=13; i  )
   {
      imageObj.src = images[i];
   }
}
// -->
</script>
<script type="text/javascript">
<!--
function FindObject(id, doc)
{
   var child, elem;
   if(!doc)
      doc=document;
   if(doc.getElementById)
      elem=doc.getElementById(id);
   else
   if(doc.layers)
      child=doc.layers;
   else
   if(doc.all)
      elem=doc.all[id];
   if(elem)
      return elem;
   if(doc.id==id || doc.name==id)
      return doc;
   if(doc.childNodes)
      child=doc.childNodes;
   if(child)
   {
      for(var i=0; i<child.length; i  )
      {
         elem=FindObject(id,child[i]);
         if(elem)
            return elem;
      }
   }
   var frm=doc.forms;
   if(frm)
   {
      for(var i=0; i<frm.length; i  )
      {
         var elems=frm[i].elements;
         for(var j=0; j<elems.length; j  )
         {
            elem=FindObject(id,elems[i]);
            if(elem) return elem;
         }
      }
   }
   return null;
}
// -->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="wb_Image1" style="overflow:hidden;position:absolute;left:0px;top:0px;z-index:0" align="left">
<img src="images/top.jpg" id="Image1" alt="" align="top" border="0" style="width:1015px;height:358px;"></div>
<div id="wb_NavigationBar1" style="position:absolute;left:74px;top:322px;width:850px;height:28px;z-index:1;" align="left">
<table border="0" cellpadding="0" cellspacing="0" id="NavigationBar1">
<tr>
<td align="left" valign="top" width="118" height="28"><a href="http://jk-pra.com"><img id="img0001" src="images/img0001.gif" alt="" align="top" border="0" width="118" height="28" onMouseOver="SwapImage(1,0,'img0001','images/img0001_over.gif')" onMouseOut="SwapImage(0,0,'img0001','images/img0001.gif')"></a></td>
<td width="4"></td><td align="left" valign="top" width="118" height="28"><a href="http://jk-pra.com/shop/"><img id="img0002" src="images/img0002.gif" alt="" align="top" border="0" width="118" height="28" onMouseOver="SwapImage(1,0,'img0002','images/img0002_over.gif')" onMouseOut="SwapImage(0,0,'img0002','images/img0002.gif')"></a></td>
<td width="4"></td><td align="left" valign="top" width="118" height="28"><a href="http://jk-pra.com/auction/"><img id="img0003" src="images/img0003.gif" alt="" align="top" border="0" width="118" height="28" onMouseOver="SwapImage(1,0,'img0003','images/img0003_over.gif')" onMouseOut="SwapImage(0,0,'img0003','images/img0003.gif')"></a></td>
<td width="4"></td><td align="left" valign="top" width="118" height="28"><a href="http://jk-pra.com/shop/all_shop.php"><img id="img0004" src="images/img0004.gif" alt="" align="top" border="0" width="118" height="28" onMouseOver="SwapImage(1,0,'img0004','images/img0004_over.gif')" onMouseOut="SwapImage(0,0,'img0004','images/img0004.gif')"></a></td>
<td width="4"></td><td align="left" valign="top" width="118" height="28"><a href="http://jk-pra.com/shop/all_royal.php"><img id="img0005" src="images/img0005.gif" alt="" align="top" border="0" width="118" height="28" onMouseOver="SwapImage(1,0,'img0005','images/img0005_over.gif')" onMouseOut="SwapImage(0,0,'img0005','images/img0005.gif')"></a></td>
<td width="4"></td><td align="left" valign="top" width="118" height="28"><a href="http://jk-pra.com/board/index.php?m=bbs&online=no#online"><img id="img0006" src="images/img0006.gif" alt="" align="top" border="0" width="118" height="28" onMouseOver="SwapImage(1,0,'img0006','images/img0006_over.gif')" onMouseOut="SwapImage(0,0,'img0006','images/img0006.gif')"></a></td>
<td width="4"></td><td align="left" valign="top" width="118" height="28"><a href="http://jk-pra.com/auction/addmem_redme.php"><img id="img0007" src="images/img0007.gif" alt="" align="top" border="0" width="118" height="28" onMouseOver="SwapImage(1,0,'img0007','images/img0007_over.gif')" onMouseOut="SwapImage(0,0,'img0007','images/img0007.gif')"></a></td>
</tr>
</table>
</div>
</body>
</html>


หัวข้อ: Re: ช่วยด้วยครับ...ทำเมนู ไม่ได้
เริ่มหัวข้อโดย: deadclosed ที่ 27 มีนาคม 2010, 18:19:42
เอาชื่อเว็บมาหน่อยครับ
จะบอกให้แก้ตรงไหน

ถ้าไม่ได้วันจันทร์เข้ามาตอบให้ :wanwan023:


หัวข้อ: Re: ช่วยด้วยครับ...ทำเมนู ไม่ได้
เริ่มหัวข้อโดย: kitazawa1st ที่ 27 มีนาคม 2010, 21:55:45
เป็นเพราะ position:absolute; ครับ

ลองแก้ไขโดยเอา position:absolute;left:74px;top:322px; ออกทั้งหมด

ถ้าอยากให้อยู่ตรงกลางใช้ margin:auto; เอาครับ ลองดูๆ