title image


Smiley Vertikal Ausrichtung klappt nicht






Hallo,



habe folgende Navigationsseite gebaut.

Leider bekomme ich den Text vertikal nicht mittig zentriert.

Der Text ist immer am obreren Rand.



Was habe ich falsch gemacht.



Danke für jede Hilfe im Voraus

Frank



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

  <head>



    <title>RauerSoft-Navigation</title>





    <style type="text/css">

      /* Grundkonfiguration */29.03.2006

        BODY {

            SCROLLBAR-FACE-COLOR: #b2b2b2;

            SCROLLBAR-HIGHLIGHT-COLOR: white;

            SCROLLBAR-SHADOW-COLOR: white;

            SCROLLBAR-3DLIGHT-COLOR: #b2b2b2;

            SCROLLBAR-ARROW-COLOR: white;

            SCROLLBAR-TRACK-COLOR: white;

            SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2;

            background-color:#fffdfa;

            background-image: url(image/navi_backgr.jpg);

        }



      /* Links */

      a {

             font-family: Verdana;

          font-size: 12px; color: #C0C0C0;

          text-decoration: none;

          text-weight: bold;

          height: 25px;

      }

      a:visited { color: #C0C0C0; FONT-WEIGHT: bold; }

      a:active { color: #C0C0C0; FONT-WEIGHT: bold; }

      a:hover { text-decoration: none; font-color: #1272AF; FONT-WEIGHT: bold;

      }





    </style>



    <style type="text/css" media="all">



     div#navi

    {

         margin-top: 50px;

         margin-left: 20px;

    }

     div#copyright

    {

         margin-top: 20pt;

         margin-left: 20px;

    }



       ul#logout { list-style: none; margin: 0px 10px 5px; padding: 0; cursor: pointer;}

      ul#ll_domain, ul#ll_server, ul#ll_reseller, ul#ll_system, ul#logout {

           border: 1px solid #E2E2E2; padding: 0px; }



       ul#copyright

       {

        font-family:Verdana;

        font-size:10px;

        font-weight:bolder;

        color:#000000;

        text-align:right;

        border: 1px solid #E2E2E2; padding: 0px;

        list-style: none; margin: 0px 10px 5px; padding: 0; cursor: pointer;

        background-color: #F0F1F1;

       }



      ul#logout li {

           background-color: #F0F1F1;

            align: center;

      }

      ul#logout li a

      {

           background: url('btn_0.gif') left no-repeat;

           vertical-align: middle;

           color: #74A2B8;

           text-weight: bold;

           padding: 1px 0px 1px 20px;

           text-decoration: none;

           display: block;

           FONT-WEIGHT: bold;

      }

      ul#logout li a:hover

      {

           color: #1272AF;

           border: 1px solid green;

           padding:0px 0px 0px 19px;

           /* Bild wird geladen und dunkel-grau in den Hintergrund */

           background: url('btn_1.gif') left no-repeat #C0C0C0;

           text-weight: bold;

      }





    </style>

     <div id="navi">

        <ul id="logout"><li>

             <a target="inhalt" href="start.html">Startseite</a>

        </li></ul>

        <ul id="logout"><li>

             <a target="inhalt" href="">Software-Projekte</a>

        </li></ul>

        <ul id="logout"><li>

             <a href='referenzen.htm' target='inhalt'>Referenzen</a>

        </li></ul>

         <ul id="logout"><li>

             <a href="" target="inhalt">Meinungsaustausch</A>

         </li></ul>

         <ul id="logout"><li>

             <a target="inhalt" href="">Kontakt</a>

         </li></ul>

         <ul id="logout"><li>

             <a href='impressum.htm' target='inhalt'>Impressum</a>

         </li></ul>

     </div>

     <div id="copyright">

         <ul id="copyright">2005<br>Frank Rauer</ul>

     </div>

</body>

</html>

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: