21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
quatzael
Profil
Mám tabulku. V každé buňce je jedno písmeno/znak. Buňka má nastavenu pevnou šířku, jenže nějak je to ignorováno.
U širších znaků jako např: W nebo @ je buňka širší než u užších znaků..



Potřeboval bych, aby byla pevná šířka zachována. Klidně pomocí nějakého přetékání ven.
Je to pro export pdf, takže je to celý zpracovávaný pomocí mpdf..

HTML:
<style>
table {border-collapse: collapse;}  

.td-cell
{ font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
width: 3.8mm;
height: 5.62mm;
text-align: center;
background-color: red;
}

.td-gap {width: 0.3mm;}
</style>

<table><tr>
<td class="td-cell">W</td><td class="td-gap"></td>
<td class="td-cell">i</td><td class="td-gap"></td>
<td class="td-cell">.</td><td class="td-gap"></td>
<td class="td-cell">@</td><td class="td-gap"></td>
<td class="td-cell">M</td><td class="td-gap"></td>
<td class="td-cell">l</td><td class="td-gap"></td>
<td class="td-cell">,</td><td class="td-gap"></td>
</tr></table>

Předem díky za rady.
Trejpa
Profil
quatzael:
A table-layout: fixed jsi zkoušel?
quatzael
Profil
Trejpa:
To jsem neznal. Ale stejně to nic nedělá. Upravil jsem to takto:
table {border-collapse: collapse; table-layout: fixed;}  

Ale výsledný efekt žádný..
juriad
Profil
quatzael:
Musíš nastavit nějakou rozumnou šířku 3.8mm nestačí. Pro tento případ je vhodná jednotka em. Ta je definovaná jako šířka písmene M, což je nejšiřší písmeno v abecedě. Změň width na 1em a vše půjde.
A nebude potřeba ani ten table-layout: fixed.
quatzael
Profil
juriad:
Šířku měnit nemůžu. Takovej je template. Jedině zmenšit písmo.. Ale nemám pocit, že by ty znaky byly opravdu větší než 3.8. Každý se tam do těch kolonek vejdou celý, jen se zbytečně roztahuje ta buňka.. Nejde nějak nastavit to přetýkání, aby se zachovala pevná šířka a obsah šel ven..
Třeba dát do buňky nějakej div s absolute position nebo tak něco..


juriad:
Pozn.:
...šířka písmene M, což je nejšiřší písmeno v abecedě.
W mi připadá daleko širší než M..
Bubák
Profil
quatzael:
Každý se tam do těch kolonek vejdou celý, jen se zbytečně roztahuje ta buňka..
Napadá mě jedině padding deklarovaný pro td, dkus přidat pro .td-cell
padding: 0 !important;
Pokud to zabere, tak ve velice pravděpodobné, že to půjde i bez !important, tak ho vymaž.

juriad:
...jednotka em. Ta je definovaná jako šířka písmene M, což je nejšiřší písmeno v abecedě.
Jednotka em je rovna výšce písma.
Na obrázku je vidět, že M není nejširší.
quatzael
Profil
Bubák:
padding: 0 !important;
Tohle vypadá, že funguje!! Díky moc!!

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0