rglatter
Aug 11, 2006, 06:05 PM
Hello,
Im very new to the web design scene but im just expirementing a little bit and I have a few questions
1. Why wont safari render my css correctly? EDIT: fixed dont know how but it did.
2. The links that I would like to be horizontal are vertical. How can I change this?
here (http://glattergraphicsanddesign.richardglatterdesigns.com)is a link to the website
here is the website code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Glatter Graphics And Design</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
body {
background-color: #000000;
}
-->
</style></head>
<body>
<div align="center"><img src="Images/banner.jpg" width="1024" height="175">
<a href="#" id="servicescss">Services</a><a href="#" id="portfoliocss">Portfolio</a><a href="#" id="clientscss">Clients</a><a href="#" id="contactuscss">Contact_Us</a>
</div>
</body>
</html>
and here is my style sheet
/* CSS Document */
/*rolovers*/
#portfoliocss{
height: 80px;
width: 240px;
text-indent: 10000px;
overflow: hidden;
background: url(Images/portfoliocss.jpg) top left no-repeat;
display: block;
}
#portfoliocss:hover{
background-position: bottom left;
}
#servicescss{
height: 80px;
width: 240px;
text-indent: 10000px;
overflow: hidden;
background: url(Images/servicescss.jpg) top left no-repeat;
display: block;
}
#servicescss:hover{
background-position: bottom left;
}
#clientscss{
height: 80px;
width: 240px;
text-indent: 10000px;
overflow: hidden;
background: url(Images/clientscss.jpg) top left no-repeat;
display: block;
}
#clientscss:hover{
background-position: bottom left;
}
#contactuscss{
height: 80px;
width: 240px;
text-indent: 10000px;
overflow: hidden;
background: url(Images/contactuscss.jpg) top left no-repeat;
display: block;
}
#contactuscss:hover{
background-position: bottom left;
}
any help would be appreciated.
Im very new to the web design scene but im just expirementing a little bit and I have a few questions
1. Why wont safari render my css correctly? EDIT: fixed dont know how but it did.
2. The links that I would like to be horizontal are vertical. How can I change this?
here (http://glattergraphicsanddesign.richardglatterdesigns.com)is a link to the website
here is the website code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Glatter Graphics And Design</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
body {
background-color: #000000;
}
-->
</style></head>
<body>
<div align="center"><img src="Images/banner.jpg" width="1024" height="175">
<a href="#" id="servicescss">Services</a><a href="#" id="portfoliocss">Portfolio</a><a href="#" id="clientscss">Clients</a><a href="#" id="contactuscss">Contact_Us</a>
</div>
</body>
</html>
and here is my style sheet
/* CSS Document */
/*rolovers*/
#portfoliocss{
height: 80px;
width: 240px;
text-indent: 10000px;
overflow: hidden;
background: url(Images/portfoliocss.jpg) top left no-repeat;
display: block;
}
#portfoliocss:hover{
background-position: bottom left;
}
#servicescss{
height: 80px;
width: 240px;
text-indent: 10000px;
overflow: hidden;
background: url(Images/servicescss.jpg) top left no-repeat;
display: block;
}
#servicescss:hover{
background-position: bottom left;
}
#clientscss{
height: 80px;
width: 240px;
text-indent: 10000px;
overflow: hidden;
background: url(Images/clientscss.jpg) top left no-repeat;
display: block;
}
#clientscss:hover{
background-position: bottom left;
}
#contactuscss{
height: 80px;
width: 240px;
text-indent: 10000px;
overflow: hidden;
background: url(Images/contactuscss.jpg) top left no-repeat;
display: block;
}
#contactuscss:hover{
background-position: bottom left;
}
any help would be appreciated.
