PDA

View Full Version : First Website-Need Help Placing Images

Farore
08-25-2006, 01:07 AM
Hi, this is my first seriosu website, and I'm concentrating on the Splash Page/Top Page for it. What I want is to place for little images, side by side horizontally, in the middle of my page. I looked into Div Elements, and I'm still having a little trouble. Right now, my code looks like this (since I don't think I'm allowed to post links)


<html>
<head>
<title>Your page title goes here</title>
</head>
<body background="Brun.gif">
<body>
<div id=layer1 style="position:absolute; top:20; left:20; width:300; height:300; z-index:1; padding:5px;background-image:url(yourfilename.gif); layer-background-image:url(yourfilename.gif);">





<div align="center"><img src="Bastok.jpg" width="110" height="110" alt="Bastok"></div>

<div align="center"><img src="Jeuno.gif" width="110" height="110" alt="Bastok"></div>

<div align="center"><img src="Sand'Oria.jpg" width="110" height="110" alt="Bastok"></div>

<div align="center"><img src="Aht Urgan.jpg" width="110" height="110" alt="Bastok"></div>



</div>














---Everything


</body>
</html>

----------------------------------------------------------------------

Please kepe in mind this is my first real site that I'm trying to build, I have a long way to go and I never write unless I simply can't figure out how ot do something.

I couldn't figure this out :)

Thank you for reading.
J to the izzosh
08-25-2006, 11:54 AM
Well, first of all, you can only specify a single background image with current CSS specifications. Where did you come by the property, layer-background-image?

Second of all, a div is a block-level element. This means, among other things, that it is automatically preceded and succeeded by a line break. So, putting each image in its own div element basically guarantees that they will each appear on their own line. Fortunately, the img element itself is inline-level. This means that they can be displayed consecutively on a single line until they reach the end of that line, at which point they will break to the next - very much like text. Try just listing all of the images, one after another, inside of a single div element.

Also, you should feel free to provide links to the pages for which your require assistance in the help sections. It often makes it easier for us to diagnose and troubleshoot the problem. You should take some time to read the forum rules (http://www.lissaexplains.com/forum/showthread.php?t=42855) if you are unsure of how to proceed when posting.
bourdelson
08-25-2006, 06:10 PM
Not exactly sure if it was fixed in Netscape or not, but the layer-background-image property was created for Netscape to work the same way as background-image in every other browser.

Ahh... here's a link: http://www.blooberry.com/indexdot/css/properties/colorbg/lbgimage.htm
J to the izzosh
08-25-2006, 06:35 PM
This proprietary property behaves in Netscape the way the 'background-image' property SHOULD behave, while the actual 'background-image' behavior is buggy in this regard. This property was invented to create the correct behavior.
Wow, that's brilliant, Netscape. Why not just fix the background-image property? :confused:

Anyway, judging by the version key on that website, the property and its associated problems were only present in Nescape versions 4.x. Considering that and that the latest incarnation of Netscape is really just an amalgamation of Firefox and IE, I think it's safe to say that the property's use is no longer required.

Thanks for the link, Amanda. :)
bourdelson
08-25-2006, 07:08 PM
I don't use nor have I ever used Netscape, and was never really concerned about it, but I had seen that property before when I was first learning and I got confused, so I looked it up and found out what it did.

It probably is fixed, seeing as they're now on version 8, and doing a Google search for layer-background-image+netscape 8, everything that comes up says Netscape 4. So, I wouldn't see why it would be necessary anymore.

You're welcome for the link. :D