nerm. (bluepoet) wrote in s2expressive,
nerm.
bluepoet
s2expressive

header text help? ETA: good fix in place for now

First, this community is great. I've made some css changes (still many more to go) with the collective wisdom here. Thanks for that!

On my personal journal, I'm having trouble with the header text. I was able to put in my own header image, and I got it to move down so that I could get the navigation text in there somewhere--currently at the top. Is it possible to move the navigation text, journal title, and description to below the image? I tried using:
#header-text {margin-top: 200px;}
with that 200px being the height of my image, in the hopes that my text would then go under my image...but it just disappeared instead, I guess because the container wasn't tall enough(?).
I would be happy with putting this text either below or on my image.
Below, I'd like it left or center.
On, I'd like it right aligned.

Any ideas?

My info:
paid s2 user, sorbet lavendar
my added css:
*html .comment { height: 1%; }

#page, #content-inner, #header, #header-inner, #footer-inner { width: 92%; }

#header-inner {
background-position: center, top;
background-repeat: no-repeat;
background-image: url(http://img.photobucket.com/albums/v396/bluepoet/knithatbanner.jpg);
height: 250px;
width: 755px;
}

#header-text {margin-top: 0px;
}

#alpha, #alpha-inner, .asset-content { width: 72%; }

#beta { width: 20%; }
Any thoughts are appreciated! Thanks!

ETA: I've got a good fix on it for now. CSS for anyone interested:

*html .comment { height: 1%; }

#page, #content-inner, #header, #header-inner, #footer-inner { width: 800px; }

#page-inner {padding: 0px 0px 0px 0px; }

#header-inner {
background-position: center, top;
background-repeat: no-repeat;
background-image: url(http://img.photobucket.com/albums/v396/bluepoet/knithatbanner.jpg);
height: 200px;
width: 800px;
padding-top: 0px;
}

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

#header-text {padding-top: 0px; }
#header-name { display:none; }
#header-description { display: none; }
#header-content-inner {
margin: 210px 15px 5px 458px;
}

#alpha, #alpha-inner, .asset-content { width: 80%; }

#beta { width: 20%; }
Tags: $acct level:paid or perm, header:image
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 6 comments