Autor Zpráva
slezak-petr
Profil
Prosím o radu, omlouvám se jestli se to řešilo ...
Potřebuji styl spanu pro "Akordy", tedy span, který má v sobě dva spany pod sebou
obalující nemůže být DIV protože chci pokračovat na řádku:

<span class="AkordAText">
    <span class="Akord">Akord A</span>
    <span class="Text">Text A</span>
</span>

<span class="AkordAText">
    <span class="Akord"> ...Akord B</span>
    <span class="Text"> ...Velmi dlouhý text B</span>
</span>

<span class="AkordAText">
    <span class="Akord"> ...Akord C</span>
    <span class="Text"> ...Text C</span>
</span>


Výsledek:
(abych vynutil odsazení bloku "B" a "C" tak jsem vložil "_" (podtržítko))

Akord A ...Akord B__________ ...Akord C
Text A_ ...Velmi dlouhý text B_ ...Text C


Aby toho nebylo málo, tak ty vnitřní spany by měly být zarovnány doleva


Mne jako lamu napadá jen tabulka / řádek
ale to by na můj jeden řádek byla jedna tabulka, protože sloupce nemohou být vzájemně zarovnané
Bubák
Profil
Přiznám se, že nevím přesně, o co se pokoušíš, asi něco takového:
Živá ukázka
Odkaz
Mezi inline-bloky jsou mezery, pokud by vadily, můžeš zkusit float nebo table-cell.
Pokud jsem se netrefil, upřesni dotaz.
juriad
Profil
V podstatě to samé jako od Bubáka:
Živá ukázka
slezak-petr
Profil
Bubák:
Děkuji Bubáku, CSS splňuje na 100% díky
Jen jsi měl v CSS 2x ".AkordAText" (asi překlep)
.AkordAText {
    display: inline-block;
}
.Akord {
    display: block;
}
.AkordAText {
    display: inline-block;
}
Juriad taky díky, ale DIV zalamuje, takže SPAN je jediná cesta
pro větu bez zalomení
Díky oběma
Bubák
Profil
slezak-petr:
ale DIV zalamuje
I to ze dá změnit v CSS nastavením vhodné hodnoty display. (anebo to jde plaváním (float), ale to se mi zdálo pro tento případ méně vhodné

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: