Hi everyone.
I am trying to adapt the "Bubbles" skin on Gallery v1.5.1-RC1. I have adapted the skin, and also changed the wrapper.header file to include my header code. My header is in DIV tags as follows:
Quote:
<div class="header">
<img src="/images/logo.gif" alt="PeanutWood" class="logo" /><br />
<div class="menu">
<a href="/"><img src="/images/home.gif" align="left" alt="Home" class="imgover" /></a>
<a href="/news.php"><img src="/images/news.gif" align="left" alt="Latest News" class="imgover" /></a>
<a href="/roster.php"><img src="/images/roster.gif" align="left" alt="Adrian's Roster" class="imgover" /></a>
<a href="/flying.php"><img src="/images/flying.gif" align="left" alt="Flying" class="imgover" /></a>
<a href="/biggles.php"><img src="/images/biggles.gif" align="left" alt="Biggles" class="imgover" /></a>
<a href="/links.php"><img src="/images/links.gif" align="left" alt="Useful links" class="imgover" /></a>
<a href="http://www.peanutwood.net/weblog"><img src="/images/blog.gif" align="left" alt="Weblogs!" class="imgover" /></a>
<a href="http://www.peanutwood.net/gallery"><img src="/images/gallery.gif" align="left" alt="Our Photo Gallery" class="imgover" /></a>
<a href="/jarlog.php"><img src="/images/jarlog.gif" align="left" alt="JAR Log 2005" class="imgover" /></a>
</div>
</div>
and this is the CSS which I have placed in the bottom of screen.css:
Quote:
.menu img {
margin: 0px 0px 0px 0px;
}
.menu {
text-align: left;
height: 46px;
white-space: nowrap;
position: absolute; top:97px;
}
.logo {
padding: 5px 0px 0px 25px;
}
.header {
text-align: left;
height: 139px;
background: url('/images/mainbg.gif') repeat-x;
}
This code is just the same in my Gallery code as it is in my main site here but when it runs in my Gallery it spreads out the menu tabs and doesn't pad the logo image.
I'm thinking that this must be something in the Gallery code thats causing that, I've tried just having purely my CSS in it, but that hasn't helped. Can anyone suggest what might be causing this formatting error please? Curiously, in IE it does all this, but in Firefox the logo pads correctly, but the menu tabs are still wrong.
Thanks for your help!
Posted: Sun, 2005-07-31 18:23
