2 replies [Last post]
amykelly2
Offline
newbie
Last seen: 3 years 6 days ago
Timezone: GMT-4
Joined: 2011-07-17
Posts: 1
Points: 2

 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!

 

thepineapplehead
thepineapplehead's picture
Offline
Guru
Milton Keynes
Last seen: 28 weeks 6 days ago
Milton Keynes
Joined: 2004-06-30
Posts: 9668
Points: 801

Which template did you use?

Which template did you use? You've got an incomplete doctype, outdated JavaScript, and a lot of unnecessary code.

Verschwindende wrote:
  • CSS doesn't make pies

tjroberts086
tjroberts086's picture
Offline
Enthusiast
Last seen: 2 years 14 weeks ago
Timezone: GMT-5
Joined: 2010-01-08
Posts: 132
Points: 168

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!