Zen Cart Logo
Forums / General Questions / Dotted Lines in layout Grid

Dotted Lines in layout Grid

Locked

Views: 2,164

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
6 Mar 2008, 2:49 PM
#1
kbmets7 avatar

kbmets7

Zen Follower

Join Date:
Jan 2008
Posts:
89
Plugin Contributions:
0

Dotted Lines in layout Grid

I see that some stores have a dotted line around their products in both the center box layout and product layout on the category pages. I can't figure out how it was done. I would like to use this as a seperator. I have the layout grid mod installed. Anyone have the solution that i am missing?

6 Mar 2008, 3:34 PM
#3
kbmets7 avatar

kbmets7

Zen Follower

Join Date:
Jan 2008
Posts:
89
Plugin Contributions:
0

Re: Dotted Lines in layout Grid

Great, it works. But now I have a different issue. How do I stop the product titles from wrapping, and dispay more words per line (like it was before the dotted lines). Thanks again!

http://209.85.34.64/index.php?main_page=index&cPath=11_41_47

6 Mar 2008, 3:44 PM
#4
kbmets7 avatar

kbmets7

Zen Follower

Join Date:
Jan 2008
Posts:
89
Plugin Contributions:
0

Re: Dotted Lines in layout Grid

Actually, I would like the font and title layout on the product listing page to appear Exactly like they do in the Featured products box. How can I can I copy this?

6 Mar 2008, 4:12 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Dotted Lines in layout Grid

I think your problem is related to the structure of the dotline mod interacting with the column grid code. Your output shows```html

<table width="100%" cellspacing="15" cellpadding="1" border="0" align="center"> <tbody> <tr> <td width="32%" align="center" style="outline-color: rgb(255, 0, 0); outline-style: solid; outline-width: 1px;"> <div class="centerBoxContentsProducts centeredContent" style="width: 32.5%;"> </div> </td> <td class="vDotLine" rowspan="6"/> <td width="32%" align="center"> </td> <td class="vDotLine" rowspan="6"/> <td width="32%" align="center"> ```that you have a table cell width of 32% (<td width="32%"), and then the div with the actual content also has a width of 32.5% (<div class="centerBoxContentsProducts centeredContent" style="width: 32.5%;">), but this is relative to its container, the table cell, instead of the whole center column of your page. You need to have that 32.5% calculated as 90 or 100%.

Glenn . . . Future Relics Jewelry, NY Faerie Festival
Categories Dressing, Images for Titles, Smart Backgrounds, Additional Img Titles, Flexible Attributes, Ezpages Footer Columns, Model List...