Hi guys,
Just wondering if it is possible to make this webshop table, out of data lists.
I'm trying to avoid those tables :p
It's a table...why not use one?
Because data-lists are better! Well is it possible?
Use a table for tabular data. Nothing wrong with that. No need to reinvent the wheel table.
Ok, nevermind :) Thanks!
Plus data-list has been re-purposed in HTML5 so it doesn't perform like a table.
One small question. How to get everything vertical centered in the table just as in the link. No matter how high the image is the input field and the text stays vertical centered. Can't get this this same result.
With padding on <td>.
<td>
In the link there is no padding used to keep it centered. Try removing the paddings in the example, it will still center vertically.
http://css-tricks.com/what-is-vertical-align/
Hmmmm that's odd... In the Codepen I just made the vertical center just works. Seems there might be something with my css then?!
The problem was in the reset.css : vertical-align:baseline
Hi guys,
Just wondering if it is possible to make this webshop table, out of data lists.
I'm trying to avoid those tables :p
It's a table...why not use one?
Because data-lists are better! Well is it possible?
Use a table for tabular data. Nothing wrong with that. No need to reinvent the wheel table.
Ok, nevermind :) Thanks!
Plus data-list has been re-purposed in HTML5 so it doesn't perform like a table.
One small question. How to get everything vertical centered in the table just as in the link. No matter how high the image is the input field and the text stays vertical centered. Can't get this this same result.
With padding on
<td>.In the link there is no padding used to keep it centered. Try removing the paddings in the example, it will still center vertically.
http://css-tricks.com/what-is-vertical-align/
Hmmmm that's odd... In the Codepen I just made the vertical center just works. Seems there might be something with my css then?!
The problem was in the reset.css : vertical-align:baseline