OMEGA TABLE CELLS??

EmperiO

Hi all,
I got a problem with my table cells:

(click on link for picture)

When I use a picture that is a little bit big, the table cell gets bigger, but the picture is actually smaller then a normal sized table cell.
Can someone explain how I can handle this?

dagon

overflow:hidden

its a css=html issue not a php one

Kudose

Someone is asking to get sued by Blizzard for using their castles from Warcraft II.

Back onto topic; if your image is bigger than your table cell, the cell with dynamically enlarge itself. You can assign the image width and height values, or use overflow like dagon said.

EmperiO

Kudose wrote:
Someone is asking to get sued by Blizzard for using their castles from Warcraft II.

Back onto topic; if your image is bigger than your table cell, the cell with dynamically enlarge itself. You can assign the image width and height values, or use overflow like dagon said.

But its not for comercial use, or does that not matter?
Antother thing, this page does not use css, so I want to ad t like this style='overflow:hidden;'
But where must I put this i've tried in places like <table>, <img src>, <td>.
All did not work.

NogDog

Copyright law has a lot of complexities, and it varies a lot from country to country. If the images are going to be publicly available on the web, for your own protection you should either (a) not use them, (b) get permission from the copyright owner to use them, or (c) consult with a copyright lawyer to determine if you are liable for using them as you intend.

As far as the layout goes, I would suggest using a separate style sheet rather than bloating your HTML with lots of style= attributes that have to be downloaded with every page load, whereas a stylesheet will be cached.

You might want to wrap the contents of each TD within a DIV. You can then style those DIVs to be a fixed height and width, and use the overflow:hidden style for those DIVs.

<table id="map">
 <tr>
  <td>
   <div>
    <img src='some_image.png' alt=''>
   </div>
  </td>
 </tr>
</table>

Stylesheet:

#map div {
   height: 70px;
   width: 70px;
   margin: 0;
   padding: 0;
   text-align: center;
   overflow: hidden;
}

(Adjust height, width, margin, padding as desired.)

EmperiO

NogDog wrote:
Copyright law has a lot of complexities, and it varies a lot from country to country. If the images are going to be publicly available on the web, for your own protection you should either (a) not use them, (b) get permission from the copyright owner to use them, or (c) consult with a copyright lawyer to determine if you are liable for using them as you intend.

As far as the layout goes, I would suggest using a separate style sheet rather than bloating your HTML with lots of style= attributes that have to be downloaded with every page load, whereas a stylesheet will be cached.

You might want to wrap the contents of each TD within a DIV. You can then style those DIVs to be a fixed height and width, and use the overflow:hidden style for those DIVs.
<table id="map">
 <tr>
  <td>
   <div>
    <img src='some_image.png' alt=''>
   </div>
  </td>
 </tr>
</table>
Stylesheet:
#map div {
   height: 70px;
   width: 70px;
   margin: 0;
   padding: 0;
   text-align: center;
   overflow: hidden;
}
(Adjust height, width, margin, padding as desired.)

Thanks man! that helped.