html - ul/li items not displaying correctly in a div -


i have code css code, trying display html (below) inside div

/* extended features */ .four-col {     float:left;     width:25%; } .four-col h3{     font-size:17px; } .four-col ul{     margin:10px 0 10px -10px;     list-style-image:url(../images/icon_tick1.png); } .four-col li{     font-weight:bold;     padding:1px 0;  <div class="four-col">                             <h3>account features</h3>                             <ul>                                  <li>unlimited mysql 5 databases</li>                                  <li>unlimited ftp accounts</li>                                  <li>ssh</li>                                  <li>php 5.3, 5.4 & 5.5</li>                                  <li>pear</li>                                  <li>zend guard loader</li>                                  <li>ioncube loader</li>                                  <li>ruby on rails</li>                                  <li>perl</li>                                  <li>cgi</li>                                  <li>python</li>                                  <li>server side includes</li>                                  <li>curl</li>                                  <li>gd2</li>                             </ul>                         </div><!-- four-col -->                         <div class="four-col">                             <ul>                                  <li>cron jobs</li>                                  <li>imagemagick</li>                                  <li>zend framework</li>                                  <li>ffmpeg</li>                                  <li>flv2tools</li>                                  <li>lame mp3 encoder</li>                                  <li>libogg &#38; libvorbis</li>                                  <li>mplayer &#38; mencoder</li>                             </ul>                             <h3>control panel features</h3>                             <ul>                                  <li>latest cpanel</li>                                  <li>softaculous</li>                                  <li>rvsitebuilder pro</li>                                  <li>r1soft cdp backups</li>                                  <li>cloudflare cdn plugin</li>                                  <li>custom error pages</li>                         </div><!-- four-col -->                         <div class="four-col">                             <ul>                                  <li>ip deny manager</li>                                  <li>hotlink protection</li>                                  <li>password protect directories</li>                                  <li>redirects</li>                                  <li>phpmyadmin</li>                             </ul>                             <h3>email features</h3>                             <ul>                                  <li>unlimited pop3 accounts</li>                                  <li>unlimited auto responders</li>                                  <li>unlimited e-mail forwarders</li>                                  <li>web mail</li>                                  <li>mailing lists</li>                                  <li>spam assassin</li>                                  <li>smtp</li>                                  <li>imap</li>                                  <li>spf &#38; domainkeys</li>                             </ul>                         </div><!-- four-col -->                         <div class="four-col">                             <h3>domains &#38; ip addresses</h3>                             <ul>                                  <li>unlimited sub domains</li>                                  <li>unlimited add-on domains</li>                                  <li>unlimited parked domains</li>                                  <li>dedicated ip ($1.95/mo)</li>                             </ul>                             <h3>web reports &#38; statistics</h3>                             <ul>                                  <li>awstats</li>                                  <li>webalizer</li>                                  <li>logaholic</li>                                  <li>access logs</li>                                  <li>error logs</li>                                  <li>bandwidth usage</li>                                  <li>diskspace usage</li>                             </ul>                         </div><!-- four-col -->

but outside div not displaying right height - visible has border on it

here fiddle full code: http://jsfiddle.net/lwpmn/

i want four-col div display inside web_hosting_extended_features div

simply add overflow: hidden .tabcontent element:

.tabcontent {     /* other css untouched */             overflow: hidden; }

js fiddle demo.

or can add clear: both element before closing tag of same element (in case used br, element do):

<div class="tabcontent" id="web_hosting_extended_features-1">     <!-- content removed -->         <br />     <!-- four-col --> </div>  br {     clear: both; }

js fiddle demo.


Comments

Post a Comment

Popular posts from this blog

iphone - Three second countdown in cocos2d -

i trying have 3 second countdown display when level beat in game. did: -(void) gamesegmentbeat { [self pauseschedulerandactions]; // overlay game opaque background ccsprite *opaquebg = [ccsprite spritewithfile:@"background1.png"]; opaquebg.position = screencenter; [self addchild:opaquebg z:10000]; // these 3 labels 3 seconds cclabelttf *three = [cclabelttf labelwithstring:@"3" fontname:@"helvetica" fontsize:100]; three.position = ccp(screencenter.x, screencenter.y); cclabelttf *two = [cclabelttf labelwithstring:@"2" fontname:@"helvetica" fontsize:100]; two.position = ccp(screencenter.x, screencenter.y); cclabelttf *one = [cclabelttf labelwithstring:@"1" fontname:@"helvetica" fontsize:100]; one.position = ccp(screencenter.x, screencenter.y); // secondspast specified in update method secondspast = 0; if (secondspast == 1) { [self addchild:thr...
Read more

hyperlink - how to do url routing in php -

sorry, don't know should exact technical term problem statement title of thread might misleading/confusing. that's reason why not able search problem solution on google. okay, i'm developing simple social network users. want each user have own profile link. for example, if username of user 'xyz' profile link should ' http://example.com/user/xyz now how create "virtual" link? edit: okay, learned it's mod_rewrite , got similar question how dynamically rewrite url facebook routes php delicate matter. mod_rewrite can in beginning, after becoming mess , f*** rather help, when "big" software needs scalable. remembering "routes" not part of specific application, nomenclature "server" interprets request "client" , returns specific value "client" configuration of request. ie, "router" server. what recommend study http protocol, rest , on. this surely in many things, knowi...
Read more

c - Avoiding Extra Malloc in Linked List (node->next = NULL) -

in linked list, i'm trying avoid malloc ing node without adding bunch of if statements , such. have following: polynomial create() { polynomial head = null; polynomial temp = null; int numterms, coefficient, exponent; int counter = 0; printf("enter number of terms in polynomial: "); scanf ("%d", &numterms); printf("\n"); if (numterms == 0) { head = malloc(sizeof(term)); head->coef = 0; head->exp = 0; head->next = null; return head; } while (numterms != counter) { // ask input printf("enter coefficient , exponent of term %d: ", (counter + 1)); scanf("%d %d", &coefficient, &exponent); printf("\n"); // create term if (temp == null) temp = malloc(sizeof(term)); temp->coef = coefficient; temp->exp = exponent; temp->next = null; //if((numterms - 1) != counter) tem...
Read more