PDA

View Full Version : Image instead of [title]

Hippo
02-08-2007, 08:39 PM
Trying to have a banner instead of just plain text where my title is, I have tried a few times, but it completely messes up my entire template whenever I try to just insert the banner and take out the [title] tag.

heres the original code I'm starting with that just has the plain text and leaves everything else okay-

</head>
<body link="#555555" vlink="#444444" alink="#FFFFFF">
<div id="wrapper">
<div id="header">
<a href="index.php"><SITE_TITLE></a>
</div>
<div id="image">
<center>
<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>"><img id="foto" src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="Click for <IMAGE_PREVIOUS_TITLE>" /></a>
</center>
<div id='imageinfo'>
<IMAGE_TITLE>
</div>



So, I add an image tag where the Site_Title is, that has my banner in it, but it completely breaks apart my layout. Any suggestions?
Hippo
02-08-2007, 08:41 PM
Also, if it helps this is the banner I was trying to add in there- http://www.wheresmyhippo.com/TOPHEADERRRTR.jpg

Thanks in advance!
austriaka
02-08-2007, 08:52 PM
I defined it with CSS as background image in body, no-repeat and position 0 0

KArin
Hippo
02-08-2007, 09:03 PM
So in my CSS file I need to work with it here-

#header {
width:97.1%;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
margin-right:20px;
padding-top:35px;
padding-left:0px;
padding-right:0px;
padding-bottom:15px;
text-align:left;
font-size:12px;
font-weight:bold;
color:#333333;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
letter-spacing:-1px;
}
#header a {
text-align:left;
font-size:30px;
font-weight:bold;
color:#333333;
font-family: sans-serif;
letter-spacing:-1px; text-decoration:none

}
#foto {


Sorry CSS is really foreign to me.
austriaka
02-08-2007, 09:11 PM
#header {
background-color:black;
background-image:url('../../TOPHEADERRRTR.jpg ');
background-position:0px 0px;
background-repeat:no-repeat;
...

Path of image is relative from css file.

KArin