HTML

Marius '95

Membru Senior
Sugar daddy
Joined
Nov 13, 2005
Messages
4,889
Dupa multe incercari am ajuns la solutia urmatoare:
Code:
<img ... style="float:right;">
<span style="float:right;">Text 2</span>
<span>Text 1</span>
Ordinea e importanta.

Multumesc.
 

AdrianB1

Membru Senior
Sugar daddy
Joined
Aug 3, 2004
Messages
7,877
Nu pare o solutie, pare un workaround care merge intr-un browser care ignora ordinea corecta.
 

puterfixer

Administrator
Sugar daddy
Joined
Oct 30, 2003
Messages
7,282
Pentru cineva care mai folosește tabele pentru formatare, probabil :tongue:
 

wirespot

Membru Senior
Joined
Oct 13, 2006
Messages
668
Uneori trebuie sa folosesti tabele, sau macar containere cu atribute specifice lor (display de tip table sau table-cell). Au niste insusiri pe care tipul block nu le are, cum ar fi faptul ca se restrang automat la dimensiunea continutului in loc sa tinda automat la 100%, sau faptul ca poti marca diverse elemente ca apartinand de aceeasi coloana sau rand si sa-si sincronizeze automat dimensiunile. Obtii efecte are-s imposibil de obtinut cu blocuri fara JavaScript, cum ar fi sa sincronizezi doua containere care au alte containere intre ele, sau sa compactezi un container fara sa-l scoti din flow si pastrandu-l inline, dar avand totodata proprietati block.

Pentru layouts e drept ca nici table model nici box model nu-s o solutie completa, de asta a aparut flexbox model in CSS3. S-a simtit nevoia de el dintotdeauna, dar masa critica s-a atins abia recent datorita proliferarii device-urilor portabile si a televizoarelor cu rezolutie mare, care au extins dramatic plaja de rezolutii folosite de catre public pe scara larga.
 

Marius '95

Membru Senior
Sugar daddy
Joined
Nov 13, 2005
Messages
4,889
Problema e rezolvata, dar educativ vorbind, pot folosi flexbox in cazul de mai sus? Daca da, exemplu, pls.
 

wirespot

Membru Senior
Joined
Oct 13, 2006
Messages
668
Uite aici niste exemple simpatice: http://umaar.github.io/css-flexbox-demo/.

Vezi ca doar cele mai recente versiuni de browsere suporta flexbox. Cu diverse amendamente. Chrome cu proprietati custom (-webkit-), Opera doar cel cu Webkit, Firefox implementeaza ultima versiune doar pe mobil, pe desktop are activata by default una mai veche (dar poti umbla la about:config), iar IE10 in dulcele stil clasic a facut o tocană din mai multe versiuni de flexbox.
 
Top Bottom