html - Proper way to space floating left characters -


i have following html/css:

.wrapper { border: 1px solid blue; height: auto; width: 830px; }  .feature_wrapper { float: left; width: 395px; margin: 10px; height: auto; }  .feature_wrapper img { float: left; margin-right: 10px; }  .feature_wrapper h3 { }  .feature_wrapper p { overflow: hidden; text-align: justify; }
<div class="wrapper">          <div class='feature_wrapper'>              <img src="http://placehold.it/134x134">                <h3>sample header</h3>                <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. nunc dictum porttitor mi, non tincidunt lorem iaculis nec. vestibulum vel facilisis ante. sed rutrum vulputate lectus, @ fermentum nisi consectetur sit amet. vivamus ultricies et dolor ut viverra. nulla in nisi blandit, egestas neque in, rhoncus erat. sed vitae euismod enim. pellentesque varius sodales elementum. nulla ut ligula consectetur massa porttitor pharetra. morbi et ultrices enim, finibus enim.</p>          </div>            <div class='feature_wrapper'>              <img src="http://placehold.it/134x134">                <h3>sample header</h3>                <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. nunc dictum porttitor mi, non tincidunt lorem iaculis nec. vestibulum vel facilisis ante. </p>          </div>            <div class='feature_wrapper'>              <img src="http://placehold.it/134x134">                <h3>sample header</h3>                <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. nunc dictum porttitor mi, non tincidunt lorem iaculis nec. vestibulum vel facilisis ante. sed rutrum vulputate lectus, @ fermentum nisi consectetur sit amet. vivamus ultricies et dolor ut viverra. nulla in nisi blandit, egestas neque in, rhoncus erat. sed vitae euismod enim. pellentesque varius sodales elementum. nulla ut ligula consectetur massa porttitor pharetra. morbi et ultrices enim, finibus enim.</p>          </div>            <div style="clear: both;"></div>      </div>

i want ability add many elements need, , text description each vary in size. how can ensure following:

  • there proper margin-right each left column
  • the items display properly
  • the right column aligns the right edge

your issue having because wrapper 830px wide , feature_wrapper's 410px wide including margins. total of 2 feature_wrapper not total more 830px when float left, 1 not drop below next.

either make feature_wrapper 420px wide or create container around feature_wrapper's , set width 410px.


Comments

Post a Comment

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

i working on custom magento extension. working around adminhtml part , i've created custom form there. here form code: <?php class vivasindustries_smsnotification_block_adminhtml_sms_sendmass_edit_form extends mage_adminhtml_block_widget_form { public function _preparelayout() { $extensionpath = mage::getmoduledir('js', 'vivasindustries_smsnotification'); $head = $this->getlayout()->getblock('head'); $head->addjs('jquery.js'); $head->addjs('vivas.js'); return parent::_preparelayout(); } protected function _prepareform() { $form = new varien_data_form(array( 'id' => 'edit_form', 'action' => $this->geturl('*/*/save', array('id' => $this->getrequest()->get
Read more

php - .htaccess mod_rewrite for dynamic url which has domain names -

i want convert url ex:( example.com/link.php?url=facebook.com ) ( example.com/facebook.com.php ) how can using .htaccess. or there other process make job easier ? i tried adding script .htaccess file options +followsymlinks rewriteengine on rewriterule url-(.*)\.htm$ link.php?url=$1 but converting url adding "url-" ( example.com/url-facebook.com.php ) i want remove "url-" , want make ( example.com/facebook.com.php ) rewriteengine on rewritecond %{the_request} ^get.*link\.php\?url\= [nc] rewritecond %{request_uri} !/system/.* [nc] rewriterule (.*?)link\.php\?url\=/*(.*) /$1$2 [r=301,ne,l] not sure how above work edit of used use remove index.php url
Read more

Website Login Issue developed in magento -

i have website developed using magento . able login. right now, login failed. infact operations interacts user table failing. need know issue. how figure out? first clear try clear log file second make sure have not upgraded magento and 3rd make sure db accessible in magento -harry p
Read more