Fixing spaces in theme *PIC* Fixing spaces in theme *PIC*
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Fixing spaces in theme *PIC*

Started by Roach, July 18, 2004, 01:33:37 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

Roach

July 18, 2004, 01:33:37 AM Last Edit: July 18, 2004, 01:43:30 AM by Roach
Ok heres a pic and code of the template file for my gallery. Im trying to do a few things here, all kinda related. Sorry if it violates the rules for # of questions.

Im trying to make the entire border around the image smaller and inturn it will move the image up higher. Also I was able to remove the space from the banner area to the 'register/login' area but i see the area between 'register/login' and 'album list/ last comments, etc' is still the same. Im hoping to make it a smaller # thus bringing everything up.

Thanks

(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fwww.theroachmotel.com%2Fcopper.jpg&hash=4587f1e9e9e79ecf49c8ae2d242e45a06f3d0a87)
Quote
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{lang_dir}">
<head>
<title>{TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={charset}" />
<meta http-equiv="Pragma" content="no-cache" />
{META}
<link rel="stylesheet" href="themes/hardwired/style.css" />
<script type="text/javascript" src="scripts.js"></script>
<!--
$Id: template.html,v 1.9 2004/06/07 09:11:36 caspershadow Exp $
-->
</head>
<body>
<table width="778" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
   <td width="778" height="61" valign="middle" align="right" background="themes/hardwired/images/hw_01.gif">
       <table width="73%" height="32" border="0" cellpadding="0" cellspacing="0">
         <tr>
           <td width="94%" height="22" valign="bottom" align="right"><span

class="gal_name">{GAL_NAME}</span></td>
           <td width="6%"></td>
         </tr>
       </table>
     </td>
 </tr>
 <tr>
   <td height="100%" align="center" valign="top" background="themes/hardwired/images/hw_02.gif"><table

width="100%" height="100%" border="0" align="center">
       <tr>
         <td valign="top" align="left">
             <table width="725" border="0" align="center" cellpadding="0" cellspacing="0">
               <tr>
                 <td height="108" valign="top"><div align="right">{MAIN_MENU1}</div><br />
                   {MAIN_MENU2}<br />
                   
                   {ADMIN_MENU} {GALLERY}</td>
               </tr>
             </table><div

align="center">{LANGUAGE_SELECT_FLAGS}<br>{THEME_SELECT_LIST}&nbsp;{LANGUAGE_SELECT_LIST}</div><br />
             <br />
           </td>
       </tr>
     </table></TD>
 </tr>
 <tr>
   <td valign="bottom"><img src="themes/hardwired/images/hw_03.gif"></td>
 </tr>
</table>
</body>
</html>

Roach

#1
July 18, 2004, 02:36:27 AM
I noticed I could change in the config the width of the main table. I made this 550 and it now has basically no border on the left and right. Now to just do the same for the top and bottom of the pic

Casper

#2
July 18, 2004, 01:04:40 PM
Moving the menu on the left up would break the gallery when logged in, as there would not be enough room, see the screenshot below (ignore the basket button).
It has been a long time now since I did my little bit here, and have done no coding or any other such stuff since. I'm back to being a noob here

Roach

#3
July 18, 2004, 06:52:47 PM
Im not looking to put on the same line. Rather

See the space between the top banner and login/register etc on your pic.  Now see the one on my pic? I took the space away. It appears there is a space (maybe 10-20pixels) between the 2 menus. I just wanna make them as close to 0. THey wont overlap or anything just tight between the two. Not to mention I cut out a lot the menu so I probably could put them on the same line but not going to.

As for the border any ideas? Again I made the sides smaller just tryng to make the top and bottom smaller or gone to bring the pic up. Thanks

Casper

#4
July 18, 2004, 07:38:28 PM
Removing all the line breaks (<br> or <br />) from the template.html results in this, if that helps.
It has been a long time now since I did my little bit here, and have done no coding or any other such stuff since. I'm back to being a noob here

Casper

#5
July 18, 2004, 07:51:20 PM
Also, to remove the space above the picture in the display, open your style.css, and change the properties for '.imageborder'
It has been a long time now since I did my little bit here, and have done no coding or any other such stuff since. I'm back to being a noob here

Roach

#6
July 18, 2004, 09:12:05 PM
awesome guys. I think I got everything fixed.  Took out the 2 breaks and made image border have 0 margins.  Only thing then was I had to run the main table width back to 100% or else it looked kinda weird so now the blue border is on the sides but thats fine, it doesnt look out of place and evrything is much higher up now

The reason I wanted this was so on a 1024x768 monitor you could see everything without scrolliing. The title, menus, picture, and comment line. It barely fits but it does =P
Print
Go Up Pages1
User actions