จะจัดตัว Dropdown menu ไปอยู่กึ่งกลางยังไงหรอค่ะ
โค้ดนะค่ะ
Code (PHP)
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
.mint {
text-align: center;
}
.jj {
text-align: center;
}
.gg {
text-align: center;
}
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background-color: #03F;
text-align: center;
display: block;
height: 30px;
width: 150px;
}
#nav li ul {
visibility: hidden;
margin: 0px;
padding: 0px;
float: left;
position: absolute;
}
#nav li {
float: left;
position: relative;
}
a:hover {
background-color: #0F9;
display: block;
height: 30px;
width: 150px;
}
#nav li:hover ul {
visibility: visible;
}
-->
</style>
</head>
<body>
<center>
<table width="1024" border="0" cellpadding="0" cellspacing="0" class="gg">
<tr>
<td><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="245" class="mint"><img src="../image/header.jpg" width="1108" height="230" /></td>
</tr>
<tr>
<td height="49" bgcolor="#0099FF">
<ul id=nav>
<li><a href="#">Home</a>
<ul>
<li><a href="#">ดาวน์โหลดเอกสาร</a>
<li><a href="#">บทความพิเศษ</a>
<li><a href="#">เว็บไซต์อ้างอิง</a>
</ul>
</li>
<li><a href="#">About us</a>
<ul>
<li><a href="#">ดาวน์โหลดเอกสาร</a>
</ul>
</li>
<li><a href="#">Search</a>
</li>
<li><a href="#">Contact us</a>
</li>
</ul>
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="696" bgcolor="#66CCFF"> </td>
</tr>
<tr>
<td height="70" bgcolor="#003366"> </td>
</tr>
</table>
</body>
</center>
</html>
Date :
2016-02-26 15:39:16
By :
mintracss019
ขั้นแรกให้ uninstall dream weaver ก่อน
แล้วก็ลง atom นะ
จากนั้นก็ install bootstrap package
แล้วกำหนด div css class เป็น center-block
Date :
2016-02-26 17:00:55
By :
ห้ามตอบเกินวันละ 2 กระทู้
เติม widht:600px ครับในแท็ก ul
Date :
2016-02-26 17:59:42
By :
Dragons_first
ลองเเล้วยังทำไม่ได้เลยค่ะ
Date :
2016-02-29 09:06:27
By :
mintracss019
Load balance : Server 05