ปฏิทิน Datepicker ขึ้นผิดรูป เนื่องจาก css ของ drop down menu
ขอดูโค้ดตรงส่วน <head></head> หน่อยครับ
Date :
2013-01-25 21:31:45By :
dreamlover
ก็เปลี่ยนชื่อ CSS ไม่ให้ซ้ำกันจิ่
Date :
2013-01-25 21:33:07By :
apisitp
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" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script>
$(function() {
$( "#from" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
$( "#to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
</script>
<style>
#nev { margin: 5px; }
#nev a {
margin: 5px;
padding: 3px 5px;
border: 1px solid #ccc;
background: #fc0;
text-decoration: none;
visibility: hidden;
}
#nev a.activeSlide {
background: #ea0;
visibility: visible;
float: left;
}
#nev a:focus { outline: none; }
.pics {
height: 390px;
width: 590px;
padding: 0;
margin: 0;
text-align: center;
}
.pics img {
padding: 15px;
border: 1px solid #ccc;
background-color: #eee;
width: 550px;
height: 350px;
top: 0;
left: 0
}
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
a {
background-color: #FF9900;
text-align: center;
display: block;
height: 30px;
width: 150px;
color: #000000;
text-decoration: none;
}
#nav li ul {
visibility: hidden;
float: left;
position: absolute;
}
#nav li {
float: left;
position: relative;
}
#nav li:hover ul {
visibility: visible;
}
a:hover {
background-color: #FFFFFF;
display: block;
height: 30px;
width: 150px;
}
body {
background-image: url(pit/bg.jpg);
background-color: #FFFFFF;
}
.style3 {
font-size: 24px;
color: #FFFFFF;
}
.style4 {color: #FF6600}
.style5 {color: #00CC00}
.style6 {color: #FFCC00}
.style7 {color: #0000FF}
.style8 {color: #000000}
.style9 {color: #FF0000}
.style10 {color: #FFFFFF}
.style11 {color: #663300}
.style12 {
font-size: 14px;
color: #FFFFFF;
}
.style13 {color: #CCCCCC}
body,td,th {
color: #FFFFFF;
}
</style>
</head>
Date :
2013-01-25 21:40:58By :
guest
ถ้าเอา css ของ menu วางไว้ทีหลังแล้วไม่หายก็แก้ไม่ได้แล้วครับ ต้องปรับที่ css ของเมนูใหม่ ให้ได้ตำแหน่งที่ต้องการ
Date :
2013-01-25 22:29:27By :
dreamlover
Server 05
Load balance : Server 05
