Home/ Questions/Q 7785817
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T20:18:59+00:00

.games_box { width:575px; margin:8px auto; background:#f8f7f7; padding:8px; border-bottom:#000000 1px dotted; } <div class=games_box> <a

  • 0
    .games_box
    {
    width:575px;
    margin:8px auto;
    background:#f8f7f7;
    padding:8px;
    border-bottom:#000000 1px dotted;
    }

 <div class="games_box">
<a href='#'>
<img src='$host_name/staff/game-$row[0].gif' width='78' height='75'  alt='games' />
    <div id='staff' style='position:relative; top:-50px;z-index:1; left:29px'>
<img src='images/staff_picks.png' alt='staffpick' width='50' height='51' /></div>
</a>
</div>

I put staff div.. the games-box div is large..
i use ‘clear:both’.. but no use..

1 st

enter image description here

2 nd

place staff pick image

place staff pick image

3 rd

finally, z-index used staffpick image, under image more space

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Hi you can give parent position relative and child give absolute as like this

    Css

    .games_box
    {
    width:575px;
    margin:8px auto;
    background:#f8f7f7;
    padding:8px;
    border-bottom:#000000 1px dotted;
    position:relative;
    }

    HTML

    <div class="games_box">
<a href='#'>
<img src='$host_name/staff/game-$row[0].gif' width='78' height='75'  alt='games' />
    <div id='staff' style='position:absolute; top:-5px;z-index:1; left:29px'>
<img src='images/staff_picks.png' alt='staffpick' width='50' height='51' /></div>
</a>
</div>

    Live Demo http://jsfiddle.net/rohitazad/grE5A/

    • 0