Can't make image appear in banner

[ae1]

I'm sorry to post such a retarded question here, but I'm getting up to a deadline, and I haven't really had any training in this at all; I'm just trying to figure it out as I go along and it's not exactly intuitive.

Why can I not make an image (a mugshot) show up in my banner, where there's already another image as background?

http://ae.bigwhoop.org/skinny.html

I am starting a class tonight, because I have not even basic understanding, but I gotta fix this thing today. Any clues would help. I'm making stew out of all this code.

 

[BillyRayPreachersSon]

Do not use quotes in your url.

Hope this helps,
Dan

 

[BillyRayPreachersSon]

Hmm - sorry - wrong answer!... You need to specify "background-image", rather than just "image".

Hope this helps,
Dan

 

[Vragabond]

There's no CSS property image. If you want the image in addition to the background image you already have you will need to put the actual <img> tag in the #banner div.

 

[ae1]

I've already got the logo as the background image. I'm trying to place the mugshot to the side of that. I'm still screwing around with it. I looked at it on another computer and there's not even room for it on that computer, even though it's the same browser, so I'm trying to just make a smaller version of the mug. I don't get it.

 

[Vragabond]

Did you read my reply? Adding another picture will have to be done through html, through the <img> tag nested in the div #banner.

 

[traingamer]

You can't use two images as backgrounds in one div. You could:

Use an image editor to put merge the two images into one and display that one.

or

Include the image somewhere else in another Div on on the page

or

any number of other things

traingamer

 

[ae1]

yep, I tried to put it into the html... it was too big and crammed everthing out of the way, so I made a smaller one. I can't get it to just set up there next to the other. WHAT THE HELL?? God, it's a good thing I'm not armed. I'd shoot the computer, or myself! Any suggestions now?

 

[Vragabond]

I have a hard time following what exactly you want to do. In the link you gave us, could you tell us which picture you're trying to insert in the #banner div. Also, if the picture is too big that is a problem that should be best handled by picture editor, not html.

 

[traingamer]

try this for a workaround and figure it out later:

<div id="page">
<img alt="C7lacy.jpg" src="skinny_files/C7lacy.jpg"  align="right" height="230" width="189">
<div id="banner">

traingamer

 

[ae1]

Okay, this is what I did: I went back into Photoshop, took the mug, stuck it on the logo, did a half assed job of putting some splotchy color bits around the mug to approximate the lacy background and dropped that in. It's smaller than I want, but I'm tired of screwing with it. But how can I get it so that it's not sitting so high. The original JPEG ends at the bottom of the logo, so can I get it closer to the body? I liked it before with the description line kind of just over the bottom of the logo, but with the banner down to just above the blog body.

Am I an idiot? Do other people just pick this up in a day without training? I've never had to take a class before, but I feel like a moron.

 

[traingamer]

Do other people just pick this up in a day without training?

Not that I'm aware of.

traingamer

 

[ae1]

Thanks everyone for the help. What a nightmare, but I think I've got it presentable. Yay, class starts in half an hour! It can't come soon enough!

 

[Vragabond]

I think your biggest problem was adequately vocalizing what you really wanted. You started off with an incorrect css syntax (the non-existing [tt]image[/tt] property) but from there we never really fully understood what you wanted to do. Even now, I see the mugshot is next to the #banner while you claimed you want it over the #banner. Anyway, like another user at Tek-Tips would say: Want the best answers? Ask the best questions.