CaldwellYSR
Member
My Computer Science teacher has a class webpage. She is having some issues with the banner having strange vertical lines on it. The banner is a few pictures mashed together into one image. The vertical bars are not supposed to be there. The image below displays the problem. I can't find anything in the code that would cause this, I asked her if it was a problem with the image but she says no (I still think it's a problem with the image but w/e). Anyways I'll give the relevant code for the banner and hopefully someone can find the problem.
I haven't found anything else that could be causing this problem. I would give you the live link but it's hosted on the university computers only so nobody else would be able to get on it.
HTML:
<div id="container">
<div id="banner">
<div class="attributeGraphic">
<div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 55px; padding-right: 0px; padding-bottom: 0px; padding-left: 165px; ">
<br/>
</div>
</div>
</div>
...
...
...
</div><!-- End container div -->
Code:
div#banner {
background-image:url(http://ldale.sewanee.edu/CprS/157/css/banner.png);
}
.attributegraphic {
font-size:10pt;
font-style:italic;
font-weight:bold;
height:0;
position:relative;
top:-18px;
}I haven't found anything else that could be causing this problem. I would give you the live link but it's hosted on the university computers only so nobody else would be able to get on it.
