Indexhibit Support

hey guys, css newbie here.
is there a way to create a background tile that is on every page (not just the homepage), with a white nav and white content area over the top? Like 2 containers?
Please see this image i've mocked up to see what i mean...

my test site: taligalon.com/indexhibit

any help much appreciated, thanks! :)

oops - this was meant to go under customize

oops - this was meant to go under customize

yes there is...

body#section_id_1 { background: url( dotted_little_image_url )
body#section_id_2 { background: url( polka_dotted_little_image_url )
body#section_id_3 { background: url( image_with_naked_people_running_around_url )
etc.

...and this will affect the background of each of your sections...

Try something like this:

1. body { background: url( image_with_naked_people_running_around_url ); }

...which will make all your pages have the same background image.
Delete background-color: #fff; from your #menu and add:

1. .container {
2. background: #fff;
3. margin-bottom:25px;
4. padding:20px;
5. }

Thanks for your help arsondpi!

I can't seem to figure it out tho...
i do want the same dotty img on all pages.
so i added:
1. background: myurl.gif;

inside the body tag in the style.css... but it seemed to make no difference. any idea where i went wrong?
pardon my total newbiness :|

PS. my CSS file is here

add "repeat" to your code

of course! d'oh. thanks lemathieu :)

thanks for your help guys,
I'm still trying to figure out this bit here:

1. .container {
2. background: #fff;
3. margin-bottom:25px;
4. padding:20px;
5. }

...and how to get my menu and my content area into white blocks.
any more tips?

...didn't that do the trick? It ought to... I hope you deleted the background colour from your #menu...

Hey arsondpi, it kind of worked
However, if you look at any of of my exhibits which contain just a header and an image (any under 'illustration' for instance), the white container doesn't stretch down to encompass the image.
any ideas?? What do i need to change?

by the way - thanks so much for all your help so far, you guys are awesome! :)

...try this out...

Open exhibit.no_thumbs_no_captions.php (if you're using the no captions plugin) find line 75-76 and change them to:

1. return ".nothumb { padding: 0 1px 1px 0;  }
2. .nothumb img { margin: 0; }";

Save the plugin as exhibit.no_thumbs_no_captions_no_float.php and reupload.

Tell us how it goes...

[Note: you're losing the float: left; capability - search the web for what his does or enlarge/shrink the window using the normal plugin with a couple of images in your exhibit, to undestand what sort of behaviour you get with float:left;...]

it worked! thanks arsondpi!
I'm going to use slideshow exhibition format as well, so i'm guessing i'll have to alter it in the same way?

thanks for your help guys. you're great! :)

ok, i've had a look at exhibit.slideshow.php
but i can't figure out what to change, so that the white area is long enough to contain the slideshow images... it seems to only expand around the text.
any ideas?

still can't figure it out.
Does anybody know if it's possible to change the slideshow format in the same way?

check out the link here to see what i mean.
I'm not sure how to stretch the white bit in the content area so it wraps around the slideshow images.

bump, one more try... anybody know if what i want to do is possible?

try styling the img-bot on the slideshow plugin

what do i change iwakami? i tried a few things to no avail.. am a bit of a newbie.. sorry! :(

you can style inside the .img-bot { with margins, widths, padding, a white background for example, and other CSS rules }.

in this case i was clearly thinking about adding a white background, some padding and negative margins to position the images... but then you'd have a problem with different image widths, and i don't know what IE thinks about this... also you could add a width rule then all the images would be resized to that specific width of the text.

... assuming that it would resize the pics maintaining some viewable quality....

thanks iwakami..
in the end i figured it out thanks to this thread

The block retains the height of the first image in the slideshow.. but that's no huge deal.. i just have to make sure my img heights are not too disparate.

thanks for your help everyone!
this forum rocks.

hrmmm.. just realised that wasn't the solution i was looking for, as it sets a fixed height to the block.
from searching around, i see other people have had the same issue with slideshow, but i couldn't find any solutions.
Too bad - might need to use click/switch instead...

But i do like the fade, and the next/prev buttons..
is there a version of click switch which retains the buttons?