Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > อยากถามเกี่ยวกับ menu bar css อ่าครับ พอดีเมนูมันซ่อนกับ banner ครับ


อยากถามเกี่ยวกับ menu bar css อ่าครับ พอดีเมนูมันซ่อนกับ banner ครับ

 
Topic : 096957



โพสกระทู้ ( 254 )
บทความ ( 0 )



สถานะออฟไลน์



คือในช่องเมนูผมจะมีัเมนูย่อย แต่ว่า เมนูย่อยมันดันไปอยู่หลัง Banner ที่แสดงอะครับ ผมอยากให้มันมาอยู่ด้านหน้า banner นี้ต้องไปแกล้งตรงไหนอ่าครับ ช่วยแนะนำทีนะครับ ขอบคุณครับ

banner

ตามภาพน่าครับ



Tag : PHP
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-06-24 16:35:18 By : น้ำจัEฅu View : 1933 Reply : 11
 

 

No. 1



โพสกระทู้ ( 2,261 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ลองเพิ่ม z-index ตรง css ของเมนูครับ

Code (PHP)
z-index:9999;

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-24 16:42:20 By : Manussawin
 

 

No. 2



โพสกระทู้ ( 254 )
บทความ ( 0 )



สถานะออฟไลน์


ลองแล้วอะครับ มันเป็นเหมือนเดิมอ่าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-24 16:50:34 By : น้ำจัEฅu
 

 

No. 3



โพสกระทู้ ( 3,750 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Facebook

เวลาเพิ่มจะต้องเพิ่มที่ตัว div1 และ div2 ด้วย อยากให้ div ไหนทับอันไหนก็ใส่เลขมากกว่า div นั้นครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-24 18:56:37 By : Dragons_first
 

 

No. 4



โพสกระทู้ ( 254 )
บทความ ( 0 )



สถานะออฟไลน์


ยังไม่ได้เลยอ่าครับ ขอบคุณทุกคนที่เข้ามาตอบนะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-25 08:01:04 By : น้ำจัEฅu
 

 

No. 5



โพสกระทู้ ( 2,261 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ขอดูโค๊ด css เมนูได้มั้ยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-25 09:19:52 By : Manussawin
 

 

No. 6



โพสกระทู้ ( 254 )
บทความ ( 0 )



สถานะออฟไลน์


ได้ครับ เอาหน้าหหักเลยนะครับ

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/css_body.css">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.min-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-ui.min-1.7.2.js"></script>
<link type="text/css" rel="stylesheet" href="css/jquery-ui-1.7.2.css" media="all" />
<script src="js/desSlideshow.js"></script>
<title>#</title>
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
$(function() {
$("#desSlideshow1").desSlideshow({
autoplay: 'enable',//option:enable,disable
slideshow_width: '925',//slideshow window width
slideshow_height: '299',//slideshow window height
thumbnail_width: '200',//thumbnail width
time_Interval: '4000',//Milliseconds
directory: 'images/'// flash-on.gif and flashtext-bg.jpg directory
});
});
</script>
<style type="text/css">
<!--
.style1 {
color: #515151;
font-size: 14px;
}
-->
</style>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0">
<div id="head">
<div style="width:1373px; margin:auto; margin-top:0px;"><img src="images/Logo_Office.png"/></div>
</div>
<div style="width:1373px; margin:auto; margin-top:100px;">
<table width="1373" border="0" align="center" height="390">
<tr>
<td width="210" rowspan="3" valign="top"><img src="images/Mook_L.png"/></td>
<td width="930" height="20" valign="top">
<div style="width:930px; margin:auto; margin-top:-3px; z-index:9999px;">
<ul id="menu">
<li class="logo"><img src="images/menu_left.png"/></li>
<li><a href="#"><FONT COLOR="#DBFA05">หน้าหลัก</FONT></a></li>
<li><a href="#">ค้นหาสาขา</a></li>
<li><a href="#">โปรโมชั่น</a></li>
<li><a href="#">ธุรกิจและบริการ</a>
<ul id="help">
<li>
<img class="corner_inset_left" alt="" src="images/corner_inset_left.png"/>
<a href="#"><font size="2">อัตราดอกเบี้ย</font></a>
<img class="corner_inset_right" alt="" src="images/corner_inset_right.png"/>
</li>
<li><a href="#"><font size="2">เอกสารในการขอสินเชื่อ</font></a></li>
<li class="last">
<img class="corner_left" alt="" src="images/corner_left.png"/>
<img class="middle" alt="" src="images/dot.gif"/>
<img class="corner_right" alt="" src="images/corner_right.png"/>
</li>
</ul>
<li><a href="#">เกี่ยวกับบริษัท</a></li>
<li><a href="#">สมัครงาน</a></li>
<li><a href="#">ติดต่อสอบถาม</a></li>
<li class="searchContainer">
<div>
<input type="text" id="searchField" />
<img src="images/magnifier.png" alt="Search" onclick="alert('You clicked on search button')" />
</div>
</li>
</ul><img src="images/menu_right.png"/>
</div>
</td>
<td width="210" rowspan="3" valign="top"><img src="images/Yar_R.png"/></td>
</tr>
<tr>
<td height="300" width="923" valign="top" align="center">
<div id="desSlideshow1" class="desSlideshow">
<div class="switchBigPic">
<div><a title="" href="#"><img class="pic" src="images/SS_Post1.jpg" width="725" height="300"/></a></div>
<div><a title="" href="#"><img class="pic" src="images/SS_Post2.jpg" width="725" height="300"/></a></div>
<div><a title="" href="#"><img class="pic" src="images/SS_Post3.jpg" width="725" height="300"/></a></div>
</div>
<ul class="nav">
<li><a href="#"><FONT SIZE="3" COLOR="#494949">แนะนำบริษัท</FONT></a></li>
<li><a href="#"><FONT SIZE="3" COLOR="#494949">กิจกรรมเด่น</FONT></a></li>
<li><a href="#"><FONT SIZE="3" COLOR="#494949">สมัครงาน..!!</FONT></a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td height="20">
<marquee onMouseOver=this.stop(); onMouseOut=this.start(); scrollamount=2 scrolldelay=30>
<img src="images/new.gif">
<span class="style1">#</span>
</marquee>
</td>
</tr>
</table>
<div id="tabs">
<ul>
<li><a href="#tabs-1">ข่าวประชาสัมพันธ์</a></li>
<li><a href="#tabs-2">รวมกิจกรรม</a></li>
<li><a href="#tabs-3">โปรโมชั่นใหม่วันนี้</a></li>
</ul>
<div id="tabs-1">
เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1<BR>เนื้อหาเท็บที่ 1
</div>
<div id="tabs-2">
เนื้อหาเท็บที่ 2<BR>เนื้อหาเท็บที่ 2<BR>เนื้อหาเท็บที่ 2<BR>เนื้อหาเท็บที่ 2<BR>เนื้อหาเท็บที่ 2<BR>เนื้อหาเท็บที่ 2
</div>
<div id="tabs-3">
เนื้อหาเท็บที่ 3<BR>เนื้อหาเท็บที่ 3<BR>เนื้อหาเท็บที่ 3<BR>เนื้อหาเท็บที่ 3<BR>เนื้อหาเท็บที่ 3<BR>เนื้อหาเท็บที่ 3
</div>
</div>
</body>
</html>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-25 09:24:14 By : น้ำจัEฅu
 

 

No. 7



โพสกระทู้ ( 3,750 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Facebook

หน้า หัก ไม่พอครับ เอาหน้า css มาด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-25 09:25:28 By : Dragons_first
 

 

No. 8



โพสกระทู้ ( 254 )
บทความ ( 0 )



สถานะออฟไลน์


ูู^^ หน้า CSS นะครับ

Code
#head {
background-image: url(../images/BG_top.jpg);
position: fixed;
top: 0;
left: 0;
margin: 0px auto;
height: 100px;
width: 100%;
}
#body_data {
height:390px;
top: 100px;
}
/* ปรับความชิดของเมนู */
div.menu {
width: 100%;
margin:auto;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

}
div.iBannerFix-C{
position:fixed;
top: 100px;
height:100%;
width:100%;
left:0px;
}
div.iBannerFix-L{
background-image: url(../images/Mook_L.png);
height:390px;
position:fixed;
left:15%;
top: 100px;
width:210px;
z-index: -999;
}
div.iBannerFix-R{
background-image: url(../images/Yar_R.png);
height:390px;
position:fixed;
right:15%;
top: 100px;
width:210px;
z-index: -999;
}
/* menu */
#menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; }
#menu a { color:#fff; text-decoration:none; }
#menu > li {background:#0054FF none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;}
#menu > li a:hover {color:#DBFA05;}
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:170px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; }
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px; border-top: dotted 1px #606060; list-style-type:none; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#0395CC; }
#menu li ul li a:hover { color:#7FCDFE; }
/* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
/* search */
.searchContainer div { background-color:#fff; display:inline; padding:5px;}
.searchContainer input[type="text"] {border:none;}
.searchContainer img { vertical-align:middle;}
/* corners*/
#menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
#menu .corner_inset_right { position:absolute; top:0px; left:170px;}
#menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
#menu .corner_left { position:absolute; left:0px; top:0px;}
#menu .corner_right { position:absolute; left:152px; top:0px;}
#menu .middle { position:absolute; left:18px; height: 20px; width: 135px; top:0px;}
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-25 09:51:40 By : น้ำจัEฅu
 

 

No. 9



โพสกระทู้ ( 2,261 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ลองดูครับ
Quote:

#head {
background-image: url(../images/BG_top.jpg);
position: fixed;
top: 0;
left: 0;
margin: 0px auto;
height: 100px;
width: 100%;
}
#body_data {
height:390px;
top: 100px;
}
/* ปรับความชิดของเมนู */
div.menu {
width: 100%;
margin:auto;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

}
div.iBannerFix-C{
position:fixed;
top: 100px;
height:100%;
width:100%;
left:0px;
}
div.iBannerFix-L{
background-image: url(../images/Mook_L.png);
height:390px;
position:fixed;
left:15%;
top: 100px;
width:210px;
z-index: -999;
}
div.iBannerFix-R{
background-image: url(../images/Yar_R.png);
height:390px;
position:fixed;
right:15%;
top: 100px;
width:210px;
z-index: -999;
}
/* menu */
#menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:99; }
#menu a { color:#fff; text-decoration:none; }
#menu > li {background:#0054FF none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;}
#menu > li a:hover {color:#DBFA05;}
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:200px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; z-index:99999;height:600px;}
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px; border-top: dotted 1px #606060; list-style-type:none; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#0395CC; }
#menu li ul li a:hover { color:#7FCDFE; }
/* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
/* search */
.searchContainer div { background-color:#fff; display:inline; padding:5px;}
.searchContainer input[type="text"] {border:none;}
.searchContainer img { vertical-align:middle;}
/* corners*/
#menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
#menu .corner_inset_right { position:absolute; top:0px; left:170px;}
#menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
#menu .corner_left { position:absolute; left:0px; top:0px;}
#menu .corner_right { position:absolute; left:152px; top:0px;}
#menu .middle { position:absolute; left:18px; height: 20px; width: 135px; top:0px;}
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-25 10:09:34 By : Manussawin
 

 

No. 10



โพสกระทู้ ( 254 )
บทความ ( 0 )



สถานะออฟไลน์


เอ็มขอบใจนายมากนะ ทำได้แล้ว ^^
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-25 10:29:24 By : น้ำจัEฅu
 

 

No. 11



โพสกระทู้ ( 2,261 )
บทความ ( 5 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-25 10:48:14 By : Manussawin
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : อยากถามเกี่ยวกับ menu bar css อ่าครับ พอดีเมนูมันซ่อนกับ banner ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่