Autor Zpráva
snazimse
Profil
Dobrý den,

zajímá mě jak zarovnat text v css,který je napozicován viz obrázek,pod sebou.


Tak aby se skládaly parametry vedle sebe kolik se vleze a pak další řádek.Tedy zřejmě něco jako zalamování řádku.

Díky všem předem!

jenikkozak
Profil
snazimse:
jak zarovnat text v css,který je napozicován
Odstraněním pozicování.
Doby92
Profil *
Podle toho co jsi zaslal na obrázku, tak je zřejmé, že se jedná o tabulku. Máš nějaký konkrétní kód, s kterým by jsi chtěl pomoct?
snazimse
Profil
To bohužel nejde ten text je v CMS rozdělený kodem na řádky.Tím pádém,by se musel změnit celý kod.

Já to chci pomocí css.

Díky
Doby92
Profil *
snazimse:

O jaký CMS se jedná? Většina CMS má možnost zobrazit přímo kód, pomocí tlačítka (jako máš třeba tlačítko na tučný text apod.)
snazimse
Profil
CMS JOOMLA
Doby92
Profil *
Tak přesně v tomhle CMS lze zobrazit zdrojový kód .... je to tlačítko s 'řetězem'.
snazimse
Profil
Ale k čemu mi to je.To potřebuji zarovnat.A nechci se hrabat v kodu,ale zarovnat to csskem.Jinak bych to udělal přes kod samozřejmě.Díky
MyShare
Profil
Nazdar snazimse
Hádam pomôžem :)

HTML
<h1>Parametry stanu</h1>
<hr>
<table>
<thead>
<tr>
<th>Počet osob</th>
<th>Typ konstrukce</th>
<th>Výška max.</th>
<th>Rozměry ložnice</th>
<th>Materiál podlážky</th>
</tr>
</thead>
<tbody>
<tr>
<td>1 - 2</td>
<td>Kopule</td>
<td>100 cm</td>
<td>220x130 cm</td>
<td>PU se silokonovou úpravou</td>
</tr>
</tbody>
</table>

Css
table {
        width: 100%;
        border-collapse: collapse;
    }
    tr:nth-of-type(odd) {
        background: #eee;
    }
    th {
        background: #333;
        color: white;
        font-weight: bold;
    }
    td, th {
        padding: 6px;
        border: 1px solid #ccc;
        text-align: left;
    }
Doby92
Profil *
snazimse:
1.) z jakého důvodu nechceš kód měnit, tak aby to bylo srozumitelný.
2.) nezveřejnil jsi nám kód a ty chceš po náš, aby jsme ti zarovnali objekty, když ani nevíme jaký objekt to tvoří a jaký má class nebo id...

MyShare:
Očividně se v kódu hrabat nechce, takže tvoje řešení přijde nejspíše vniveč.
snazimse
Profil
Zdravím,tak je to z toho důvodu,že to chci udělat snadněji přes css.Pokud je ta možnost si to napozicovat.Pokud ne samozřejmě,do kodu.
My share děkuji za kodové řešení!!!
Ano pošlu sem přímo kod.Děkuji všem !!!

Kod zde tedy jeho ukazka
<div class="product-fields">
    <div class="product-field product-field-type-P">
                            <span class="product-fields-title">Parametry stanů</span>
                            <span class="product-field-display"><span class="product_custom_parent"></span></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Počet osob</span>
                            <span class="product-field-display"><div class="product-field-28"><div class="mcf-fields-title">Počet osob</div><div class="product-fields-value"><ul><li>1 -2</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Typ konstrukce</span>
                            <span class="product-field-display"><div class="product-field-26"><div class="mcf-fields-title">Typ konstrukce</div><div class="product-fields-value"><ul><li>kopule</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Výška max.</span>
                            <span class="product-field-display"><div class="product-field-40"><div class="mcf-fields-title">Výška max.</div><div class="product-fields-value"><ul><li>100 cm</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Rozměry ložnice</span>
                            <span class="product-field-display"><div class="product-field-41"><div class="mcf-fields-title">Rozměry ložnice</div><div class="product-fields-value"><ul><li>220x130 cm</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Materiál podlážky</span>
                            <span class="product-field-display"><div class="product-field-42"><div class="mcf-fields-title">Materiál podlážky</div><div class="product-fields-value"><ul><li>PU se silikonovou úpravou</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Nepromokavost podlážky (mm)</span>
                            <span class="product-field-display"><div class="product-field-43"><div class="mcf-fields-title">Nepromokavost podlážky (mm)</div><div class="product-fields-value"><ul><li>&gt;10000</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Nepromokavost tropika (mm)</span>
                            <span class="product-field-display"><div class="product-field-44"><div class="mcf-fields-title">Nepromokavost tropika (mm)</div><div class="product-fields-value"><ul><li>&gt;10000</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Sbalený rozměr</span>
                            <span class="product-field-display"><div class="product-field-45"><div class="mcf-fields-title">Sbalený rozměr</div><div class="product-fields-value"><ul><li>51x17 cm</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Barvy stanu</span>
                            <span class="product-field-display"><div class="product-field-68"><div class="mcf-fields-title">Barvy stanu</div><div class="product-fields-value"><ul><li>zelená</li><li>modrá</li><li>žlutá</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Průměr tyčí</span>
                            <span class="product-field-display"><div class="product-field-79"><div class="mcf-fields-title">Průměr tyčí</div><div class="product-fields-value"><ul><li>8,5 mm</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            <div class="product-field product-field-type-E">
                            <span class="product-fields-title">Počet vchodů</span>
                            <span class="product-field-display"><div class="product-field-80"><div class="mcf-fields-title">Počet vchodů</div><div class="product-fields-value"><ul><li>1</li></ul></div></div></span>
            <span class="product-field-desc"></span>
            </div>
            
Doby92
Profil *
snazimse:
Tak tohle nám taky moc nepoví...když už vkládáš HTML kód je taky třeba vložit CSS. Jinak tenhle kód si zálohuj a vlož za něj kód co ti poskytl MyShare viz. trochu výše...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0