| Home | Register | FAQ | Members List | Search | Today's Posts | Mark Forums Read |
|
|
#1 (permalink) |
|
Senior Member
|
CSS Question...yep, again.
Call me a retard, or whatever you want...but I'm so pathetic with CSS but I'm learning ok, I'm freaking learning ok!!!!! Anyways, here is my trouble. I'm trying to get an image in the bottom right corner, and then an additional image in the left corner. Does this look correct? Can I actually place the code in the same section as the body section for both? --------------------------- body { font: 8pt/16pt georgia; color: #555753; background: #d9d5ce url(../images/poloroid.jpg) no-repeat bottom right; margin: 0; } p { font: 8pt/16pt georgia; margin-top: 0px; text-align: justify; } h3 { font: italic normal 12pt georgia; letter-spacing: 1px; margin-bottom: 0px; color: #7D775C; } a:link { font-weight: bold; text-decoration: none; color: #B7A5DF; } a:visited { font-weight: bold; text-decoration: none; color: #D4CDDC; } a:hover, a:active { text-decoration: underline; color: #9685BA; } /* specific divs */ #container { background: url(../images/graydesign_bg.jpg) repeat-x top padding: 0; margin: 0; } #intro { min-width: 470px; } #pageHeader { margin-bottom: 20px; } --------------------- I can upload these files online as well if somebody would rather view it that way? It is an external style sheet. Thanks! The dipshit that don't know squat about CSS...yet! Daughter of Aphrodite-Hear my words and take Heed-I was born on Olympus-To my father a Son-I was raised by the demons-Trained to reign as the One.
|
|
|
|
|
|
#2 (permalink) |
|
Senior Member
|
Sorry, that is one for a continuous image across the top and all the type info...here is the one that I explained... --------- body { font: 8pt/16pt georgia; color: #555753; background: #d9d5ce url(../images/poloroid.jpg) no-repeat bottom right; margin: 0px; } p { } td { } a:link { } a:visited { } a:hover { } a:active { } /* specific divs */ #container { background: url(../images/graydesign_bg.jpg) no-repeat top left; padding: 0px 175px 0px 110px; margin: 0px; } ---------------- This is the one I meant to ask, but the first one doesn't work either...go figure! And BTW pgo if you're out there...I did go through the CSS tutorial on HTML Dog. I just need to hit the advanced one next. Hopefully that'll help. Daughter of Aphrodite-Hear my words and take Heed-I was born on Olympus-To my father a Son-I was raised by the demons-Trained to reign as the One.
|
|
|
|
#5 (permalink) |
|
Senior Member
|
Ok...here is a link... TEST Also, it shows the bottom image correctly in SAFARI, but not FF? But the top image doesn't show at all. I just tried changing the top image to this... ---- body { font: 8pt/16pt georgia; color: #555753; background: #d9d5ce url(../images/poloroid.jpg) no-repeat bottom right; margin: 0; } p { font: 8pt/16pt georgia; margin-top: 0px; text-align: justify; } h1 { color: #555753 background: url(../images/graydesign_bg.jpg) repeat-x; padding: 0pt } h3 { font: italic normal 12pt georgia; letter-spacing: 1px; margin-bottom: 0px; color: #7D775C; } a:link { font-weight: bold; text-decoration: none; color: #B7A5DF; } a:visited { font-weight: bold; text-decoration: none; color: #D4CDDC; } a:hover, a:active { text-decoration: underline; color: #9685BA; } ------ Now I'm getting an error in there. Thank you in advance if you can get me in the right direction! Daughter of Aphrodite-Hear my words and take Heed-I was born on Olympus-To my father a Son-I was raised by the demons-Trained to reign as the One.
|
|
|
|
#6 (permalink) |
|
Senior Member
|
Did I stump you guys?? I know I didn't, but I thought I'd be a smartass. You're probably sick of my stupid question! Daughter of Aphrodite-Hear my words and take Heed-I was born on Olympus-To my father a Son-I was raised by the demons-Trained to reign as the One.
|
|
|
|
#7 (permalink) | |
|
SkyRocket Design
Join Date: Aug 2005
Location: Chichester
Posts: 538
|
Quote:
can't see anything properly on your link but i would look at css absolute positioning if i was you. you can set one image as bottom left and the other as bottom right and they should stick to the corners of the div. the trick is setting the parent div to position:relative. there must be heaps of tutorials out there on the web on this. SkyRocket Design :: website design chichester
|
|
|
|
|
#8 (permalink) | |
|
Now with added sarcasm.
|
There is no #container Quote:
So your second image surely won't be visible. I made 100 posts and all I got is this stupid signature.
|
|
|
![]() |