Page 1 of 1

Help needed: two images in header

Posted: Wed Jun 21, 2006 8:35 am
by BauCC-EDV
Hello there. I'm not really up on CSS and current web-design techniques, but - having set up the CMS for our company's web site - I ended up drawing the short straw as far as porting static content to the CMS goes. That's working, via the CMS' forms, but layout is giving me a few problems.

What I'm trying to do specifically is the following: I have two graphics I'd like placed adjacent to one another in the header. The leftmost graphic is 175x75 pixels and consists of our company logo on a graph-paper background. The second graphic is 75x75 and consists of the graph-paper background. I'd like the first graphic to display once, with the second graphic repeating as often as is needed to fill out the browser width.

So, my question is: how would I go about doing this?

Re: Help needed: two images in header

Posted: Wed Jun 21, 2006 1:54 pm
by Dr.CSS
header{background: url(uploads/images/yourimg.jpg)}
header h1{background: url(uploads/images/yourimg.jpg);background-repeat: no-repeat}
you can also add other styling...
these calls are usually in the default layout so you can add these there...
the h1 image will show up on top of the other image which will fill the header, if you want to use the graph-paper background as the background for the whole page put it in theĀ  body{background: url(uploads/images/yourimg.jpg)} CSS...

Re: Help needed: two images in header

Posted: Wed Jun 21, 2006 2:37 pm
by BauCC-EDV
Thanks for the prompt reply, Mark! I'll try that ASAP.

I have one more question, only tangentially related to the first one. Namely, our firm offers a variety of PDF documents for download - case studies, whitepapers, and the like. These change frequently, new documents are added, and old ones become obsolete. I'd like to make all those documents available via something like a download gallery, with a short description of each document plus its download link, and I'd like to automagically update this download page with links to any new documents uploaded to a specific path on the web server. Is there an existing CMSMS module I can use for this? If not, is there a relatively painless way to do this?

Re: Help needed: two images in header

Posted: Wed Jun 21, 2006 3:13 pm
by Dr.CSS
you could use the 'News' module and have a link to download the file as more files are added the 'Article' will be at the top with the lateset file, and you can time set the news to show from x to x so old ones will stop showing after x date... also you can have diff. 'News' categories for diff. case studies, whitepapers, and the like....

Re: Help needed: two images in header

Posted: Wed Jun 21, 2006 3:15 pm
by BauCC-EDV
That sounds like a good, quick way to achieve the effect I'd like. Thanks!