Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

[johnutz]

Lucrez la un layout tableless si am urmatoarea problema:
Vreau sa fac o bara pe care sa pun un text (e o bara de meniu).
Partea de html e asta: Cod: <div id="topnav">
   <ul>
      <li>
         <a href="~">DESPRE NOI</a>
      </li>
      <li>
         <a href="~">CONDIŢII DE UTILIZARE</a>
      </li>
      <li>
         <a href="~">ÎNTREBĂRI FRECVENTE</a>
      </li>
      <li>
         <a href="~">CONTACT</a>
      </li>
      
   </ul>
</div>
CSS-ul aferent este: Cod: #topnav {
   width: 100%;
   display: block;
   clear: both;
   height: 34px;
   background-image: url("limages/bg.jpg");
}
#topnav ul li {
   display: block;
   float: left;
   margin: 10px 20px;
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

Da, meniul este orizontal (e "float: left" la li)!
Ce mi-ar trebui cred ca e o solutie de a centra vertical un element block-level (in cazul meu ul) care se afla in interiorul altui block (in cazul meu div), indiferent de inaltimea acestora (pt ca o sa vreau sa modific marimea scrisului).
In momentul asta arata cat de cat centrat pe verticala pt ca am margin: 10px 20px; la li.
As putea sa obtin rezultatul asta daca bag ul-ul intr-un td cu valign="middle", dar nu vreau sa folosesc tabele pentru asta.

[bld]

vertical-align:middle oare?

[johnutz]

Scuze ca am raspuns atat de tarziu..
Nu se poate vertical-align:middle pentru ca la carte zice asa: Citat: 'vertical-align'
Value: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit
Initial: baseline
Applies to: inline-level and 'table-cell' elements
Inherited: no
Percentages: refer to the 'line-height' of the element itself
Media: visual
Computed value: for <percentage> and <length> the absolute length, otherwise as specified

Poate ar merge ceva derivat din metoda aia de centrare care foloseste pozitionarea absoluta la 50% si marginea negativa (-height/2), dar nu vreau pozitionare absoluta...

[PHPRomania Bot]