HTML Wrap Issue

digitalravi

Joined: 2005-04-09
Posts: 10
Posted: Sat, 2005-04-09 08:04

Hello, how are you doing? I am trying to implement the Gallery within an HTML template, in which I am using a table. I have read the instructions, but they seem to be more focused on the individual header and footer cells. How do you implement this gallery within a body of a template, in which I have the other areas of the template already filled…Here is an example of what I am referring to:

http://www.ravijaundoo.com/marcia/gbook/guestbook.php?inputmask=0

Marc Stein provided me with simple instructions to implement his guest book within the template, but those instructions do not apply to this program. Does anyone have any suggestions on how I can get the gallery in the same area that the guest book is located?
 
Gaile

Joined: 2002-07-20
Posts: 1301
Posted: Sat, 2005-04-09 08:34

This will get you started. You'll have to play with the css, meta tags, etc as none of that goes into the html_wrap files.

Place all of this below the last ?> you see in the wrapper.header.default:

<table width="971" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999" bgcolor="#990033">
  <tr> 
    <td width="967" height="401" bordercolor="#666666"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td width="24%"><img src="images/index_images/temp_top1.gif" width="232" height="80"></td>
          <td width="15%"><img src="images/index_images/temp_top2.gif" width="147" height="80"></td>
          <td width="22%"><img src="images/index_images/temp_top3.gif" width="213" height="80"></td>
          <td width="22%"><img src="images/index_images/temp_top4.gif" width="213" height="80"></td>
          <td width="17%"><img src="images/index_images/temp_top5.gif" width="162" height="80"></td>

        </tr>
        <tr> 
          <td><img src="images/index_images/temp_2top1.gif" width="232" height="80"></td>
          <td><img src="images/index_images/temp_2top2.gif" width="147" height="80"></td>
          <td><img src="images/index_images/temp_2top3.gif" width="213" height="80"></td>
          <td><img src="images/index_images/temp_2top4.gif" width="213" height="80"></td>
          <td><img src="images/index_images/temp_2top5.gif" width="162" height="80"></td>
        </tr>
        <tr> 
          <td><img src="images/index_images/temp_mid1.gif" width="232" height="60"></td>

          <td><img src="images/index_images/temp_mid2.gif" width="147" height="60"></td>
          <td><img src="images/index_images/temp_mid3.gif" width="213" height="60"></td>
          <td><img src="images/index_images/temp_mid4.gif" width="213" height="60"></td>
          <td><img src="images/index_images/temp_mid5.gif" width="162" height="60"></td>
        </tr>
        <tr> 
          <td><img src="images/index_images/temp_btm1.gif" width="232" height="88"></td>
          <td><a href="index.html"><img src="images/index_images/temp_btm2.gif" width="147" height="88" border="0"></a></td>
          <td><a href="photos.html"><img src="images/index_images/temp_btm3.gif" width="213" height="88" border="0"></a></td>

          <td><a href="http://www.ravijaundoo.com/marcia/gbook/guestbook.php?inputmask=0"><img src="images/index_images/temp_btm4.gif" width="213" height="88" border="0"></a></td>
          <td><a href="http://www.ravijaundoo.com/contact_marcia"><img src="images/index_images/temp_btm5.gif" width="162" height="88" border="0"></a></td>
        </tr>
        <tr> 
          <td colspan="5">&amp;</td>
        </tr>
        <tr> 
          <td colspan="5"><table width="100%" height="189" border="0" cellpadding="0" cellspacing="0">
              <tr> 
                <td height="90" bgcolor="#990033">

Place all of this in the wrapper.footer.default after the last ?>:

</td>

              </tr>
            </table></td>
        </tr>
        <tr> 
          <td height="19" colspan="5">&amp;</td>
        </tr>
      </table>
      <div align="center"><img src="images/index_images/btm_footer1.gif" width="161" height="34"><img src="images/index_images/btm_footer2.gif" width="161" height="34"><img src="images/index_images/btm_footer3.gif" width="161" height="34"><img src="images/index_images/btm_footer4.gif" width="161" height="34"><img src="images/index_images/btm_footer5.gif" width="161" height="34"><img src="images/index_images/btm_footer6.gif" width="162" height="34"></div></td>
  </tr>

</table>

Save both files without the ".default" ending - upload to your html_wrap directory.

That is the basic layout of your site. Work with that, and post back if you get stuck. You'll have to tweak css, etc.

Gaile
 
digitalravi

Joined: 2005-04-09
Posts: 10
Posted: Sat, 2005-04-09 19:45

Thank you, for your help. Although I just have a few more questions...

http://www.ravijaundoo.com/marcia/album/

1) How can I change the background color, to match the template?
2) How do I get rid of the "&" symbol which is at the top and bottom?
3) Why is it that it says "Marcia's Photo Gallery" twice?
4) And lastly, where would I add the coding to disable right clicks, block search engines, and change the scroll bar colors?
 
digitalravi

Joined: 2005-04-09
Posts: 10
Posted: Sat, 2005-04-09 20:05

Sorry for bothering you again, but I noticed that when I click on the individual thumbnail to expand the image, the template images are not being displayed...

http://marcia.ravijaundoo.com/album/marcia01/marcia
 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Sat, 2005-04-09 21:48

What have you done to try and fix it? Or do you just want someone to fix it for you?
 
digitalravi

Joined: 2005-04-09
Posts: 10
Posted: Sat, 2005-04-09 22:41

I have been trying whole day to fix it...I just need some advice on direction.
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 25965
Posted: Sat, 2005-04-09 23:53

&: look at you code <td colspan="5">&</td> change to a html nobreakspace ( & # 1 6 0 ; )
1. edit the css
2. see above... the board strips html spaces
3. i don't see that at all; can you give a url?
4. Use the search function for the no right click and the stickies for .htaccess (search engine) and css for scroll bar colors.

Use the full url to you images in the html wrap files.
 
digitalravi

Joined: 2005-04-09
Posts: 10
Posted: Sun, 2005-04-10 22:48

Thank you for your help...

1) I am not sure on what line in the CSS file to change the background color of the website.
2) I added the Search Engine (Blocking Code) to the wrapper.header file, although I am not sure if this is correct, although all the other codes I have added to this file, seems to work.
3) When I click on an individual image, none of my template images are displayed, although I have the correct path in the wrapper.header and wrapper.footer files.

http://marcia.ravijaundoo.com/album/marcia01/marcia
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 25965
Posted: Mon, 2005-04-11 02:20

1. This is not a css forum so YOu need to look for some book or the web on how to edit css. Try the body class.

2. if it works it works. Does it validate?

3. Use the full url to you images in the html wrap files.
 
digitalravi

Joined: 2005-04-09
Posts: 10
Posted: Mon, 2005-04-11 15:32

It didn't work, the GREEN background is still present.

I did use the full URL, and it works on all the pages, except when viewing the actual picture...
 
Gaile

Joined: 2002-07-20
Posts: 1301
Posted: Mon, 2005-04-11 17:00
digitalravi wrote:
It didn't work, the GREEN background is still present.

It's not working because you haven't changed it! Look at your stylesheets!

Here's your standalone_style.css.default:

BODY  
	{ 
	  background-color: #BBCCAA;
	  color: #000000;
	}
TD, P 
	{ 
	  color: #000000;
	}

See the #BBCCAA? That is green. THAT is what needs to be changed. You haven't got the background colour set anywhere else that I saw. Perhaps you changed it on your computer and forgot to upload the corrected stylesheet? When you change the stylesheet, upload it without the '.default' ending - that way Gallery will read the changes you've made and you'll have a copy of the default version to fall back on if you make too many mistakes and need to start again.

digitalravi wrote:
I did use the full URL, and it works on all the pages, except when viewing the actual picture...

Again - here's a sample of your sourcecode from your image pages where the header is broken:

<table width="971" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999" bgcolor="#990033"> 
  <tr> 
    <td width="967" height="401" bordercolor="#666666"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> 
        <tr> 
          <td width="24%"><img src="html_wrap/images/index_images/temp_top1.gif" width="232" height="80"></td> 
          <td width="15%"><img src="html_wrap/images/index_images/temp_top2.gif" width="147" height="80"></td> 
          <td width="22%"><img src="html_wrap/images/index_images/temp_top3.gif" width="213" height="80"></td> 
          <td width="22%"><img src="html_wrap/images/index_images/temp_top4.gif" width="213" height="80"></td> 
          <td width="17%"><img src="html_wrap/images/index_images/temp_top5.gif" width="162" height="80"></td>

"html_wrap/images/index_images/...." is NOT a full URL.

They should read along the lines of "http://marcia.ravijaundoo.com/html_wrap/images/index_images/temp_top5.gif".

See the difference between the two examples?

Gaile
 
digitalravi

Joined: 2005-04-09
Posts: 10
Posted: Wed, 2005-04-13 12:53

I would like to thank everyone for there help...It was appreciated!
 
Gaile

Joined: 2002-07-20
Posts: 1301
Posted: Wed, 2005-04-13 18:46

You're welcome! :)

Gaile