Question re HTML-only screen

[Tomkirk23]

Hi -

I have a couple HTML-only screens within my site. These are generally working just fine.

However, there is a large gap between my navigation menu bar and the beginning of the text. I would like to move the text up, but am not sure how to control it.

Thoughts?

Thanks in advance to all,

Tom Kirkpatrick
kirkpatrick.smugmug.com
(see the "Welcome" screen as an example)

[Allen]

Hi -

I have a couple HTML-only screens within my site. These are generally working just fine.

However, there is a large gap between my navigation menu bar and the beginning of the text. I would like to move the text up, but am not sure how to control it.

Thoughts?

Thanks in advance to all,

Tom Kirkpatrick
kirkpatrick.smugmug.com
(see the "Welcome" screen as an example)
Try this for your Welcome page. Add the bold.

/* Navigator Buttons */
#navcontainer {margin-bottom: -50px;}
.loggedIn #navcontainer {margin-bottom: 0px;}

[Tomkirk23]

Try this for your Welcome page. Add the bold.

/* Navigator Buttons */
#navcontainer {margin-bottom: -50px;}
.loggedIn #navcontainer {margin-bottom: 0px;}



Allen: This does help, but I can go no more than about -10px, because the nav buttons become partially "covered" and and patially "un-clickable".


Thanks,

Tom K.

[Allen]

Allen: This does help, but I can go no more than about -10px, because the nav buttons become partially "covered" and and patially "un-clickable".


Thanks,

Tom K.
Try this. Add in the z-index might solve the covering problem.

/* Navigator Buttons */
#navcontainer {margin: 20px auto -50px auto; z-index:99;}
.loggedIn #navcontainer {margin-bottom: 0px;}

[Tomkirk23]

Try this. Add in the z-index might solve the covering problem.

/* Navigator Buttons */
#navcontainer {margin: 20px auto -50px auto; z-index:99;}
.loggedIn #navcontainer {margin-bottom: 0px;}


Allen: This is not doing it. I can't actually move it up with this code. I also tried to put a negative top-margin on the text below. No help. :dunno

[Allen]

Allen: This is not doing it. I can't actually move it up with this code. I also tried to put a negative top-margin on the text below. No help. :dunno
Try this, the h1 in here is creating a lot of the gap.
Change this.

<div id="welcometext">
<h1><center>Welcome to the Family Photo Album!</center></h1>
<h3>Many of us have boxes full of.....

to this

<div id="welcometext">
<center><span style="font-size: 200%;">
Welcome to the Family Photo Album!</span></center>
<h3>Many of us have boxes full of....

Add/change the bold in CSS

/* Navigator Buttons */
#navcontainer {margin: 20px auto 0 auto;}
#navcontainer ul {margin: 0; padding: 0; text-align: center;}

[Tomkirk23]

Try this, the h1 in here is creating a lot of the gap.
Change this.

<div id="welcometext">
<h1><center>Welcome to the Family Photo Album!</center></h1>
<h3>Many of us have boxes full of.....

to this

<div id="welcometext">
<center><span style="font-size: 200%;">
Welcome to the Family Photo Album!</span></center>
<h3>Many of us have boxes full of....

Add/change the bold in CSS

/* Navigator Buttons */
#navcontainer {margin: 20px auto 0 auto;}
#navcontainer ul {margin: 0; padding: 0; text-align: center;}



Yes...that does it.... Much appreciated!