html - Using jquery equal height but need equal elements inside columns as well -


i'm using jquery equal heights plugin columns designer wants price down add cart button equalized well. possible jquery? i've tried adding existing equal heights i'm not sure i'm doing.

here jquery:

 (function($) { $.fn.equalheights = function(minheight, maxheight) {     tallest = (minheight) ? minheight : 0;     this.each(function() {         if($(this).height() > tallest) {             tallest = $(this).height();         }     });     if((maxheight) && tallest > maxheight) tallest = maxheight;     return this.each(function() {         $(this).height(tallest).css("overflow","hidden");     }); }     })(jquery);

this way 1 of boxes laid out:

<ul id="phones" class="clearfix"> <li class="phone"> <div class="top"></div> <img src="/_img/2012/accessories_product.jpg" alt="phone" width="192" height="120"/> <h2>blackberry micro-usb vehicle power adapter</h2> <p>product description sed ut perspici atis unde omnis iste natus sit volupt.</p> <div class="btm">    <h3 class="price">$29.99</h3> <p class="modelnumb">model #: 1234567890</p> <a href="#" class="btn btn_addtocart">add cart</a> </div> </li>

i'm calling on page this:

<script> $j(document).ready(function() { $j("#phones > li.phone").equalheights(412); }); </script>

i've included image of it's looking now:

enter image description here

if give me appreciate it. in advance.

so, found solution problem i'll answer own question. had bunch of boxes needed same height. @ bottom of each box price, model # , button. above text of course had variable heights , price on down there variable heights box box.

i using jquery plugin equal boxes instead of applying entire box, applied div took care of top part of box including text , stopped @ price. solved problem.

maybe can else out same problem. suggestions.


Comments

Post a Comment

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

i need display gallery of photos. here template: @(photos: list[photo]) @title = { <bold>gallery</bold> } @main(title,"photo"){ <ul class="thumbnails"> @for(photo <- photos) { <li class="span3"> <a href="#" class="thumbnail"> <img src="@photo.path" alt=""> </a> </li> } </ul> } and here controller method: public static result getphotos() { return ok(views.html.photo.gallery.render(photo.get())); } and here photo bean : @entity public class photo extends model { @id public long id; @required public string label; public string path; public photo(string path, string label) { this.path = path; this.label = label; } private static finder<long, photo> find = new finder<long, photo>( long.class, photo.class); public static list<phot...
Read more

gmail - Is there any documentation for read-only access to the Google Contacts API? -

i want read-only access user's google contacts. there stackoverflow member wanted this, , received following answer : yes, there is, use https://www.googleapis.com/auth/contacts.readonly scope , "view contacts". this exchange reference read-only access google contacts can find using google. simply using access token obtained attempt read usual google contacts api (i.e. https://www.google.com/m8/feeds ) fails insufficient permissions. similarly, using google contacts api on new target fails 404 errors (for example https://www.googleapis.com/auth/contacts.readonly/default/full ). is there documentation anywhere on how use api, or permissible way access google contacts api full read-write access?
Read more

php - Controller/JToolBar not working in Joomla 2.5 -

relevant code: jtoolbarhelper::custom('savecategories', 'save', '', 'save', false, false); ... <input type="hidden" name="controller" value="easyblogcontroller"> according can dig docs , own previous questions, should call savecategories() function in easyblogcontroller . i've tried setting value easyblog , easyblog.php (file name) current easyblogcontroller (class name). clicking on save button refreshes page. not redirect, echo or var_dump test code put in savecategories() function. var_dump ing jrequest::getvar('controller') , 'task' return correct values. creating controller object , using $controller->execute('task'); works. the values going depend on location of controller trying call, , have couple options here. typically there controller in base folder of component (likely components/com_easyblog) in file called controller.php , class name inside ...
Read more