Fixed horizontal image

aless1o / 2012-11-02 07:15:50   

Hello,

I'd like to have a fixed horizontal image in the top of every page of my website.
Let's say, I like to have something like an "head banner "
So, I should have the menu on left, the banner on top and the contents of every page below the "banner".

Is that possible?
Can you eventually help me on that?

Thanks in advance!
Alessio

arsondpi / 2012-11-02 07:25:37   

There's a few threads around concerning this. Just go through them - it's not that hard...
indexhibit.org/forum/search/

aless1o / 2012-11-12 06:57:27   

Thanks for your replay,
I'll try in the next days and eventually get back!
Alex

aless1o / 2012-11-16 07:53:44   

Hello,

I've been through all the post but i cant figure out how to do it.
Sometimes the code lines are hidden so... i dont know what to write :)

I try to explain better here below:
I understand that i have to add a div into my index.php ( Admin/Assets) before.
The structure would be like this

...
...
...

But... I'm not familiar with div so... I dont know what I should write!
Can you please help me on that?

Besides, I should add the following code in the base.css and style.css ( Admin/Assets)

#header { width: 1920 px;
height: 120 px;
background-image: url ('nevertired.com/thegarden/…');
background-repeat: no repeat;
background-attachment:fixed;
z-index: 2 ;}

Is that right?

THANKS IN ADVANCE!

arsondpi / 2012-11-16 08:38:15   

This post indexhibit.org/forum/thread/16421/ is quite descriptive.

The #header needs to go just to style.css

Show us a page with what you've done so far...

aless1o / 2012-11-16 18:27:46   

yeah, I've been through that post but with no result so far.
I can not understand about div i guess.

I have the above code #header in the style.css but nothing happend.
Looks like this:

/* paragraph width */
#header {background: url('nevertired.net/thegarden/…') no-repeat; width: 1920px; height: 120px; }
#index p { margin-bottom: 1em; }
#exhibit p, code, blockquote { width: 500px; margin-bottom: 1em; /* line-height: 1.3em; */ }

I guess, I miss something somewhere :)

The page is here
thegardensnowboard.com/
password required: daicazzo

There should be a big red header banner 1920x120

Thanks in advance!!

aless1o / 2012-11-20 14:25:52   

Hello guys,

anyone can help on this matter?
I keep trying without results!

Any indication would be very appreciated!

Thanks!!

p.s. looks like every time i type the div code, it disappears from the text above

arsondpi / 2012-11-20 23:47:39   

But there's no #header div in your index.php of your template theme... (Admin->Assets->template/index.php)

aless1o / 2012-11-28 05:33:48   

I've finally made it, added the div and it works. Thanks!
Now i can see a red banner in all the pages.
I tried to control his position addint padding, margin in the code but no results.

#header {background: url('nevertired.net/thegarden/…') no-repeat; width: 1000px; height: 120px; margin: 0 0 0 50px}

How can i do or what m I doing wrong?
thanks!

arsondpi / 2012-11-28 06:59:14   

your #header div should not enclose the #index & #exhibit div.
this thread is more helpful concerning the structure and as generic guide: indexhibit.org/forum/thread/16421/

aless1o / 2012-11-28 08:42:48   

I read many times that thread but i didnt understand your message

my header il like this
/* paragraph width */
#header {background: url('nevertired.net/thegarden/…') no-repeat; width: 1920px; height: 120px; }

Should i put it somewhere else?!

My div is very simple like this:
div id='header'

really sorry for the many questions, I'm a beginner on this.

Thanks!

arsondpi / 2012-11-28 10:16:44   

The #header div should close before #index and #exhibit.
I can't explain this better than I already described it in that thread.

This thread has been closed, thank you.