PDA

View Full Version : graphic h1


fodder
06-06-2006, 11:46 AM
well ive been swapping the h1 text for some graphics and have done that fine.....

my issue is:

on IE there is no padding between the top of the image and the border that surrounds the section but when i come to checking site on mozilla i find that there is probably around 20px of padding despite it being set to 0px.

advice appreciated!

CSS code:

body {
margin: 0px;
padding: 0px;
font: small;
background: #faa627;
}

h3 {
padding-bottom: 0px;
}

#container {
width: 600px;
position: absolute;
left: 50%;
margin-left: -400px;
}

#pageHeader h1 {
width: 600px;
height: 220px;
background: url(graphics/hullcity.jpg);
}

#pageHeader h1 span {
display: none;
}

#pageHeader h2 {
display: none;
}

p {
font-family: "MS Serif", Verdana, Arial, sans-serif;
font-size: 80%;
color: #000000;
padding: 0px 2px 3px 2px;
text-align: left;
margin: 0px;
}

#intro {
width: 420px;

}

#preamble {
width: 420px;
border: double 3px black;
border-bottom: none;
padding: 0px;

}

#preamble h3 {
width: 420px;
height: 35px;
background: url(graphics/enlight.jpg);
padding: 0px;
}

#preamble h3 span {
display: none;

}







#explanation {
border-top: double 3px black;
border: double 3px black;
width: 420px;
border-bottom: none;
}

#explanation h3 {
width: 420px;
height: 35px;
background: url(graphics/about.jpg);
padding: 0px;
}

#explanation h3 span {
display: none;
}

#participation {
border-top: double 3px black;
border: double 3px black;
width: 420px;
border-bottom: none;
}

#participation h3 {
width: 420px;
height: 35px;
background: url(graphics/participation.jpg);
padding: 0px;

}

#participation h3 span {
display: none;
}

#benefits {
border-top: double 3px black;
border: double 3px black;
width: 420px;
border-bottom: none;
}

#benefits h3 {
width: 420px;
height: 35px;
background: url(graphics/benefits.jpg);
padding: 0px;
}

#benefits h3 span {
display: none;
}

#requirements {
border-top: double 3px black;
border: double 3px black;
width: 420px;
border-bottom: none;
}

#requirements h3 {
width: 420px;
height: 35px;
background: url(graphics/requirements.jpg);
padding: 0px;
}

#requirements h3 span {
display: none;
padding: 0px;
}

#footer {
text-align: center;
width: 420px;
text-transform: uppercase;
font-weight: bold;
padding: 0px;
border: double 3px black;
padding-top: 10px;
padding-bottom: 10px;
}



#footer a:link, a:visited{
font-size: 11pt;
text-decoration: none;
color: #b31a11;
border: solid 1px black;}

#footer a:hover, a:active {
color: white;
background: black;
}

d a v e
06-06-2006, 01:15 PM
well we don't know without a url to see how your css is interacting with your html and what kind of doctype you have, etc ;)

dthomsen8
06-08-2006, 09:34 AM
You should make use of the Message body choice "Code" to enclose HTML or CSS that you provide in a message. Click on the "Code" box, enter or paste the code, and click on the "Code" box again. You will see this in other messages in the forum. See the attachment.