ďťż

[HTML, CSS] Tekst w <li></li> wyrównany do dołu

       

Podstrony


telcocafe

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl"> <head> <style type="text/css"> #pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;} #pmenu {margin:25px 0 200px 15px;} #pmenu li {float:left;position:relative;} #pmenu a, #pmenu a:visited {vertical-align: top; display:block; width:100px; font-size:10px; color:#000; height:50px; line-height:49px; text-decoration:none; text-indent:5px; background:#b2ab9b; border:1px solid #fff; border-width:0 1px 1px 0;} #pmenu li:hover > a{background:#dfd7ca; color:#c00;} #pmenu li ul {display: none;} #pmenu li:hover > ul {display:block; position:absolute; top:0; left:101px;} #pmenu > li:hover > ul {left:0; top:50px;} </style> </head> <ul id="pmenu"> <li><a href="#nogo">Top Level 1</a></li> <li><a href="#nogo">Top Level 2</a></li> <li><a href="#nogo">Top Level 3 ĹĄ</a> <ul> <li><a href="#nogo">Sub Level 1a</a></li> <li><a href="#nogo">Sub Level 1b</a></li> <li><a href="#nogo">Sub Level 1c ĹĄ</a> <ul> <li><a href="#nogo">Sub Level 2a</a></li> <li><a href="#nogo">Sub Level 2b ĹĄ</a> <ul> <li><a href="#nogo">Sub Level 3a</a></li> <li><a href="#nogo">Sub Level 3b ĹĄ</a> <ul> <li><a href="#nogo">Sub Level 4a</a></li> <li><a href="#nogo">Sub Level 4b</a></li> <li><a href="#nogo">Sub Level 4c ĹĄ</a> <ul> <li><a href="#nogo">Sub Level 5a</a></li> <li><a href="#nogo">Sub Level 5b</a></li> <li><a href="#nogo">Sub Level 5c</a></li> <li><a href="#nogo">Sub Level 5d ĹĄ</a> <ul> <li><a href="#nogo">Sub Level 6a</a></li> <li><a href="#nogo">Sub Level 6b</a></li> <li><a href="#nogo">Sub Level 6c</a></li> <li><a href="#nogo">Sub Level 6d</a></li> </ul> </li> <li><a href="#nogo">Sub Level 5e</a></li> <li><a href="#nogo">Sub Level 5f</a></li> </ul> </li> <li><a href="#nogo">Sub Level 4d</a></li> <li><a href="#nogo">Sub Level 4e</a></li> <li><a href="#nogo">Sub Level 4f</a></li> </ul> </li> <li><a href="#nogo">Sub Level 3c</a></li> <li><a href="#nogo">Sub Level 3d</a></li> </ul> </li> <li><a href="#nogo">Sub Level 2c</a></li> </ul> </li> <li><a href="#nogo">Sub Level 1d</a></li> <li><a href="#nogo">Sub Level 1e</a></li> </ul> </li> </ul>

jak w temacie, jak tekst w <li> wyrównać do dołu? Próbowałem i tego nie osiągnąłem -.-



ustaw padding-top na jakąś większą wartość, a height i line-height na standardowe.

Jednak nie działa, bo wlaściwie zamaist tekstu mam na 1 poziomie obrazki. Jeden ma inną wysokość nieco i są nierówno przez to. A chciałbym żeby wszystkie były wyrównane do dołu, a paddingiem tego nie osiągam.
Użytkownik Isaac from Vale edytował ten post 16 czerwiec 2009, 21:47
ustaw obrazkom align="bottom"



nie działa

Pokaż konkretny przykład. Najlepiej by było ustawiać te Twoje obrazki w tle, więc jeśli dobrze rozumuję, to, np.:<ul> <li><div style="background:url('obraz.gif') no-repeat center bottom; width: 30px; height: 30px"></div>Opis</li> </ul>

li {
padding-bottom: ;
padding-top: ;
}

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.