Adding code to the part of page where categories show

[ReneesEyes]

OK, one more question:

I would like to put some html on my home page that makes a little log-in box to go to another site. Is there a way to put it in the big box housing all the category thumbs on the home page, say centered above all of them, or in the spot where the first one would go? Or, under the nav bar above the category section? If you tell me where to put it, I would be so grateful!

here is the code:

<table> <tr> <td>
<center> <FORM ACTION="http://www.foxdigital.com/cgi-bin/tame/www.reneesumner.com/login.tam?" METHOD = POST>
<b>View Previews Online</b><br>
<INPUT TYPE="text" NAME="usrpasswd" size="18" VALUE=""><br>
<INPUT TYPE="submit" VALUE="Login"></center> </form>
</td> </tr> </table>

I know how to get it in the footer, but nobody can find it there.

Thanks!

Renee

[Allen]

OK, one more question:

I would like to put some html on my home page that makes a little log-in box to go to another site. Is there a way to put it in the big box housing all the category thumbs on the home page, say centered above all of them, or in the spot where the first one would go? Or, under the nav bar above the category section? If you tell me where to put it, I would be so grateful!

here is the code:

<table> <tr> <td>
<center> <FORM ACTION="http://www.foxdigital.com/cgi-bin/tame/www.reneesumner.com/login.tam?" METHOD = POST>
<b>View Previews Online</b><br>
<INPUT TYPE="text" NAME="usrpasswd" size="18" VALUE=""><br>
<INPUT TYPE="submit" VALUE="Login"></center> </form>
</td> </tr> </table>

I know how to get it in the footer, but nobody can find it there.

Thanks!

Renee Add this to your header html code above between your my_header and navlist code.

<div id="my_form">
<table> <tr> <td>
<center> <FORM ACTION="http://www.foxdigital.com/cgi-bin/tame/www.reneesumner.com/login.tam?" METHOD = POST>
<b>View Previews Online</b><br>
<INPUT TYPE="text" NAME="usrpasswd" size="18" VALUE=""><br>
<INPUT TYPE="submit" VALUE="Login"></center> </form>
</td> </tr> </table>
</div>
Add this to your CSS.
I added in elements for IE because it will probably take different numbers.
#my_form {display:none;}

.homepage #my_form {
display:block;
position:relative;
margin: 0 auto;
width: 100px;
top: -100px;
_top: -100px; /* for IE */
left: -150px;
_left: -150px; /* for IE */
}

#navlist {
margin-top: -85px;
_margin-top: -85px; /* for IE */
margin-bottom: 15px;
}
Play with the green to position.
Holler back with any questions.

[Mike Lane]

#my_form {display:none;}

.homepage #my_form {
display:block;
position:relative;
margin: 0 auto;
width: 100px;
top: -100px;
_top: -100px; /* for IE */
left: -150px;
_left: -150px; /* for IE */
}

#navlist {
margin-top: -85px;
_margin-top: -85px; /* for IE */
margin-bottom: 15px;
}
Play with the green to position.
Holler back with any questions.I just want to reiterate that if you have something like this:

top:150px;
_top:150px;

You will end up with the exact same thing in all browsers as if you only did this:

top:150px;

The only time you'll need to add the extra (in this case) _top is if you wanted to make IE6 display something different.

[Allen]

I just want to reiterate that if you have something like this:

top:150px;
_top:150px;

You will end up with the exact same thing in all browsers as if you only did this:

top:150px;

The only time you'll need to add the extra (in this case) _top is if you wanted to make IE6 display something different.
IE seems like it needs different numbers sometimes so just preparing ahead of
time if after viewing in IE they're shocked. :D

[ReneesEyes]

Allen, Mike, thank you for the code info. I tried it but it just looks too jumbled up right against my logo. Is there a way to get it in the box where the categories are?

Thanks,

Renee

[ReneesEyes]

Is it possible?

[Allen]

Is it possible? Yep, anythings possible.
Of course if you add another category you'll have to move it.

Add this to your footer.

<div id="my_form">
<table> <tr> <td>
<center> <FORM ACTION="http://www.foxdigital.com/cgi-bin/tame/www.reneesumner.com/login.tam?" METHOD = POST>
<b>View Previews Online</b><br>
<INPUT TYPE="text" NAME="usrpasswd" size="18" VALUE=""><br>
<INPUT TYPE="submit" VALUE="Login"></center> </form>
</td> </tr> </table>
</div>
Add to your CSS

#my_form {display:none;}

.homepage #my_form {
display:block;
position:relative;
margin: 0 auto;
width: 100px;
top: -800px;
_top: -800px; /* for IE */
left: -90px;
_left: -90px; /* for IE */
}
You can also move your nav up a bit.

#navlist {
margin-top: -40px;
margin-bottom: 15px;
}

Edit: re-did position to match a later message.

[ReneesEyes]

I tried that, and it just overlays it on top of the words in my footer.

http://i32.photobucket.com/albums/d21/resumner/smugmug.jpg

But this is where I want it to be:

http://i32.photobucket.com/albums/d21/resumner/smugmug-1.jpg

I know there must be a way to get it into that box, just above the galleries!

[Mike Lane]

Can you post exactly what you have in your body tag in your customization :ear

[ReneesEyes]

<body onload="doOnLoad();"> <table> <tr> <td>

Thanks for looking, Mike!

[Mike Lane]

<body onload="doOnLoad();"> <table> <tr> <td>

Thanks for looking, Mike!k, take out the red.

[Allen]

But this is where I want it to be:

http://i32.photobucket.com/albums/d21/resumner/smugmug-1.jpg

I know there must be a way to get it into that box, just above the galleries!
Change the code in precious message to move it here.