another stylesheet delima

[g0d4lm1ty]

ok.. maybe i have my head burried into this for the last couple of days and i am missing the obvious... i want my footer image to be static centered and short. a little bit longer than the ip and legal info... i have adjusted the size and it repeats.. so i changed backround repeat to repeat no... it still does... prolly using wrong verbiage... and will the ezpages run along the top of the image... if so that is bad.... i want to create images for the ezpages.... also.... in firefox.. the page seems to overrun... just a bit... i have tried making the images thinner... it still overruns... appears to me to be a margin issue... yet in the stylesheet the margins are set to 0... I will conquer this... and provide knowledge to those behind me.... until then... i just need a hammer and a nail.....

thanks


background-image: url(../images/newfooter.jpg);
background-repeat: repeat no;
margin: 0em;
color: #000000
text-align: center;
float: bottom;
padding: 0em;
height: 25px;
width: 100%;
}

ok... yell now

[kobra]

background-image: url(../images/newfooter.jpg);
background-repeat: repeat no;
margin: 0em;
color: #000000
text-align: center;
float: bottom;
padding: 0em;
height: 25px;
width: 100%;
}

Float can only be: left,right & none
drop the repeat line if you want none
what dimensions are the newfooter.jpg?
What tag does this attach to?

[g0d4lm1ty]

img size 500x50 (could make it 35 or less just wanted an aspect of the img to appear on hte page)

didnt think bottom was going to work

i tried droping the repeat line..... still repeats

i attatched it to #footer... div id-footer added that to the tpl_footer

also... i got firefox as you suggested... the center body box is aligned left in firefox and centered in ie.... looked at the style sheet and i dont get it.. you guys were right tho.. firefox rox

[g0d4lm1ty]

just as a side note.. since you guys suggested i get firefox... i am getting these errors.... well warnings.... if i could understand how to fix them would be great...
most of the errors are not changes i made... i did fix several... there were twice as many..... great tool tho here are some examples

Warning: Error in parsing value for property 'float'. Declaration dropped.
Source File: http://yourlingerieparty.com/include...stylesheet.css
Line: 85

yah float only left or right.. i didnt center it

and

Warning: Expected identifier for pseudo-class or pseudo-element but found ' '. Ruleset ignored due to bad selector.
Source File: http://yourlingerieparty.com/include...stylesheet.css
Line: 280

thats this

margin: 0 em;

i didnt do that either.....

thanks for info how to resolve.... and the footer looks like this now

#footer {
background-image: url(../images/newfooter.jpg);
margin: 0.0em;
color: #000000;
text-align: center;
padding: 0em;
height: 25px;
width: 100%;
}


still repeats.... *sigh* .. why does the cold come in the winter when its not so hot........

[Kim]

May I respectfully request that you do some research on CSS and learn how to use it properly? The syntax for your repeat is wrong. You can use repeat-x, repeat-y or no-repeat.

[g0d4lm1ty]

sure you can kim... just keep in mind that many of us get our syntax from here... as i did... and i continue to search for the correct answers... so that i may not only create my site.. but help others that may be in my shoes... and btw.. i did originally put no-repeat... i was told that was wrong and it was the reason it did not work... if you have any suggestions of a particular website that would provide the most extensive information please let me know.. i one day will rule the style sheet and all of its splendor! thanks

[barco57]

http://www.w3schools.com/css/default.asp

[kobra]

So you have an image 50px in height...
#footer {
background-image: url(../images/newfooter.jpg);
margin: 0.0em;
color: #000000;
text-align: center;
padding: 0em;
height: 25px;
width: 100%;
}

this most probably does not provide the height for a 50px high image and there are other items that might try to display in this space

[g0d4lm1ty]

yah.. i kinda figured.. i had to redo the image... and redo the height... bigger than i wanted... i figured it would resize as does the html code does the pics in the header... didnt.... any way to get the text to lower/vertical-align center so that they appear in the middle of the pic instead of the top?

[kobra]

You will have to begin taking direct control of some of the specific elements by determining the tag and probably adding it to your stylesheet....but

vertical-align: middle; is what you seek