html5 - Parent container not expanding to child elements -

-

i have bunch of vertically aligned tab items in , can't seem parent container (the <a href...> in html) expand cover child elements. i've tried using <br style="clear: both"> , overflow: hidden;but first didn't , second cut off (using auto added scroll bar, doesn't help) thoughts on how fix it?

html sample:

<li class="active">                                             <a href="#pane1a" data-toggle="tab">                                                 <div class="preview-box">                                                     <img class="preview-image" src="img/monestary_floorplan.png">                                                     <p id="previewcarousel1a"></p>                                                 </div>                                             </a>                                         </li>                                         <li>                                             <a href="#pane1b" data-toggle="tab">                                                 <div class="preview-box">                                                     <img class="preview-image" src="img/bkg-img-home2.jpg">                                                     <p id="previewcarousel1b"></p>                                                 </div>                                             </a>                                         </li>

css:

.preview-box {   width: 90px;   height: 80px;   /*border: 2px solid red;*/   margin-left:auto;   margin-right:auto; } .preview-image {   display: block;   width: 75px;   height: 60px;   border: 4px solid #84be46;   margin-left:auto;   margin-right:auto; } .preview-items p{   color: #84be46;   text-align: center;   margin-top: 5px; }

the whole site can seen here

adding display: inline-block; a element seems solve problem. may have adjust padding/margin, though.


Comments

Post a Comment

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

php - joomla get content in onBeforeCompileHead function -

-
i'm developing joomla system plugin. need add javascript , css files if [myshortcode] shortcode found in content. how can content in onbeforecompilehead function function onbeforecompilehead() { $document = jfactory::getdocument(); //add scripts if shortcode found ... $document->addstylesheet($cssfile, 'text/css', null, array()); the $content = jresponse::getbody(); not work. thanks try this, for style sheet, $document = jfactory::getdocument(); $document->addstylesheet('http://domain.com/templates/css/style.css'); for javascript file $document = jfactory::getdocument(); $document->addscript('full url'); also can this, $document = jfactory::getdocument(); // add javascript $document->addscriptdeclaration(' window.event("domready", function() { alert("an inline javascript declaration"); }); '); // add styles $style = 'body {'
Read more