| Autor | Zpráva | ||
|---|---|---|---|
| fds Profil * |
#1 · Zasláno: 19. 12. 2012, 12:15:59 · Upravil/a: fds
Ako mám upraviť nasledujúci kód, aby bol text vedľa obrázku vertikálne zarovnaný v strede?
<style>
ul {
border: solid 1px;
list-style: none;
padding: 0px;
width: 150px;
}
li {
height: 70px;
}
img {
float: left;
}
</style>
<ul>
<li><img src="" width="60" height="60"> aaa aaa</li>
<li><img src="" width="60" height="60"> aaa aaa bbb bbb</li>
</ul>Chcem, aby to vyzeralo takto: 
Text v zozname bude dynamický a môže byť na 1 alebo aj na viac riadkov (maximálne bude asi na 3 riadky a nemal by presahovať veľkosť obrázka). Obrázok sa bude vzťahovať k textu a bude pri každej položke zoznamu iný. |
||
| jenikkozak Profil |
#2 · Zasláno: 19. 12. 2012, 12:24:47
fds:
Nastavte položce seznamu text-align:center.
|
||
| fds Profil * |
#3 · Zasláno: 19. 12. 2012, 12:28:48
jenikkozak: Ale ja to chcem zarovnať vertikálne.
|
||
| jenikkozak Profil |
#4 · Zasláno: 19. 12. 2012, 12:35:49
fds:
Omlouvám se, má nepozornost. Velmi jednoduše by to šlo tabulkou. Tady to i na tabulková data vypadá, takže by se mohl vyhodit seznam a nahradit tabulkou. |
||
| user243 Profil |
#5 · Zasláno: 19. 12. 2012, 12:35:59
použít vnitřní okraj?
|
||
| fds Profil * |
#6 · Zasláno: 19. 12. 2012, 12:54:07
jenikkozak:
To bude zoznam článkov. Ale tabuľkou by to v najhoršom prípade šlo. user243: Text v zozname sa bude meniť, čiže ako prvá položka môže byť aj text na 2 riadky. |
||
| margin Profil * |
#7 · Zasláno: 19. 12. 2012, 13:04:23
Po drobné úpravě by mělo jít použít http://klient.plavacek.net/centrovani.html.
|
||
| fds Profil * |
#8 · Zasláno: 19. 12. 2012, 13:28:53
margin:
Diki |
||
|
Časová prodleva: 11 let
|
|||
0