Page 1 of 1

Header and logo image

PostPosted: Sat Feb 23, 2008 1:27 pm
by sines
Hi !
I'm a new member on PBase and I try to customize my galleries picking up some tricks from other members but I would like to know how to put a logo image on the bottom, corner right of the screen (I made the logo yet) and also how to create a header image 100% screen width. Of course, each time I change the properties of my screen the position of the image change. I guess, that way, each member have a different view, depending on their configuration. So, what is the way to put these images to avoid that problem ?

Many thanks !

PostPosted: Sat Feb 23, 2008 2:18 pm
by flemmingbo
Hello and welcome!

An excellent ressource for researching these sort of questions are - this forum of course - and http://www.w3schools.com

1) A logo image at the bottom right.
This can be done via css. Using background you can specify an image an place it where you want and specify if you wish it to stay fixed or scroll etc.

Read about it here:
http://www.w3schools.com/css/css_background.asp

To put a logo at bottom right corner and have it fixed would be something like:

Code: Select all
background: url('your full image url here') no-repeat fixed bottomright;


Add this to the BODY part of your css.

2) An image at 100% screen width
I don't quite follow you? Do you want the browser to always stretch this image to 100% screen width (bad idea, will look very ugly) ? Or do you want to place an image, say a logo a certain fixed place (like centered) so it doesn't move even if window size changes?

regards,

Flemming

PostPosted: Sat Feb 23, 2008 5:36 pm
by sines
Thanks a lot flemmingbo !!!

Well, I'm gonna have a look at your links.
About my second question, you're right, what I want is an image at a certain fixed place even if the window size changes...

I'm gonna try to do something with your help and I will post another question if it doesn't work.

Regards and tks again.

Carlos