Alignment Question!
- Started
- Last post
- 16 Responses
- chrispy
How would I make it so my image in my html document will always load in the bottom left of the browser?
Thx for the help!
- blackspade0
create a table that is 100% x 100%
align the image bottom/left
or I would do it as a non tiling background image through CSS
- SF20
Yep, like blackspade said
just give your body a background style with:
'no-repeat bottom left' properties
- chrispy0
ya! i have done that and it's not workin for me :(
you guys got a example tutorial or html i can look at ??
- blackspade0
draft workbench page but its doin what u want
- SF20
Yep, blackspade knows his stuff.
- chrispy0
ok i did the css thing properly and attached it to the html and all ...still not working..argh!
- blackspade0
hmm can we see what your doing or not
- chrispy0
well nothin really to show..ok i made the css with the background image i want to be in the btm left .. set the alignment properly..and i attach it to the html and all that shows up is a bar of the image..
- chrispy0
here's the css code
.unnamed1 {
background-color: #927450;
background-repeat: no-repeat;
background-position: left bottom;
background-image: url(images/splash/splash_01.jpg...
}
- SF20
can you show us your CSS code?
- SF20
just put those properties intop the body element
- chrispy0
unnamed1 {
background-color: #927450;
background-repeat: no-repeat;
background-position : left bottom;
background-image: url(images/splash/sp lash_01.jpg);
}
- chrispy0
OMG K i got it.. stupid space inbetween splash..grrrrrrr :/
thx guys though :)
- blackspade0
yea i had a feeling it was somthin small throwing it off
no worries
- versa0
body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color: #whatever;
background-image: url(foo.gif);
background-repeat: no-repeat;
background-position: bottom left;
width: 100%;
height: 100%;
text-align: left;}
- SF20
i saw that but you said the image was showing, so i thought it was just something happened between copying and pasting.......
honestly i know stylesheets.