html - I would like to format my list data from a MySQL database into even rows and columns -


essentially title says. have looked @ other examples don't seem fit requirements. echoing out data database user in list format. appear rows , columns when displayed.

here current css code

.recent_items{     margin-left: 10%;     margin-right: 10%; }  .item li{     list-style: none;     display: inline-block;     padding: 10px; } .item{    width:85%; }

and here php code data

<?                     $per_page = 30;                     $pages_query = mysql_query("select count(*) ads") or die(mysql_error());                     $pages = ceil(mysql_result($pages_query, 0)/ $per_page);                     $curr_page = (isset($_get['page'])) ? (int)$_get['page'] : 1;                     $start = ($curr_page - 1) * $per_page;                      //get ad information                     $ad_info = mysql_query("select * ads order datecreated desc limit $start, $per_page") or die(mysql_error());                     $rows = mysql_num_rows($ad_info);                      echo '<ul class="item">';                     while($row = mysql_fetch_array($ad_info)){                         $ad_id = $row['adid'];                         $title = $row['title'];                         $price = $row['price'];                         $location = $row['location'];                          $ad_type = mysql_query("select * types adid=$ad_id") or die(mysql_error());                         while($row = mysql_fetch_array($ad_type)){                             $cat = $row['category'];                             $sub = $row['subcat'];                              echo                             "                                 <li>$title</br>                                 <label>price:</label> $price</br>                                 <label>location:</label> $location</br>                                 <a href=\"search.php?searchvalue=".$cat."\">$cat</a>/<a href=\"search.php?searchvalue=".$sub."\">$sub</a></li>                             ";                         }                     }                     echo '</ul>';                      if($pages >= 1 && $curr_page <= $pages){                         for($x = 1; $x <= $pages; $x++){                            echo ($x == $curr_page) ? "<b><a href=\"?page=$x\">$x</a></b> " : "<a href=\"?page=$x\">$x</a> ";                         }                     }                 ?>

the problem css , php code come out looking this: https://twitter.com/hassannsaid/status/320364537477996544/photo/1

as can see columns not alined. tried altering width happened item moved 1 row.

thanks in advance

you should define width li elements.

.item li{     list-style: none;     display: inline-block;     padding: 10px;     width: 25%; /* give 4 columns */ }

the width on .item corresponds outer container width...your li elements determine column width. essentially, saying want whole list occupy 85% of window width. since didn't define width li did should act inline elements, shrink down fit inner content (giving varying widths). specifying width of li, saying want them same. if content on line greater width, end wrapping.


Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more