PDA

View Full Version : Header Centering Trouble


mrwilson31
Aug-26-2008, 07:05 PM
Hi - The tutorials have been fabulous.

I was able to create a slideshow but now I can't figure out how to get my header centered. It is off to the far left now.

The other question I have is - How do I get rid of my of the title on artoflifebywilson on the homepage?

http://artoflifebywilson.smugmug.com

thanks in advance.

Everyone has been helpful especially Allen.

thanks again.

Barb
Aug-26-2008, 08:57 PM
Hi - The tutorials have been fabulous.

I was able to create a slideshow but now I can't figure out how to get my header centered. It is off to the far left now.

The other question I have is - How do I get rid of my of the title on artoflifebywilson on the homepage?

http://artoflifebywilson.smugmug.com

thanks in advance.

Everyone has been helpful especially Allen.

thanks again.
Hi :)

Look in your CSS for the following:

#my_banner {
display: none:
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://artoflifebywilson.smugmug.com/photos/359859799_735s6-M.jpg) no-repeat;
}

homepage #my_banner {
display: block;
}

Replace that with this:

#my_banner {
display: none;
width: 600px;
height: 150px;
margin: 0 auto;
background: url(http://artoflifebywilson.smugmug.com/photos/359859799_735s6-M.jpg) no-repeat;
}

.homepage #my_banner {
display: block;
}

The corrections are a semi-colon instead of a colon at the end of the display: none CSS; and a period missing before the homepage #my_banner CSS. Also, the width of your image was incorrect. The above should fix the centering problem.

mrwilson31
Aug-27-2008, 02:40 AM
Hi :)

Look in your CSS for the following:

#my_banner {
display: none:
width: 750px;
height: 150px;
margin: 0 auto;
background: url(http://artoflifebywilson.smugmug.com/photos/359859799_735s6-M.jpg) no-repeat;
}

homepage #my_banner {
display: block;
}

Replace that with this:

#my_banner {
display: none;
width: 600px;
height: 150px;
margin: 0 auto;
background: url(http://artoflifebywilson.smugmug.com/photos/359859799_735s6-M.jpg) no-repeat;
}

.homepage #my_banner {
display: block;
}

The corrections are a semi-colon instead of a colon at the end of the display: none CSS; and a period missing before the homepage #my_banner CSS. Also, the width of your image was incorrect. The above should fix the centering problem.



I copied in the code as you suggested. I am now getting a error on page, Done message at the bottom of my IE6. It seems as though I can only see and make changes while being on Mozilla. Any thoughts.
This has happened on two different computers. Even if I changed it back I still can't see it.

Thanks for the code changes.

Mike

mrwilson31
Aug-27-2008, 03:47 AM
I copied in the code as you suggested. I am now getting a error on page, Done message at the bottom of my IE6. It seems as though I can only see and make changes while being on Mozilla. Any thoughts.
This has happened on two different computers. Even if I changed it back I still can't see it.

Thanks for the code changes.

Mike


I just tried adding the code in Mozilla and I am not getting anything.

Any ideas?

Barb
Aug-27-2008, 05:43 AM
I just tried adding the code in Mozilla and I am not getting anything.

Any ideas?

Hi,

Look now and see if it's okay. When I copied the CSS above, it truncated the link to your image. I fixed that.