Autor Zpráva
leprra
Profil
Zdravim,
dotaz:
lze řešit zarovnání čísel v tabulce pomocí  ?
  - pevná mezera vlastně nahrazuje číslicovou mezeru
= požadavek na zarovnání čísel je >> zarovnat na střed tak aby lícovaly jednotky, desitky, stovky...

zde pohleďte na ukázku:
____________________________________________________________
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
caption {
color: #00458d;
text-align: left;
margin: 0em;
padding: 0em;
padding-bottom: 0.5em;
font-size: 81,25%;

}
table {
border-top: 0.1em solid white;
border-left: none;
border-collapse: collapse;
font-size: 70%;
margin-top: 1em;
width: 100%;
padding: 0em;
margin: 0em;
margin-bottom: 2em;
}

/*--hlavicka --*/

thead th {
font-weight: bold;
text-align: center;
}

th {
border-right: 0.1em solid white;
border-bottom: 0.1em solid white;
_border-right: 0.05em solid white;
_border-bottom: 0.05em solid white;
padding: 0.5em;
padding-left: 1.5em;
padding-right: 1.5em;
text-align: left;
color: #031f73;
font-weight: normal;
}

.m-zahlavi {
background-color: #a6afd3;
color: white;
}

/*--pata --*/

tfoot {
font-weight: normal;
text-align: center;
background-color: #deeed4;
}

/*--body --*/

td {
border-right: 0.1em solid white;
border-bottom: 0.1em solid white;
padding: 0.3em;
text-align: center;
color: #031f73;
}

.m2 {
border-right: 0.1em solid white;
border-bottom: 0.1em solid white;
_border-right: 0.05em solid white;
_border-bottom: 0.05em solid white;
padding: 0.3em;
text-align: center;
color: #031f73;
background-color: #dbddec;
}

</style>
</head>
<body>
<table>
<caption>
Vyplacené finanční příspěvky na hospodaření v&nbsp;lesích z&nbsp;rozpočtu kraje Vysočina v&nbsp;Kč
</caption>
<thead class="m-zahlavi">
<tr>
<th>Dotační titul </th>
<th>2005 </th>
<th>2006 </th>
</tr>
</thead >
<tfoot>
<tr>
<td>Celkem </td>
<td>29 746 974 </td>
<td>20 284 407 </td>
</tr>
</tfoot>
<tbody class="m2">
<tr>
<th>Obnova lesů poškozených imisemi </th>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 </td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 </td>
</tr>
<tr>
<th>Obnova, zajištění a&nbsp;výchova lesních porostů </th>
<td>16 843 970 </td>
<td>14 249 602 </td>
</tr>
<tr>
<th>Sdružování vlastníků lesů malých výměr </th>
<td>&nbsp;&nbsp;&nbsp;1 650 650 </td>
<td>&nbsp;&nbsp;&nbsp;1 565 250 </td>
</tr>
<tr>
<th>Ekologické a&nbsp;k přírodě šetrné technologie </th>
<td>&nbsp;&nbsp;&nbsp;3 276 880 </td>
<td>&nbsp;&nbsp;&nbsp;3 482 550 </td>
</tr>
<tr>
<th>Vybrané činnosti mysliveckého hospodaření </th>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;454 791 </td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5 445 </td>
</tr>
<tr>
<th>Vyhodnocení lesních hospodářských plánů v&nbsp;digitální formě </th>
<td>&nbsp;&nbsp;&nbsp;7 467 294 </td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;959 608 </td>
</tr>
<tr>
<th>Ostatní hospodaření v&nbsp;lesích </th>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;27 389 </td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;21 952 </td>
</tr>
<tr>
<th>Chov a&nbsp;výcvik národních plemen loveckých psů a&nbsp;loveckých dravců </th>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;26 000 </td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0 </td>
</tr>
</tbody>

</table>
</body>
</html>
_____________________________
diks
souki
Profil
a nebude lepší dát text-align:right?
Mastodont
Profil
Pokud tam nebudou desetinná čísla, tak ano.
leprra
Profil
Pokud tam nebudou desetinná čísla, tak ano.
----------
i desetinný čísla tam budou - ale typografii zvladam to je v pohode...
akorát mi de o to aby takovej řetězec nerozdělitelnejch mezer nedělal nějaký nepředvídatelný věci..
ale validátor neřve.. tak to snad bude v pohodě.. mám těch tabule k asi 70 - tak abych to nemusela předělávat padesátkrát....
yderf
Profil
podľa mňa je to hlúposť - ak nechceš, aby sa ti čísla zalamovali, tak nastav v css white-space:nowrap pre td. Podobne, ak chceš nejakú pevnú šírku na počet písmen, tak ju nastav pomocou jednotky em. To, že validátor neřve neznamená, žo je to správne napísané, iba to, že je to synkakticky správne.

edit:takto, myslím tie pevné medzery pred číslom, nie uprostred čísla (1&nbsp;100 je asi v poriadku)
leprra
Profil
yderf
funguje to!!-- olééé
leprra
Profil
Davex
Profil
Z hlediska přístupnosti ceny pro hlasové čtečky by to bylo lepší takto:

CSS:
span.tisic {

margin-left: 0.3em;
}


HTML:

123<span class="tisic">456</span>&nbsp;Kč

Kč&nbsp;123<span class="tisic">456</span>,50
Toto téma je uzamčeno. Odpověď nelze zaslat.

0