Site Layout and Usability

Image Position

Please support our Site Layout and Usability advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Jun 2004

Posts: 38

Reputation: gooseneck is an unknown quantity at this point

Solved Threads: 0

gooseneck

Offline

Light Poster

Re: Image Position

#11

Jul 12th, 2004

Don't worry about me, I confuse easily.

Yeah you can get transparent right over the other pic. Just use top and left, and just adjust it a couple of pixels till its right. Did you ever get that second problem fixed?

gooseneck Dave

•

Join Date: Jun 2003

Posts: 313

Reputation: red_evolve is on a distinguished road

Solved Threads: 0

red_evolve red_evolve is offline

Offline

Posting Whiz

Re: Image Position

#12

Jul 12th, 2004

Greetings.
Not as yet.
But I'll keep debugging.

"Study the past if you would define the future" - Confucius

•

Join Date: Jun 2003

Posts: 313

Reputation: red_evolve is on a distinguished road

Solved Threads: 0

red_evolve red_evolve is offline

Offline

Posting Whiz

Re: Image Position

#13

Jul 13th, 2004

Greetings.
Hope you're still interested with this.
I added a "position: relative; left: 0px; top: -50px" to the <div> tag of that block of wordings, so that they could be shifted up as the transparent.gif goes up too.
This is what I could think of.

Help with Code Tags

(Toggle Plain Text)

<div align="center">
    <img src="images/spider.gif"
     onMouseover="window.status='Spider-man!'; return true"
     onMouseout="window.status=''; return true">
  </div>
  <div align="center">
    <img src="images/transparent.gif" width="156" height="87" style="position: relative; left:0px; top:-91px; z-index:0">
  </div>
  <div align="center" class="spider" style="position:relative; left:0px; top:-50px; z-index:0">
    <strong>Interesting Article(s)</strong>
  </div>
</div>

"Study the past if you would define the future" - Confucius