Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.
Trending News
Would someone mind taking a look at my html/css code and see what's wrong?
I know basic HTML and CSS and I am editing code written by someone else to get the look I want. I am trying to get my products to display in tables which should be the same size. The problem is, when the text wraps it makes the tables taller. I have tried setting a width and height property in my CSS but something's not right.
You can see what I am talking about in the following link. Each product should be in a table and they should all be the same size, creating a grid basically. But they are all different sizes.
Thanks in advance to anyone who would like to take a quick look and see if it is something in my CSS or HTML and can point me in the right direction!
1 Answer
- Anonymous9 years agoFavorite Answer
The boxes are growing to fit the content as the defined height is too small.
if you add:
height: 300px;
to .infoBoxProducts they will fit, (or set it higher if there are others that will break it.
There's a great deal of nested tables here, at some point you will probably want to look at implementing pure CSS for layout rather than relying on tables, substituting TD's for LI's.
Tables seem to be the easy option at the start, but the amount of drama's that occur from browser interpretation and irregular methods of inline styling will cause a lot of angst in the future.
EDIT: also using Google Chrome and using the "Inspect Element" tool to fiddle with the CSS without save and reload will help with this stuff in the future.