?

Log in

No account? Create an account

Previous Entry | Next Entry

Header issues...

  • Aug. 29th, 2009 at 2:31 PM
I swear I combed the header tag, but I couldn't find anything.  This seems like it should be simple and straightforward, but then, doesn't everything?

I put a header image in my community maintainer journal ( lebeaupaysmods , which uses the Weston Brown layout), which worked fine, and the text is displaying on the image where I want it to, but I can't figure out how to take out the horizontal line through the image.  I still want the box around the image, although I'd really like it if I could make the box frame the 800x300 image nicely, say with a 5px border.

#header-content-inner { background: url(http://img.photobucket.com/albums/v216/thespiffinator/tudor.jpg) top center no-repeat; height:300px; }

I'm viewing the layout in Firefox 3.0, if that helps.  Also, I'm planning on transferring this code to two communities after I get it working on here.  Both are using the Weston Brown as well; it should work to just copy + paste the same code, right?


Comments

( 5 comments — Leave a comment )
dana_cz
Aug. 29th, 2009 07:46 pm (UTC)
Try adding this to remove the line through:


#header-description {
border-top-width:0px;
}


Edited at 2009-08-29 07:50 pm (UTC)
spiffynerd
Aug. 29th, 2009 07:50 pm (UTC)
Thanks, that took out the horizontal line! :)

Is there any way to move the remaining border around to frame the image more nicely?
dana_cz
Aug. 29th, 2009 08:00 pm (UTC)
Ok, so the border under the header itself are three images with the following code:


#header {
background-image: url(bg-header-middle.gif);
}

#header-inner {
background-image: url(bg-header-inner.gif);
}

#header-content {
background-image: url(bg-header.gif);
}


so what you should do, just erase the filename between the parentheses. I'll check with you in a minute about that image border, okay? :)
dana_cz
Aug. 29th, 2009 08:07 pm (UTC)
Okay, so, as for the border, just put this into #header-content-inner



border: 5px solid #BORDERCOLOUR;
margin: 0 auto;
width: 800px;


and you should be all set. Just change the bordercolour to whatever colour you want. :)
spiffynerd
Aug. 29th, 2009 08:52 pm (UTC)
Looks great, thanks! :)
( 5 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars