| Autor | Zpráva | ||
|---|---|---|---|
| vecerapl Profil |
#1 · Zasláno: 25. 12. 2010, 12:39:00
Jak zarovnat text doleva a doprava. Chtěl bych použít něco jako:
<div class="foto"> <p class="text">Teplota: <span>-23.4°C</span></p> </div>
.foto p {
margin: 0px;
font-size: 100%;
color: #003960;
}
.foto .text {
text-align: left;
padding: 0 8px 0 8px;
}
.foto .text span {
text-align: right;
}
S tím, že číselný údaj bude vpravo a text teplota: ... vlevo. |
||
| xmark Profil |
#2 · Zasláno: 25. 12. 2010, 12:40:12
tomu spanu přidej float: right;
|
||
| vecerapl Profil |
#3 · Zasláno: 25. 12. 2010, 12:43:45
Ano je to lepší. Jen bych zapoměl napsat, že <p> ... používám více pod sebou. Tady je přímo URL adresa Odkaz Je to ta druhá zleva buňka, kde jsou ty teploty rozházené.
|
||
| margin Profil * |
#4 · Zasláno: 25. 12. 2010, 14:01:53
Máš to rozhozené kvůli příliš vysokému obrázku šipky.
http://www.bububu.cz/design/down.png Na tvém místě bych dal tabulková data do tabulky. |
||
| vecerapl Profil |
#5 · Zasláno: 25. 12. 2010, 14:21:29
Dal jsem větší písmo použité u ikonky a pomohlo to. Ještě bych se chtěl na něco zeptat.
Pokud bych chtěl další text zobrazovat až dole, tak použít zřejmě vertical-align: bottom; Avšak, když ho použiji, nefunguje. Jedná se mě o vložení MIN a MAX hodnot s výpisem až dole. <div class="minmax"> <p class="text"><strong>MIN:</strong> <span>-21.4°C [00:35h]</span></p> <p class="text"><strong>MAX:</strong> <span>1.4°C [00:35h]</span></p> </div>
.foto .minmax {
vertical-align: bottom;
}
|
||
| margin Profil * |
#6 · Zasláno: 25. 12. 2010, 15:09:29
http://www.jakpsatweb.cz/css/vertical-align.html
„Vlastnost vertical-align se dá použít pouze v několika málo případech:“ Následuje výčet. |
||
| vecerapl Profil |
#7 · Zasláno: 25. 12. 2010, 15:13:58
Tak že tím to nedosáhnu. Je nějaká možnost, jak text zarovnat tak, aby byl až dole? Použití margin či padding nechci. V buňce je různorodý text.
|
||
|
Časová prodleva: 13 let
|
|||
0