Help with HTML :)

[Yivyn]

So I'm working on a website for a manga a friend and myself have planned since 2004 (you may have seen DEO, the failed attempt of an RMXP adaptation of it XD), so we're setting up the website prior to releasing the first chapter, etc.

Here's what I have so far. The characters there are the two main characters (Yivyn and Xynrai), and no, I didn't draw them -_-: http://digital.eternity.online.googlepa ... index.html

Now where the orange part is, I want to use it like a dock. Problem is, how would I go about placing different, 100x100 size .PNG's over top of it?

 

[Mundane]

Send me a PM with that pages code and I MIGHT be able to get it working. It all depends on how its coded though.

 

[Ceroscuro]

Make that part a background image, which would be much easier if the orange part was separated from the rest... As it is you may have to use absolute positioning.

e.g:

<style type="text/css">
<!--

body {
    background-image: URL(http://digital.eternity.online.googlepages.com/-0ba.png);
    text-align: center;
}

.coolIMG {
    margin: 4px;
    position: relative;
    top: 32px;
}

//-->
</style>

<div style="background-image: URL(http://digital.eternity.online.googlepages.com/banner_0001.png); width: 900px; height: 400px;">
<-- you could put stuff here if you wanted to -->
</div>

<div style="background-image: URL(http://digital.eternity.online.googlepages.com/banner_0002.png); width: 900px; height: 400px; text-align: center;">
<img src="http://www.ceroscuro.com/examples/websites/100img.png" class="coolIMG" />
<img src="http://www.ceroscuro.com/examples/websites/100img.png" class="coolIMG" />
<img src="http://www.ceroscuro.com/examples/websites/100img.png" class="coolIMG" />
<img src="http://www.ceroscuro.com/examples/websites/100img.png" class="coolIMG" />
</div>

gives you the following:

<style type="text/css">

</style>

<div style="background-image: URL([url=http://digital.eternity.online.googlepages.com/-0ba.png]http://digital.eternity.online.googlepages.com/-0ba.png[/url]); text-align: center;">
<div style="background-image: URL([url=http://digital.eternity.online.googlepages.com/banner_0001.png]http://digital.eternity.online.googlepa ... r_0001.png[/url]); width: 900px; height: 400px;"></div>
<div style="background-image: URL([url=http://digital.eternity.online.googlepages.com/banner_0002.png]http://digital.eternity.online.googlepa ... r_0002.png[/url]); width: 900px; height: 400px; text-align: center;">
<img src="http://www.ceroscuro.com/examples/websites/100img.png" class="coolIMG" />
<img src="http://www.ceroscuro.com/examples/websites/100img.png" class="coolIMG" />
<img src="http://www.ceroscuro.com/examples/websites/100img.png" class="coolIMG" />
<img src="http://www.ceroscuro.com/examples/websites/100img.png" class="coolIMG" />
</div></div>

css is your friend

 

[Mundane]

I was going to use DIV layers to but on top...