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,030

HOME > PHP > PHP Forum > ใครเก่ง css ช่วยหน่อยครับ ผมมีเมนูตามรูปนี้ครับ ซึ่งเอามาแสดง แล้วตอนที่คลิก เมนู เช่น คลิกที่ Airplanes



 

ใครเก่ง css ช่วยหน่อยครับ ผมมีเมนูตามรูปนี้ครับ ซึ่งเอามาแสดง แล้วตอนที่คลิก เมนู เช่น คลิกที่ Airplanes

 



Topic : 027087

Guest




ผมมีเมนูตามรูปนี้ครับ ซึ่งเอามาแสดง

li

แล้วตอนที่คลิก เมนู เช่น คลิกที่ Airplanes แล้วให้แสดงแบบนี้

l2

ช่วยดูหน่อยนะครับ ไม่ทราบว่าต้องแก้ css ยังไง งงมานานแล้ว ขอบคุณล่วงหน้าครับ

// left_menu.php
Code (PHP)
<?php

<div id="menublock">
<h2>MENU</h2>
			<ul>
			<?
			
			$sql = "select menu_id, menu_name from left_menu where page_id='$page_id' order by menu_id ";
            $result = mysql_query($sql);
			  
            while($rs = mysql_fetch_array($result))
            {
               
			  $url   = $_SERVER['PHP_SELF'];
			
			?>
				<li><a class="curr_menu" href="<?=$url?>?lm=<?=$rs[menu_id]?>"><?=$rs[menu_name]?></a>
				
			
 					<ul>
					<?
					
					$sql2 = "select sub_id, sub_name from left_sub_menu where menu_id='$rs[menu_id]' ";
			        $result2 = mysql_query($sql2);
			  
                    while($rs2 = mysql_fetch_array($result2))
                    {
                 
				      if($rs[menu_id]==$lm && $lm!="")
				       {
				 
				         $url2   = $_SERVER['PHP_SELF'];
					
					?>
						<li><a class="curr_menu" href="<?=$url2?>?lm=<?=$rs[menu_id]?>&s=<?=$rs2[sub_id]?>"><?=$rs2[sub_name]?></a></li>
						
						<ul>
						<?
						
						$sql3 = "SELECT subl2_id, subl2_name FROM left_sublv2_menu WHERE sub_id='$rs2[sub_id]' ORDER BY subl2_id";
						$result3 = mysql_query($sql3);
						while($rs3 = mysql_fetch_array($result3))
						{
						
						  $url3   = $_SERVER['PHP_SELF'];
						
						 ?>
						 
						  <li><a class="curr_menu" href="<?=$url3?>?lm=<?=$rs[menu_id]?>&s=<?=$rs2[sub_id]?>&sl2=<?=$rs3[subl2_id]?>"><?=$rs3[subl2_name]?></a></li>
						 
						 <?
						
						}
						
						?>
						</ul>
						
					<?
					  }
					 }
					?>
					</ul> 
				</li>
				
			<?
			
			}
			
			?>
			
			
			
			</ul>
			<div class="clear gap4"></div>

			<div align="center" class="bg_banner">
			
			
			<?
			
			$menu_id = $_REQUEST["lm"];
			
			switch($menu_id)
		    {
			
			   case "002" : echo "<a href='contact.php'><img src='include/images/security-back.jpg' border='1' style='border-color: gray;' /></a>"; break;
		           case "001" : echo "<a href='contact.php'><img src='include/images/fbo-evaluation.jpg' border='1' style='border-color: gray;' /></a>"; break;
		           case "003" : echo "<a href='contact.php'><img src='include/images/travel-evaluation.jpg' border='1' style='border-color: gray;' /></a>"; break;
		           case "004" : echo "<a href='contact.php'><img src='include/images/charter-evaluation.jpg' border='1' style='border-color: gray;' /></a>"; break;
		           default : echo "<a href='contact.php' target='_blank'><img src='include/images/security-back.jpg'  border='1' style='border-color: gray;' /></a>";
			
			}
			
			?>	
			<!--<a class="ad" href="##"><img src="<?=$site_name?>/images/pages/ad2.png" width="238" height="158" alt="" /></a> -->
			
			</div>

			<div class="clear gap4"></div>
			<div align="center" class="bg_banner" >	
			<a class="ad" href="http://www.xxx.com" target='_blank'><img src="include/images/jet-comparison.jpg" /></a>
			</div>
			<div class="clear gap4"></div>
			  <div align="center" class="bg_banner"> 	
			   <a class="ad" href="http://www.xxx.com" target='_blank'><img src='include/images/inbound.jpg' /></a>
			  </div>
			<div class="clear gap4"></div>	
			
			
</div>

?>



// CSS
#menublock{position : relative;top : -8px;width : 240px;float : left;}
#menublock ul{background : #720924;zoom : 1;padding-bottom : 4px;border-bottom : 1px solid #9a0c30}
#menublock ul li{padding : 0px 0px 0px 37px;line-height : 24px;border-top : 1px solid #9a0c30;background : url(../images/pages/marker2.gif) no-repeat 20px 5px;list-style-position : outside; }
#menublock ul li a{font-weight : bold;font-size : 11px;color : #FFFFFF; }
#menublock ul li a.curr_menu:hover{color : #f294aa;}
#menublock ul li a.curr_menu{color : #FFFFFF;}
#menublock ul li ul li,#menublock ul li ul{border : 0px;}
#menublock ul li ul{padding-bottom : 4px; }
#menublock ul li ul li{width : 155px;padding : 0px 0px 0px 10px;line-height : 14px;background : url(../images/pages/marker2.gif) no-repeat -4px 2px;}
#menublock a.ad{font-size : 0px;background : pink;}



Tag : - - - -







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2009-05-06 17:48:36 By : งง View : 1295 Reply : 4
 

 

No. 1



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

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

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

แก้ให้เป็นยังไงล่ะคับ






Date : 2009-05-06 17:59:47 By : pjgunner
 


 

No. 2

Guest


ปกกติ มันจะได้แบบรูปที่ 1 แต่อยากให้ได้เหมือนในรูปที่ 2 อ่ะครับ
Date : 2009-05-06 18:20:58 By : งง
 

 

No. 3



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

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

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

Code
<div style="padding-left:30px">string</div>

Date : 2009-05-06 18:23:50 By : webmaster
 


 

No. 4



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



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


ถ้าตอนที่คลิกแล้วให้เมนูย่อยโผล่ออกมาใช้ javascript

ถ้าออกมาแล้วอยากให้มันย่อหน้าเข้าไปอีกก็ใส่ padding เข้าไป
Date : 2009-05-06 21:46:31 By : ttong
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ใครเก่ง css ช่วยหน่อยครับ ผมมีเมนูตามรูปนี้ครับ ซึ่งเอามาแสดง แล้วตอนที่คลิก เมนู เช่น คลิกที่ Airplanes
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

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