I used a template to build this site and the two biggest problems I am having is when you zoom in/out, the information is getting pushed outside the background image. The other problem is the site viewed on different browsers. The 'About Us' page works for all browsers aside from Internet Explorer.
Could someone please look at me codes and let me know if they have any solutions. The website is www.xtremehairsalon.com
Thanks!
Amy
CSS Stylesheet:
body{
margin:0px;
background-color:#000000;
height: 800px;
width: 766px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 60px;
}
table {
border-collapse:collapse;
border:0px;
}
table, td {
width:150%;
height:110%;
border:0px;
}
td { vertical-align:top; padding:0px;}
a:hover{text-decoration:none;}
img {
border:0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
float: none;
}
name {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}
.main_text, table, li, input, textarea
{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
line-height:16px;
color:#191A1A;
font-weight:bold;
word-spacing:1px;
float: left;
width: 733px;
}
.h_text {
color:#000;
font-weight: bold;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
}
.l_text { color:#A01029}
.c_text {
color:#000;
line-height:9px
}
.c_text a{
color:#000
}
.no_class, form, .no_class td
{
margin:0px;
border:0px;
float: none;
padding: 0px;
height: 180px;
width: 470px;
}
.line { background:#335123; width:165px; height:2px}
.block div{ width:425px; height:19px; background:#2E4721;color:#FFFFFF;}
.block div div { width:auto; height:auto; padding:2px 15px 0 10px}
.block a {color:#FFFFFF; text-decoration:none;}
.block a:hover{
color:#000
}
.form{height:24px; margin-top:1px;}
.form input {
width:203px;
height:21px;
border:#335123 1px solid;
background-color:#000;
padding-left:5px;
color:#CCC
}
textarea {
width:203px;
height:111px;
border:#335123 1px solid;
background-color:#000;
padding-left:5px;
overflow:auto;
margin-top:1px;
color:#FFF
}
ul {margin:0; padding:0; list-style:none}
li {background:url(images/a1.gif) no-repeat left center; margin: 0px 0px 0px 0px; padding:0px 0px 0px 15px}
li a {line-height:21px; color:#ffffff; text-decoration:none; font-weight:bold}
li a:hover {text-decoration:underline;}.Text {
font-family: "MS Serif", "New York", serif;
}
.no_class tr td div img {
height: 600px;
width: 180px;
}
.Text {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
font-style: normal;
text-decoration: blink;
color: #000;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
float: none;
}
image {
border-top-width: 10px;
border-top-style: 10;
border-top-color: #000;
}
body table tr td table tr th img {
}
body table tr td table tr th div h1 img {
float: left;
}
vision {
font-size: 18px;
font-family: Verdana, Geneva, sans-serif;
font-style: italic;
text-decoration: blink;
word-spacing: 2px;
float: left;
}
.no_class tr .s .a {
vertical-align: middle;
text-align: left;
width: 530px;
padding-left: 60px;
}
.l_textnew {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
}
text {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
font-style: normal;
}
photo {
float: left;
height: auto;
width: auto;
}
.no_class.block tr {
float: left;
}
#form1 {
float: right;
clear: none;
padding-right: 100px;
padding-bottom: 30px;
height: 200px;
}
.h_text p {
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
}
#form1 .no_class tr td .h_text {
color: #000;
}
products {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-style: normal;
float: left;
}
body table tr td table tr td div p {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
float: none;
}
body table tr td table tr td div p {
}
body table tr td table tr td divnew {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}
text {
width: 300px;
right: 100px;
float: right;
}
test {
font-style: italic;
}
body table tr td table tr td div p {
font-weight: normal;
font-size: 10px;
color: #000;
font-family: Verdana, Geneva, sans-serif;
}
.no_class tr .s .a {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-weight: normal;
}
.l_textnew br {
font-size: 12px;
font-style: normal;
color: #000;
font-family: Verdana, Geneva, sans-serif;
}
brief text {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}
body p {
color: #000;
font-family: Verdana, Geneva, sans-serif;
}
about text {
text-align: left;
}
.no_class {
font-size: 18px;
font-family: Verdana, Geneva, sans-serif;
}
.new {
font-size: 10px;
}
.new {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}
.h_text pnew {
font-style: italic;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}
.h_text p img {
float: right;
}
.h_text img {
float: right;
}
.heading {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
}
_______________________
About Us Page:
About Xtreme Hair
Welcome!
Xtreme Hair has been serving the Crofton area for over 12 years. We are dedicated to Continuing Education so we are always current on latest trends in cutting, coloring, highlighting, make-up, product knowledge and much more. Our salon has an intimate, warm atmosphere so you can come in and relax. You will receive a personalized consultation to ensure the perfect style for you.
Our Vision
To provide each and every client with superior customer service from start to finish. We provide clients with the best color, perm, and styling solutions. We are committed to keeping Xtreme Hair on the cutting edge by offering new products, techniques, continuing our education, and utilizing the most efficient computer systems. We are committed to helping every client look their best. When you look great, you feel great! When you feel great, you are happy! Happy clients are those that come back!
Which template did you use?
Which template did you use? You've got an incomplete doctype, outdated JavaScript, and a lot of unnecessary code.
You can clean up your code
You can clean up your code fast by using FireFox's DustMe plugin. One you clean your code up repost an we can help you easily!