Autor Zpráva
doktorzhor
Profil
Slovy řečeno, mám 2 elementy (Strong a Span), které jsou v DIVu. Žádný z těchto tří elementů nemá pevně stanovenou šířku. Šířku elementu definuje délka textu ve <strong>.

Jak docílit, aby šířka následujícího <span> nebyla větší než předchozího <strong>, resp. aby se text zalamoval?

<div>
    <strong>TEXT TEXT</strong>
    <span>bla bla bla bla bla bla bla</span>
</div>

Příklad je žive zde http://super-skeleton.mdnw.net/ - tlačítko menu. Nechci aby popis (malý text), přesahoval hlavní text, nebo jen o pár procent.

Děkuji
slovakCZ
Profil
jedine co me napada tohle:

<style>
strong { position:relative; }
strong>span { position:absolute; left:0; right:0; }
</style>

<div>
    <strong>TEXT TEXT<span>bla bla bla bla bla bla bla</span></strong>
</div>

tim padem se ti ten span ve strongu roztahne max. na sirku toho strongu.
panther
Profil
slovakCZ:
tohle nebude fungovat v IE.
peta
Profil
Jo, ale tez jsi zapomnel rici, ze to zacne prekryvat prvni radek. A tez, pod spodnim radkem musi byt dost mista, kam ten text vytece. Proste to udela vic problemu nez vyresi.
doktorzhor
Profil
doktorzhor:

Děkuji vám kolegové, také jsem zatím na nic moc nepřišel. Asi to vyřeším úpravou šablony v PHP. Díky za váš čas.
bojga.cz
Profil *
Proč ten závorkový selektor? Který jak panther naznačuje nebude fungovat ve starších IE? Asi by bylo jednoduší použít toto:

<style>
strong{
 position: relative;
}
strong span{
 width: 100%;
}
</style>

 <strong> TEXT TEXT<span>bla bla bla</span></strong>
<div>

</div>
panther
Profil
bojga.cz:
nejde o selektor (ten bude fungovat v IE7+), jde o zápis left: 0; right: 0, který bude mít ještě menší podporu.
ALLSSA
Profil
bojga.cz:
Navíc řádkovým elementům nemůžeš nastavovat width. Viz. Width.

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: