Old 20-06-2007, 00:15   #1 (permalink)
shaftb
Senior Member
 
shaftb's Avatar
 
Join Date: Jul 2006
Location: Midwest
Posts: 333
Send a message via AIM to shaftb
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.
  Reply With Quote
Old 20-06-2007, 00:17   #2 (permalink)
shaftb
Senior Member
 
shaftb's Avatar
 
Join Date: Jul 2006
Location: Midwest
Posts: 333
Send a message via AIM to shaftb
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.
  Reply With Quote
Old 20-06-2007, 05:15   #3 (permalink)
kwills
Now Freelance!
 
kwills's Avatar
 
Join Date: Aug 2006
Location: Warrington, UK
Posts: 475
any links to site?
  Reply With Quote
Old 20-06-2007, 09:27   #4 (permalink)
shaftb
Senior Member
 
shaftb's Avatar
 
Join Date: Jul 2006
Location: Midwest
Posts: 333
Send a message via AIM to shaftb
Yeah, I was just doing it locally now...but I'll send you a link kwills :
__________________
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.
  Reply With Quote
Old 20-06-2007, 09:42   #5 (permalink)
shaftb
Senior Member
 
shaftb's Avatar
 
Join Date: Jul 2006
Location: Midwest
Posts: 333
Send a message via AIM to shaftb
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.
  Reply With Quote
Old 22-06-2007, 09:07   #6 (permalink)
shaftb
Senior Member
 
shaftb's Avatar
 
Join Date: Jul 2006
Location: Midwest
Posts: 333
Send a message via AIM to shaftb
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.
  Reply With Quote
Old 22-06-2007, 15:11   #7 (permalink)
skyrocket
SkyRocket Design
 
skyrocket's Avatar
 
Join Date: Aug 2005
Location: Chichester
Posts: 538
Quote:
Originally Posted by jkherman
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.

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
  Reply With Quote
Old 24-06-2007, 10:08   #8 (permalink)
Jayx
Now with added sarcasm.
 
Jayx's Avatar
 
Join Date: Aug 2006
Location: George, South Africa
Posts: 351
Send a message via MSN to Jayx Send a message via Skype™ to Jayx
There is no #container

Quote:
/* specific divs */
#container {
background: url(../images/graydesign_bg.jpg) no-repeat top left;
padding: 0px 175px 0px 110px;
margin: 0px;
}

So your second image surely won't be visible.
__________________
I made 100 posts and all I got is this stupid signature.
  Reply With Quote
Old 26-06-2007, 08:10   #9 (permalink)
ivan11
Registered User
 
Join Date: Jun 2007
Posts: 10
post a link to site
  Reply With Quote
Old 26-06-2007, 08:40   #10 (permalink)
Jayx
Now with added sarcasm.
 
Jayx's Avatar
 
Join Date: Aug 2006
Location: George, South Africa
Posts: 351
Send a message via MSN to Jayx Send a message via Skype™ to Jayx
Quote:
Originally Posted by jkherman
Ok...here is a link...

TEST


There it is...
__________________
I made 100 posts and all I got is this stupid signature.
  Reply With Quote
Old 26-06-2007, 09:06   #11 (permalink)
dtrenz
blam blam
 
dtrenz's Avatar
 
Join Date: Aug 2006
Location: ann arbor, mi usa
Posts: 527
retard
  Reply With Quote
Old 26-06-2007, 12:33   #12 (permalink)
twentysixtwelve
css is cool m'kay
 
twentysixtwelve's Avatar
 
Join Date: Mar 2007
Location: Currently Vancouver, Canada
Posts: 385
where are the images going? in the bottom corners of the whole page?

Or can u create a div, split into 2, float one left one right..?
  Reply With Quote
Old 02-07-2007, 09:01   #13 (permalink)
shaftb
Senior Member
 
shaftb's Avatar
 
Join Date: Jul 2006
Location: Midwest
Posts: 333
Send a message via AIM to shaftb
???? who's the retard?
__________________
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.
  Reply With Quote
Old 02-07-2007, 09:31   #14 (permalink)
twentysixtwelve
css is cool m'kay
 
twentysixtwelve's Avatar
 
Join Date: Mar 2007
Location: Currently Vancouver, Canada
Posts: 385
Quote:
Originally Posted by shaftb
???? who's the retard?
The very first thing you said was to call you a retard...dtrenz was just doing as you asked.
  Reply With Quote
Old 02-07-2007, 10:28   #15 (permalink)
shaftb
Senior Member
 
shaftb's Avatar
 
Join Date: Jul 2006
Location: Midwest
Posts: 333
Send a message via AIM to shaftb
HA! I forgot I wrote that...I'll save you guys the time...
I'm a weetodd!
__________________
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.
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8