arunmagnilagan
09-08-2011, 02:17 AM
hello everyone!!!!1
i am working on asp.net website, where designed a simple page.
i checked with Firefox and IE.. having issues posted my CSS and images here..
pls help me on this.
**** CSS for jquery menu at the right extreme***
.jimgMenu {
position:relative;
width: 670px;
height: 200px;
overflow: hidden;
margin: 0px 0px 0px 0px;
float:right;
}
.jimgMenu ul {
list-style: none;
margin: 0px;
display: block;
height: 200px;
width: 1340px;
}
.jimgMenu ul li {
float:left;
}
.jimgMenu ul li a {
text-indent: -1000px;
background:#FFFFFF none repeat scroll 0%;
border-right: 2px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:78px;
height: 200px;
}
.jimgMenu ul li.landscapes a {
background: url(images/Home.jpg) repeat scroll 0%;
}
.jimgMenu ul li.people a {
background: url(images/services.jpg) repeat scroll 0%;
}
.jimgMenu ul li.nature a {
background: url(images/projects.jpg) repeat scroll 0%;
}
.jimgMenu ul li.abstract a {
background: url(images/customer.jpg) repeat scroll 0%;
}
.jimgMenu ul li.refrences a {
background: url(images/refrences.jpg) repeat scroll 0%;
}
.jimgMenu ul li.urban a {
background: url(images/contact_us.jpg) repeat scroll 0%;
min-width:310px;
}
.project_name
.clear {
clear: both;
}
************************************************************
*****css for left extreme image******
#wrapper {
width:240px;
height:200px;
float:left;
}
*************************************
i am working on asp.net website, where designed a simple page.
i checked with Firefox and IE.. having issues posted my CSS and images here..
pls help me on this.
**** CSS for jquery menu at the right extreme***
.jimgMenu {
position:relative;
width: 670px;
height: 200px;
overflow: hidden;
margin: 0px 0px 0px 0px;
float:right;
}
.jimgMenu ul {
list-style: none;
margin: 0px;
display: block;
height: 200px;
width: 1340px;
}
.jimgMenu ul li {
float:left;
}
.jimgMenu ul li a {
text-indent: -1000px;
background:#FFFFFF none repeat scroll 0%;
border-right: 2px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:78px;
height: 200px;
}
.jimgMenu ul li.landscapes a {
background: url(images/Home.jpg) repeat scroll 0%;
}
.jimgMenu ul li.people a {
background: url(images/services.jpg) repeat scroll 0%;
}
.jimgMenu ul li.nature a {
background: url(images/projects.jpg) repeat scroll 0%;
}
.jimgMenu ul li.abstract a {
background: url(images/customer.jpg) repeat scroll 0%;
}
.jimgMenu ul li.refrences a {
background: url(images/refrences.jpg) repeat scroll 0%;
}
.jimgMenu ul li.urban a {
background: url(images/contact_us.jpg) repeat scroll 0%;
min-width:310px;
}
.project_name
.clear {
clear: both;
}
************************************************************
*****css for left extreme image******
#wrapper {
width:240px;
height:200px;
float:left;
}
*************************************