No replies
Emma
Emma's picture
Offline
Enthusiast
Last seen: 1 year 15 weeks ago
Timezone: GMT+1
Joined: 2005-04-19
Posts: 150
Points: 37

Hi
When I used the holly hack to place an image in the central column the first paragraph on all pages is now indented...any ideas anyone why this is?

Here's the code....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Welcome to the QIC</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
body{
background-color:#D6D6D6;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}
a {
text-decoration: none;
font-weight: bold;
color: #333;
outline: none;
}
a:visited {
color: #333;
}
a:active {
color: #333;
}
a:hover {
color: #333;
text-decoration: underline;
}
#wrapper{
width: 777px;
background-color:#FFF;
margin:10px auto;
border: 1px solid #000;
text-align:left;
}
#banner{
height: 73px;
background-image: url(images/top.jpg);
background-repeat: no-repeat;
}
#nav {
border-bottom: 1px solid #000;
}
#nav ul{
/*/*/
padding: 0;
margin: 0;
background-color: #9B9B9B;/* */
}
#nav ul li{
/*/*/display: inline;
padding: 0;
margin: 0;/* */
}
#nav ul li a{
/*/*/font-size: 80%;
color: #FFF;
background-color: #9B8C79;
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #000;
text-align: center;
width: 11em;/* */
}
#nav ul li a:hover, #nav ul li a:focus{
/*/*/background-color: #990000;/* */
}
#content p{
font-size: 80%;
margin: 20px;
margin-right: 20%;
margin-left: 20%;
}
* html #content p {height:1px;} /* holly hack */
#content h1{
font-size: 90%;
color: #333;
margin-right: 20%;
margin-left: 20%;
}
#content h2{
font-size: 80%;
color: #333;
margin-right: 20%;
margin-left: 20%;
}
table {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
float: right;
margin-top: 2px;
margin-right: 2px;
}
caption {
font-family: Arial, sans-serif;
color: #993333;
padding-bottom: 6px;
}
td {
font-family: Verdana, sans-serif;
font-size: 70% ;
padding: 7px;
}
th {
font-family: Verdana, sans-serif;
font-size: 70%;
background: url(images/stripe.jpg);
padding: 5px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
text-align: center;
}
#footer{
border-top: 1px solid #000;
background-color: #666;
color: #FFF;
}
#footer p{
clear: both;
font-size: 70%;
margin: 0;
padding: 10px;
text-align: center;
}
#sidebar {
/*/*/
float: left;
background-color: #A4C9E8;
font-family: Verdana, sans-serif;
font-size: 80%;
color: #FFF;
margin-top: 2px;
margin-left: 2px;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
width: 18%;/* */
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
}
#sidebar ul{
padding: 0;
margin: 0;
background-color:transparent;
list-style-type: none;
}
#sidebar ul li{
padding: 0;
margin: 0;
}
#sidebar ul li a{
background-color: #F7F4E1;
border-bottom: 1px solid #000;
color: #000;
display: block;
padding: 3px 0px 3px 7px;
text-decoration: none;
height: 1%;
}
#sidebar ul li a:hover, #leftcol #nav ul li a:focus{
background-color: #91985A;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}
img.left-floating {
float: left;
padding: 10px 10px 0px 0px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="banner">&nbsp;</div>
<div id="nav">
<ul>
<li><a href="local.html">Local Offices</a></li
><li><a href="objectiv.html">Objectives</a></li
><li><a href="meetings.html">Board Meetings</a></li
><li><a href="links.html">Links</a></li
><li><a href="#">Text Version</a></li
></ul>
</div>
<div id="sidebar"><ul>
<li><a href="index.html">Home</a></li
><li><a href="board.html">Who We Are</a></li
><li><a href="contact.html">Contact Us</a></li>
</ul></div>
<div id="content">
<table width="18%" border="0" cellpadding="0" cellspacing="0" summary="Useful Links">
<tr>
<th id="table">Useful Links</th>
</tr>
<tr>
<td><img src="images/bullet.jpg" alt=" " width="12" height="12" /> <a href="http://www.niscc.info" target="_blank">Northern
Ireland Social Care Council </a></td>
</tr>
<tr>
<td><img src="images/bullet.jpg" alt=" " width="12" height="12" /> <a href="http://www.browsealoud.com/downloads.asp?dl=bl" target="_blank"> Browsealoud Screen
Reader </a></td>
</tr>
<tr>
<td><img src="images/bullet.jpg" alt=" " width="12" height="12" /> <a href="http://www.healthcarecommission.org.uk" target="_blank">Healthcare Commission</a> </td>
</tr>
<tr>
<td><img src="images/bullet.jpg" alt=" " width="12" height="12" /> <a href="http://www.nice.org.uk" target="_blank">National Institute
for Clinical Excellence</a> </td>
</tr>
</table>
<h1>Welcome to the Quality Improvement Council</h1>
<p>We are a new non-departmental public body, sponsored by the
Department of Health, Social Services and Public Safety, with overall responsibility
for monitoring and inspecting the availability and quality of health and social
care services in Scotland.>
<p>In delivering on its responsibilities, the council will exercise two main functions.
Firstly, it will inspect the quality of health and social care services provided
by Health and Personal Social Services (HPSS) bodies in Scotland. These
inspections will take the form of reviews of clinical and social care governance
arrangements within HPSS bodies. </p>
<p>Secondly, the Authority will regulate (register
and inspect) a wide range of health and social care services delivered by government bodies.
<br />
</p>
<p align="center">
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0!" width="88" height="31" border="0" /></a>
<a href="http://bobby.watchfire.com/" title="Bobby's Home Page">
<img src="images/approved_aa.gif" alt="Bobby WorldWide Approved AA" width="88" height="31" border="0"></a>
</p>
</div>
<div id="footer">
<p>Copyright Quality Improvement Council 2005 </p>
</div>
</div>
</body>
</html>