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 is a link to the website
here is the website code
and here is my style sheet
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 is a link to the website
here is the website code
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
Code:
/* 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.
