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.
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.