If firefox and IE supported full CSS2 I would be fine using divs but they don't.
What happens if you don't set a height is they start going out of wack and not dropping to the next line. If you set a height and someone enters a long tilte the information falls out of the bottom of the div box.
The list page is fine because its tubular data.
What happens if you don't set a height is they start going out of wack and not dropping to the next line. If you set a height and someone enters a long tilte the information falls out of the bottom of the div box.
The list page is fine because its tubular data.
OpenCart®
Project Owner & Developer.
I think the current way using a table for the product grid is perfectly ok. Some will argue that semantically it's a list and not tabular data.
However, there will be problems if a product title is a little bit too long (see illustration below). I know, chances for this to happen aren't very high, but you can easily fix it.
http://i40.tinypic.com/kdlsw6_th.png[/img]
http://i42.tinypic.com/qoamuf_th.png[/img]
If you give table-layout:fixed to the CSS of the table, it will stick to the width you specified via CSS (also works with tables that are set to width=100%).
If you add overflow:hidden, the long title won't flow out of the table
the result:
http://i41.tinypic.com/2a68qog_th.png[/img]
However, there will be problems if a product title is a little bit too long (see illustration below). I know, chances for this to happen aren't very high, but you can easily fix it.
http://i40.tinypic.com/kdlsw6_th.png[/img]
http://i42.tinypic.com/qoamuf_th.png[/img]
If you give table-layout:fixed to the CSS of the table, it will stick to the width you specified via CSS (also works with tables that are set to width=100%).
If you add overflow:hidden, the long title won't flow out of the table
Code: Select all
.list {
table-layout:fixed;
}
.list td {
overflow:hidden
}
http://i41.tinypic.com/2a68qog_th.png[/img]
A way around this is to add --Daniel wrote: What happens if you don't set a height is they start going out of wack and not dropping to the next line. If you set a height and someone enters a long tilte the information falls out of the bottom of the div box.
Code: Select all
<div style="clear: both;"></div>
Fido-X.
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
Who is online
Users browsing this forum: No registered users and 67 guests