html - How can I vertically align text in my div -

-

this doing head in. can't text align vertically in footer. basic text want in middle links log in end @ top of footer. when log in , have other options display text on right of footer doesn't display. please help.

footer code:

    <?php         include ("includes/closedb.php");     ?>         <footer>             <div class="footer-wrapper"></div>             <div class="footer-wrapper">                 <div class="float-left"><p id="social">site map</p></div>                 <div id="login">                             <?php                                 if (logged_on())                         {                             echo '<li><a href="/logoff.php">sign out</a></li>' . "\n";                             echo '<li><a href="/addpage.php">add</a></li>' . "\n";                             echo '<li><a href="/selectpagetoedit.php">edit</a></li>' . "\n";                             echo '<li><a href="/deletepage.php">delete</a></li>' . "\n";                             if (is_admin())                             {                              }                         }                         else                         {                             echo '<li><a href="/logon.php">admin log in</a></li>' . "\n";                         }                         ?>                          <?php if (logged_on()) {                             echo "<div class=\"welcomemessage\">welcome, <strong>{$_session['username']}</strong></div>\n";                         } ?>                 </div>                  <div class="float-right"><p id="social">&copy; swing , putt 2014</p></div>             </div>         </footer>     </body> </html>

css:

.float-left { float: left; color: #000000; text-align: left; padding-left: 10px; }  .float-right { float: right; color: #000000; text-align: right; padding-right: 10px; }  footer { clear: both; font-size: 12pt; height: 30px; margin-top: -30px; /* negative value of footer height */ position: relative; background-color: #00bfff; padding: 5px; }      footer .footer-wrapper { }  /* login ----------------------------------------------------------*/ #login { display: block; font-size: 12pt; font-family: arial; float: left;  }  #login { margin-left: 10px; margin-right: 3px; padding: 2px 3px; text-decoration: none; }  #login a.username { background: none; margin-left: 0px; text-decoration: underline; }  #login ul { margin: 0; }  #login li { display: inline; list-style: none; }

hope makes sense. i'm struggling php type stuff.

here have use demo footer links , paste whole html , css. have change css class footer 

height: 180px; margin-top: 0px;

/* negative value of footer height */

these , add #login li block 

float: left; clear: both; margin-bottom: 10px;

these 3 property , hope solve problem. have attach demo menu preview image can see right or wrong.

enter image description here

<html> <head>     <title>demo title</title>     <style type="text/css">         .float-left {             float: left;             color: #000000;             text-align: left;             padding-left: 10px;         }          .float-right {             float: right;             color: #000000;             text-align: right;             padding-right: 10px;         }          footer {             clear: both;             font-size: 12pt;             height: 180px;             margin-top: 0px; /* negative value of footer height */             position: relative;             background-color: #00bfff;             padding: 5px;         }          footer .footer-wrapper {         }          /* login         ----------------------------------------------------------*/         #login {             display: block;             font-size: 12pt;             font-family: arial;             float: left;         }          #login {             margin-left: 10px;             margin-right: 3px;             padding: 2px 3px;             text-decoration: none;         }          #login a.username {             background: none;             margin-left: 0px;             text-decoration: underline;         }          #login ul {             margin: 0;         }          #login li {             display: inline;             list-style: none;             float: left;             clear: both;             margin-bottom: 10px;         }     </style> </head> <body> <footer>     <div class="footer-wrapper"></div>     <div class="footer-wrapper">         <div class="float-left"><p id="social">site map</p></div>         <div id="login">             <ul>             <li><a href="/logoff.php">sign out</a></li>             <li><a href="/addpage.php">add</a></li>             <li><a href="/selectpagetoedit.php">edit</a></li>             <li><a href="/deletepage.php">delete</a></li>             <li><a href="/logon.php">admin log in</a></li>             </ul>     </div>      <div class="float-right"><p id="social">&copy; swing , putt 2014</p></div>     </div> </footer> </body> </html>

Comments

Post a Comment

Popular posts from this blog

jQuery Mobile app not scrolling in Firefox -

-
i have mobile app built in jquery mobile. scrolling fine in chrome & safari, fails scroll in firefox on desktop. have other instances of same app, different features, , works across browsers. life of me, cannot figure this, please help! located here: http://re-brand.us/dsus/index.html seems bug in firefox: bug log . able scroll using keyboard not trackpad on mac. are using mac? i'll keep looking see if can find way around it.
Read more

c++ - How to add Crypto++ library to Qt project -

-
Image
i downloaded crypto++ source , compiled cryptlib project in visual studio 2013, , added generated .lib file qt project, made .pro file this: qt += core gui qt += sql greaterthan(qt_major_version, 4):qt += widgets target = untitled template = app sources += main.cpp\ mainwindow.cpp headers += mainwindow.h \ databasecontrol.h \ test.h forms += mainwindow.ui win32:config(release, debug|release): libs += -l$$pwd/ -lcryptlib else:win32:config(debug, debug|release): libs += -l$$pwd/ -lcryptlibd else:unix: libs += -l$$pwd/ -lcryptlib includepath += $$pwd/ dependpath += $$pwd/ win32-g++:config(release, debug|release): pre_targetdeps += $$pwd/libcryptlib.a else:win32-g++:config(debug, debug|release): pre_targetdeps += $$pwd/libcryptlibd.a else:win32:!win32-g++:config(release, debug|release): pre_targetdeps += $$pwd/cryptlib.lib else:win32:!win32-g++:config(debug, debug|release): pre_targetdeps += $$pwd/cryptlibd.lib else:unix: pre_targetdeps += $$pw
Read more

php array slice every 2th rule -

-
i have array on php outputs in txt file: printing grid -- 1 values -- undef = -9.99e+08 20.2 \nprinting grid -- 1 values -- undef = -9.99e+08 102.0 \nprinting grid -- 1 values -- undef = -9.99e+08 55.1 \nprinting grid -- 1 values -- undef = -9.99e+08 -18.3 \n what point, need nummeric values @ beginning of each rule. 20.2, 102.0, 55.1, -18,3 etc... example, there can more or less in txt file. now do? have tested array slice function can't exclude rule: printing grid -- 1 values -- undef = -9.99e+08 this array slice code... $arraygood = array_slice($arraybad, 1, 4); and foreach loop create text file: $file = fopen("array.txt","w"); foreach ($arraygood $meting => $waarde) { echo fwrite($file,$waarde . '\n'); } fclose($file); thanks! as posted in comments, understanding have array of strings similar following: $lines = array( "printing grid -- 1 values -- undef = -9.99e+08", "20.2 \nprinting grid --
Read more