ive removed it.. but uve now put 1 there yourself... and why not ask me not a mod..can i ask why you dont want a live link?
hard to believe not 1 person out there that can help me fix my header issue.....anyone? would appreciate it..... thanks tony
ok you dont seem to understand www.hollywoodgonewild.com 1. open image sditing software at the same size as the banner. 2. make the banner longer. 3. put it on the site. 4 if size is incorrece repeat.
ok....$5 paypal to whoever can help me edit code in css index or header file to get banner to display properly.......this is driving me nuts.....
what i told first, you can't stretch your image with css (you can but will loose charm of image). For this you have only one option... - Go to any image editor, and change the size of banner.
You have your header as the body background. Remove it from the background and include an img tag in div#header. Set the width of div#header to 100% and apply text-align:center; background-color:#000; Add text-align:left; to the nested divs.
Do this, exactly: body {…} remove background property .top-header { /*style.css (line 445)*/ background:black url(images/bg.gif) no-repeat center top; height:152px; } .navigator { /*style.css (line 470)*/ background-color:black; } .navigator ul { /*style.css (line 475)*/ list-style-type:none; margin:0px; padding:0px; } .page_item {…} delete float property .page_item a {…} delete float property Code (markup): cheers, gary
all that was needed was this removed from the body...and added to the header.... background: #000000 url(images/bg.gif) no-repeat; simple..... thanks to all......for nothing...lol...
Which is what I told you to do. I also cleaned up some poor coding. If you can't follow instructions …. gary
Gary....if i'm not mistaken ...you told me to do the following: body {…} remove background property .top-header { /*style.css (line 445)*/ background:black url(images/bg.gif) no-repeat center top; height:152px; } .navigator { /*style.css (line 470)*/ background-color:black; } .navigator ul { /*style.css (line 475)*/ list-style-type:none; margin:0px; padding:0px; } .page_item {…} delete float property .page_item a {…} delete float property which is no where near all that was needed....and i can follow instructions....especially correct ones...
Yep, remove the background image from body and put it on .top-header body {…} [color=red]remove background property[/color] .top-header { /*style.css (line 445)*/ [color=red]background:black url(images/bg.gif) no-repeat center top;[/color] height:152px; } Code (markup): I didn't just pull that out of my butt—I tested, too. gary
well....look below...it doesn't go in .top-header as u imply.....i added to #header.....and i tested what u requested...and it didn't work....so either test again.,..or get your head out of your butt.......anyways...thanks for your help...? #header { float: left; width: 960px; height: 180px; background: #000000 url(images/bg.gif) no-repeat; }
I didn't use #header because it's superfluous. #header {} .top-header { background: black url(http://www.hollywoodgonewild.com/wp-content/themes/soloss/images/bg.gif) no-repeat; height: 152px; } .top-header a { color: #ffffff; text-decoration: none; } .top-header h1 { background-color: black; color: #ffffff; font-size: 36px; } .top-header p { background-color: black; color: #ffffff; margin: 0px; } .navigator { /*style.css (line 470)*/ background-color:black; } .navigator ul { /*style.css (line 475)*/ list-style-type: none; margin: 0; padding: 0 0 3px; } .page_item { display: inline; font-size: 20px; line-height: 24px; } .page_item a { color: #FFFFFF; text-decoration: none; padding-right: 10px; padding-left: 10px; } .page_item a:hover { color: #999999; background: url(http://www.hollywoodgonewild.com/wp-content/themes/soloss/images/home.gif) no-repeat center bottom; } Code (markup): Works as advertised. Don't be such a horse's patoot. gary