Board index PBase HTML and Style Sheets background image

HTML and Style Sheets

background image

Customize your galleries.
snootydog
 
Posts: 10

background image

Post Thu Oct 21, 2004 4:42 pm


I am having trouble adding a particular background image to a particular style sheet and can't figure out what I am doing wrong since I have managed to get background images into other style sheets. The image I want to use is http://www.pbase.com/snootydog/image/35336574.jpg
and I am trying to get it into the lower left or right hand side of the style sheet seen in this gallery: http://www.pbase.com/snootydog/salz

any help would be most appreciated as I have been wrestling with it to no avail.

thanks.
liza

matiasasun
 
Posts: 1493

Background Image Codes

Post Thu Oct 21, 2004 9:36 pm


Looks like you´ve mixed HTML concepts and CSS... they´re different.
I´ll explain with the solution:

This is the code you have:
Code: Select all
body{
        margin-bottom: 20px;
        margin-top: 0px;
        background: rgb(65, 65, 65);
        background-attachment: fixed;
        background-image: url <IMG src="http://www.pbase.com/snootydog/image/35336574.jpg"
        background-repeat: no-repeat;
        background-position: right bottom;
}


The code you used to describe the pictures URL is used to link images in HTML... with all those < and >
So this is how your Body Class Code should be:

Code: Select all
body{
        margin-bottom: 20px;
        margin-top: 0px;
        background: rgb(65, 65, 65);
        background-attachment: fixed;
        background-image: url(http://www.pbase.com/snootydog/image/35336574/original.jpg);
        background-repeat: no-repeat;
        background-position: bottom right;
}


See the difference? You must also noticed that you did missed the " ; " in the original code you did have. Those things are very, very important, just as the " } " and all those end marks, otherwise your browser can go crazy and do anything but what you want.

Hope This Helps You, I did the test and it worked Ok, but please let us know
Matias, Chile
Matias, Chile - http://www.pbase.com/matiasasun
Resources, HOWTOs, Samples and more! - http://pbasewiki.srijith.net/

snootydog
 
Posts: 10

Thank you thank you.

Post Thu Oct 21, 2004 11:50 pm


You know I tried all different syntaxes and html and css and reworded it at least 20 times. it seems I tried every way but the right way. Thank you so very much.

liza

snootydog
 
Posts: 10

followup question...

Post Thu Oct 21, 2004 11:57 pm


I have the image on the bottom left now because it has to be there since there is an unnatural edge on the left side of the image. How do I shift my thumbnails a bit more to the right so that the right hand dog isn't covered by them?

thank you again and again.
liza

matiasasun
 
Posts: 1493

Re: followup question...

Post Fri Oct 22, 2004 12:35 am


snootydog wrote:I have the image on the bottom left now because it has to be there since there is an unnatural edge on the left side of the image. How do I shift my thumbnails a bit more to the right so that the right hand dog isn't covered by them?

thank you again and again.
liza


I still have to learn that. Sadly the page that had that configuration already changed so if somebody else know how to help us here with that we´ll be glad.

Any way, you can always resize your dog in digital life :lol:
Matias, Chile - http://www.pbase.com/matiasasun
Resources, HOWTOs, Samples and more! - http://pbasewiki.srijith.net/

snootydog
 
Posts: 10

thank you again

Post Fri Oct 22, 2004 3:44 am


I am sure I will figure it out. FOr now I am just grateful for the help you supplied.

take care...
liza


Board index PBase HTML and Style Sheets background image

Who is online

Users browsing this forum: ClaudeBot and 0 guests