CSS Forum

**Freeplayzone** · 02-01-2007, 03:43 AM

Can anyone help me I've tryed several approaches but can't come up with a solution to my problem.

Code:

<table border="0" width="301">
  <tr> 
    <td rowspan="2">Game Image</td>
    <td rowspan="2">Game Discription</td>
    <td><a href="">Play Now</a></td>
  </tr>
  <tr>
    <td><a href="">More Info</a></td>
  </tr>
</table>

this is what I'm looking at making and I would rather use css than tables

here is one of the ways that i have tried

Code:

.gamebox {  background-color: #66FFFF; height: auto; width:60%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.gamename {  margin-top: -60px; margin-left: 85px; width: 60%}
.playnow {  margin-top: -20px; float: right}
.moreinfo { float: right ; background-color: #FFFFFF}
.info {  height: auto; width: 68%; margin-left: 85px; background-color: #FFFFCC; letter-spacing: normal; word-spacing: normal}
.gameimage {  padding-top: 5px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px}

Code:

<div class="gamebox"> 
<div class="gameimage"><img src="/images/cakemania_80x45.gif" width="80" height="45"></div> 
<div class="gamename">Cake Mania</div>
<div class="playnow"><a href="">Play Now</a></div>
<div class="moreinfo"><a href="">More Info</a></Div> 
<div class="info">Help Jill earn enough money to re-open her grand parents bakery.</div>
<div class="gameimage"><img src="/images/cakemania_80x45.gif" width="80" height="45"></div> 
<div class="gamename">Cake Mania</div>
<div class="playnow"><a href="">Play Now</a></div>
<div class="moreinfo"><a href="">More Info</a></Div> 
<div class="info">Help Jill earn enough money to re-open her grand parents bakery.</div>
</div>

I can't seem to get to images to line up in ie7

any help hope be helpful

**LadynRed** · 02-01-2007, 02:20 PM

You've got a serious case of div-itis going on there. Do you have URL where we can see the whole thing ?

**Freeplayzone** · 02:50 PM

Ya I know I have tryed to use lists but I could not get it to look right.

I have been working on it and here's the link to the sample.
http://www.freeplayzone.com/sample/test2.htm

I have got it to work but with one problem it looks right in ie7 but not in FF
i can't seem to get the back ground color to take in ff.

ps If you know how i could get this working useing list that would be great.

**Freeplayzone** · 02:33 AM

thanks for your help everyone but I figured it out and it works out fine.

I was making it harder than it needed to be