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: How do I integrate the picture navbar better?  (Read 2801 times)

0 Members and 1 Guest are viewing this topic.

rknet

  • Coppermine newbie
  • Offline Offline
  • Posts: 3
How do I integrate the picture navbar better?
« on: August 01, 2005, 06:14:34 am »

I'd like to make the picture page tables more seamless.  Examples:

This is what I've got now.
(http://www.rilokiley.net/temp/now.jpg)

Here's a mockup showing what I'd like to end up with.
(http://www.rilokiley.net/temp/mockup.jpg)

Problem is, whenever I modify this code I end up with very undesirable results:

Code: [Select]
        <tr>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{THUMB_TGT}" class="navmenu_pic" title="{THUMB_TITLE}"><img src="images/folder.gif" width="16" height="16" align="absmiddle" border="0" alt="{THUMB_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="javascript:;" onClick="blocking('picinfo','yes', 'block'); return false;" title="{PIC_INFO_TITLE}"><img src="images/info.gif" width="16" height="16" border="0" align="absmiddle" alt="{PIC_INFO_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{SLIDESHOW_TGT}" title="{SLIDESHOW_TITLE}"><img src="images/slideshow.gif" width="16" height="16" border="0" align="absmiddle" alt="{SLIDESHOW_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" witdh="100%">
                        {PIC_POS}
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{ECARD_TGT}" title="{ECARD_TITLE}"><img src="images/ecard.gif" width="16" height="16" border="0" align="absmiddle" alt="{ECARD_TITLE}"></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{PREV_TGT}" class="navmenu_pic" title="{PREV_TITLE}"><img src="images/prev.gif" width="16" height="16" border="0" align="absmiddle" alt="{PREV_TITLE}" /></a>
                </td>
                <td align="center" valign="middle" class="navmenu" width="48">
                        <a href="{NEXT_TGT}" class="navmenu_pic" title="{NEXT_TITLE}"><img src="images/next.gif" width="16" height="16" border="0" align="absmiddle" alt="{NEXT_TITLE}" /></a>
                </td>
        </tr>

I tried wrapping TABLE /TABLE tags around the block of code to try and move it somewhere else... but it just wasnt working.  Where does the table for that navbar start anyway?  I'd like to make it the same width as the rest of the tables, and collapse some of the deadspace.

Thanks!

EDIT: Here's a link to the beginnings of my Gallery.
http://www.rilokiley.net/gallery2/
Logged

rknet

  • Coppermine newbie
  • Offline Offline
  • Posts: 3
Re: How do I integrate the picture navbar better?
« Reply #1 on: August 01, 2005, 09:00:36 pm »

Alright, I think I got them the same size by changing  Width of the main table and Width of the table for file display both to 97%.  Now I just have to collapse it down with some styles.css
Logged
Pages: [1]   Go Up
 

Page created in 0.02 seconds with 20 queries.