Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: Free space between menu images in IE  (Read 5984 times)

0 Members and 1 Guest are viewing this topic.

arlon

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 26
Free space between menu images in IE
« on: January 16, 2007, 01:49:51 pm »

I have a problem about top menu layout (I'm using a Tentacle-modified theme)

I'd like to have the images with no space between them, like it shows in Firefox. (first screenshot)

But in IE (both v.6 and 7) It appears like the 2nd image attached.

Here is my code for that area, as found in theme.php

Code: [Select]
        <tr>
<!-- BEGIN addfav_button -->
             <td align="center" valign="middle" class="navmenu" width="2">
<a href="addfav.php?pid={PID}"> <img src="/_/images/addfav1.gif" border="0" alt="Add image to your favourites"> </a> </td>
<!-- END addfav_button -->
<!-- BEGIN ecard_button -->
                <td align="center" valign="middle" class="navmenu" width="2">
                        <a href="{ECARD_TGT}" class="navmenu_pic" title="{ECARD_TITLE}"><img src="{LOCATION}images/ecard.gif"  border="0px" align="middle" alt="{ECARD_TITLE}" /></a>                </td>
<!-- END ecard_button -->
                <td align="center" valign="middle" class="navmenu" width="2">
                        <a href="javascript:;" class="navmenu_pic" onClick="blocking('picinfo','yes', 'block'); return false;" title="{PIC_INFO_TITLE}"><img src="{LOCATION}images/info.gif" border="0px" align="middle" alt="{PIC_INFO_TITLE}" /></a>                </td>
               

                <td align="center" valign="middle">
                        {PIC_POS}                </td>
<!-- BEGIN report_file_button -->
                <td align="center" valign="middle"  width="2px">
                        <a href="{REPORT_TGT}"  title="{REPORT_TITLE}"><img src="{LOCATION}images/report.gif" border="0" align="middle" alt="{REPORT_TITLE}" /></a>
                </td>
<!-- END report_file_button -->

                <td align="center" valign="middle"  width="2px">
                        <a href="{PREV_TGT}" title="{PREV_TITLE}"><img src="{LOCATION}images/prev.gif"  border="0px" align="middle" alt="{PREV_TITLE}" /></a>
                </td>
                <td align="center" valign="middle"  width="2px">

                        <a href="{THUMB_TGT}" title="{THUMB_TITLE}"><img src="{LOCATION}images/thumbnails.gif" align="middle" border="0px" alt="{THUMB_TITLE}" /></a>
                </td>
                <td align="center" valign="middle"  width="2">
                        <a href="{NEXT_TGT}"  title="{NEXT_TITLE}"><img src="{LOCATION}images/next.gif"  border="0px" align="middle" alt="{NEXT_TITLE}" /></a></td>
        </tr>

and here is the css for the "navmenu" class.. maybe I need to change something here?
Code: [Select]
.navmenu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: bold;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 0px;
        margin-bottom: 1px;
        margin-left: 0px;
}

.navmenu a {
        position: relative;
        display: block;
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 0px;
        text-decoration: none;
}

.navmenu a:hover {
        text-decoration: none;
}

Are there any suggestions/hints/solutions?
Thanks in advance :)
« Last Edit: January 17, 2007, 08:41:54 am by GauGau »
Logged

Stramm

  • Moderator
  • Coppermine addict
  • ****
  • Country: 00
  • Offline Offline
  • Gender: Male
  • Posts: 6006
    • Bettis Wollwelt
Re: Free space between menu images in IE
« Reply #1 on: January 16, 2007, 04:26:46 pm »

the class maintable in the css... change padding-left and padding-right to yoour likings

arlon

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 26
Re: Free space between menu images in IE
« Reply #2 on: January 17, 2007, 08:17:29 am »

Yup.. solved!
(this community is what keeps Coppermine perfect!)
Logged
Pages: [1]   Go Up
 

Page created in 0.019 seconds with 19 queries.