|
|
css มันไม่ตรง ทำอย่างไรดีครับ ช่วยทีครับ งม มาทั้งวันแล้ว |
|
|
|
|
|
|
|
css มันไม่ตรง ทำอย่างไรดีครับ ช่วยทีครับ งม มาทั้งวันแล้ว
Code (PHP)
@charset "windows-874";
body {
margin:0;
}
.bgH{
background-image: url(images/bgH.jpg);
background-repeat: repeat-x;
background-position:top;
}
/* Global Declarations */
.clear, .break{
clear: both;
}
/* Wrapper */
#wrapper{
margin: 0 auto;
width: 63px;
}
/* Top Menu */
#topmenu li {
display: inline;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#topmenu li a {
text-decoration: none;
color: #fff;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
display: block;
/*border-right: 1px solid #fff;*/
padding: 0 10px 0 10px;
margin: 0 0 0 0;
}
#topmenu li a:hover {
color: #FE9754;
}
#topmenu li a.signin {
border: none;
}
/* Menu */
#menu{
position: relative;
float: left;
width: 642px;
height:70px;
z-index: 20 !important;
}
#menu ul li {
position: relative;
display: inline;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
/*background: #ccc;*/
opacity: 0.8;
filter:alpha(opacity=80);
}
#menu ul li.rcorner1_li, ul.submenu2 li.rcorner1_li{
background: none !important;
}
#menu ul li.one {
width: 122px;
background-image: url(images/menu/search_H.png);
background-repeat: no-repeat;
background-position: center center;
}
#menu ul li.two {
width: 120px;
background-image: url(images/menu/1.png);
background-repeat: no-repeat;
background-position: center center;
}
#menu ul li.three {
width: 100px;
background-image: url(images/menu/2.png);
background-repeat: no-repeat;
background-position: center center;
}
#menu ul li.four {
width: 100px;
background-image: url(images/menu/3.png);
background-repeat: no-repeat;
background-position: center center;
}
#menu ul li.five {
width: 100px;
background-image: url(images/menu/4.png);
background-repeat: no-repeat;
background-position: center center;
/*border-right: 1px solid #fff;*/
}
/*
#menu ul li.six {
width: 31px;
background-image: url(images/menu/search_icon.png);
background-repeat: no-repeat;
background-position: center center;
/*border-right: 1px solid #fff;
}
*/
#menu ul li a {
text-decoration: none;
text-align: center;
color: #000;
text-transform: uppercase;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
display: block;
padding: 14px 0 14px 10px;
margin: 0 0 0 0;
/*border-right: 1px solid #fff;*/
}
#menu ul li a.last{
border-right: none;
}
#menu ul li a:hover {
color: #FC7736;
}
ul.submenu1, ul.submenu2, ul.submenu3, ul.submenu4, ul.submenu5{
display: none;
}
ul.inspire_submenu{
display: none;
}
#menu ul li.inspire_li:hover ul.inspire_submenu{
display: block;
position: absolute;
left: 154px;
top: 0px;
}
#menu ul li.inspire_li:hover #menu ul.submenu1 li{
background: #a7a195 !important;
}
#menu ul li.inspire_li:hover ul.inspire_submenu li a{
color: #fff;
background: #ccc;
}
ul.inspire_submenu li:hover a{
color: #000 !important;
}
#menu ul.submenu1 li, #menu ul.submenu2 li, #menu ul.submenu3 li, #menu ul.submenu4 li, #menu ul.submenu5 li{
position: relative;
background: #ccc;
opacity: 0.8;
filter:alpha(opacity=80);
}
ul.submenu1 li {
display: inline;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 122px;
}
ul.submenu2 li {
display: inline;
float: left;
margin: 0 0 0 0;
padding: 20 0 0 0;
width: 120px;
}
ul.submenu3 li {
display: inline;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100px;
}
ul.submenu4 li {
display: inline;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100px;
}
ul.submenu5 li {
display: inline;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100px;
}
#menu ul.submenu1 li a, #menu ul.submenu2 li a, #menu ul.submenu3 li a, #menu ul.submenu4 li a, #menu ul.submenu5 li a{
text-decoration: none;
text-align: left;
color: #000;
text-transform: uppercase;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
display: block;
padding: 9px 0 10px 0;
margin: 0 0 0 0;
border: none;
}
#menu ul.submenu1 li a{
padding-left: 44px;
}
#menu ul.submenu2 li a{
padding-left: 35px;
}
#menu ul.submenu3 li a{
padding-left: 30px;
}
#menu ul.submenu4 li a{
padding-left: 37px;
}
#menu ul.submenu5 li a{
padding-left: 54px;
}
#menu ul.submenu1 li a:hover, #menu ul.submenu2 li a:hover, #menu ul.submenu3 li a:hover, #menu ul.submenu4 li a:hover, #menu ul.submenu5 li a:hover{
color: #fff;
background: #FC7736;
}
#menu ul li.one:hover ul.submenu1, #menu ul li.two:hover ul.submenu2, #menu ul li.three:hover ul.submenu3, #menu ul li.four:hover ul.submenu4, #menu ul li.five:hover ul.submenu5{
position: absolute;
display: block;
}
/* Slideshow */
#slideshow_outer{
position: relative;
z-index: 2;
float: left;
width: 955px;
height: 354px;
}
.slideshow{
position: absolute;
z-index: 1;
}
.text_tathagata{
position: absolute;
z-index: 10;
float: left;
width: 203px;
height: 243px;
padding: 17px 0 0 16px;
background: url("../images/textBox_tathagata.png") no-repeat top left;
}
.text_tathagata h2{
color: #FC7736;
font: bold 16px Arial, Helvetica, sans-serif;
margin-bottom: 17px;
}
.text_tathagata p{
color: #fff;
width: 190px;
line-height: 18px;
margin-bottom: 10px;
}
#content{
float: left;
width: 955px;
background: url("../images/contentbg.png") repeat-y top left;
}
.left{
float: left;
width: 620px;
padding: 41px 60px 52px 44px;
}
.right{
float: left;
width: 169px;
padding: 15px 35px 0 27px;
}
/* Left Column */
.row1, .row2{
float: left;
width: 620px;
margin-bottom: 30px;
}
.row2{
margin-bottom: 0;
}
.item1{
float: left;
display: inline;
width: 126px;
margin-right: 41px;
}
.item1_row2{
float: left;
display: inline;
width: 123px;
margin-right: 44px;
}
.item2{
float: left;
display: inline;
width: 122px;
margin-right: 43px;
}
.item3{
float: left;
display: inline;
width: 121px;
margin-right: 46px;
}
.item4{
float: left;
display: inline;
width: 121px;
}
.item1, .item1_row2, .item2, .item3, .item4{
font: normal 11px Arial, Helvetica, sans-serif;
}
.item1 img, .item1_row2 img, .item2 img, .item3 img, .item4 img{
margin-bottom: 9px;
}
.row1 p, .row2 p{
line-height: 15px;
}
.left a.blue_arrow{
color: #0099ff;
font-weight: bold;
text-decoration: none;
}
/* Right Column */
.updates, .offer{
float: left;
width: 169px;
}
.updates{
margin-bottom: 32px;
}
.updates p, .offer p{
width: 150px;
line-height: 18px;
padding-left: 15px;
}
.updates img{
margin-bottom: 16px;
}
.offer img{
margin-bottom: 15px;
}
p.more{
text-align: right;
}
p.more span{
font-size: 22px;
}
p.more a, .offer a{
color: #0099ff;
text-decoration: none;
font-weight: bold;
font-size: smaller;
}
.offer a{
padding-left: 10px;
}
/* Footer */
#footer{
position: relative;
float: left;
width: 890px;
height: 153px;
padding: 19px 0 0 65px;
background: url("../images/footer.jpg") no-repeat top left;
}
#footer ul
{
list-style-type: none;
margin: -7px 0 0 2px;
padding: 0;
}
#footer ul li
{
margin: 0;
padding: 0;
}
#footer ul li a{
padding: 0 0 0 0;
margin: 0;
text-decoration: none;
color: #333;
font-size: 10px;
}
#footer ul li a:hover{
color: #fff;
}
.knowus{
float: left;
display: inline;
width: 163px;
}
.take{
float: left;
display: inline;
width: 160px;
}
.stay{
float: left;
display: inline;
width: 187px;
}
.terms{
float: left;
display: inline;
width: 180px;
}
.walk{
float: left;
display: inline;
width: 200px;
}
.social{
float: left;
}
.social img.fb{
margin-right: 28px;
}
.social img.twitter{
margin-right: 23px;
}
.social img.bookmark{
margin: 3px 0 0 3px;
}
.copyrights{
position: absolute;
top: 145px;
left: 26px;
color: #666;
}
.designedby{
position: absolute;
top: 150px;
left: 802px;
color: #666;
}
.designedby a{
color: #666;
text-decoration: none;
}
.designedby a:hover{
color: #fff;
}
#rcorner1, #rcorner2, #rcorner3, #rcorner4, #rcorner5{
float: left;
background: #ccc;
}
#rcorner1{
width: 197px;
}
#rcorner2{
width: 154px;
}
#rcorner3{
width: 210px;
}
#rcorner4{
width: 177px;
}
#rcorner5{
width: 216px;
}.test {
background-image: url(images/menu/1.jpg);
background-repeat: no-repeat;
background-position: center center;
}
Tag : - - - -
|
|
|
|
|
|
Date :
2012-03-10 17:18:24 |
By :
Professer |
View :
1075 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#menu ul li ลองไล่ดูครับ
|
|
|
|
|
Date :
2012-03-10 17:30:32 |
By :
Dragons_first |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|