1. Tudásbázis
  2. Sminkek
  3. Jobbra lebegtetve fölúszik a szöveg a kép mellé, balra lebegteve nem

Jobbra lebegtetve fölúszik a szöveg a kép mellé, balra lebegteve nem

Beküldte Kóborló - 2012. december 20. 22.27
Kóborló képe

Szervusztok!

A szepmezo.hu oldalt építgetve (D7) nem tudok rájönni, miért van az, hogy ha a Cikk tartalomtípus bevezetőjében a képet jobbra lebegtetem (float:right), akkor a szöveg felúszik melléje, de ha balra lebegtetem, akkor a szöveg szigorúan alatta lesz.

Azt szeretném elérni, hogy balra lebegtetve is fölússzon a szöveg a kép mellé. Mi kerüli el a figyelmemet szerintetek, mit kéne tennem, hogy balra lebegtetve is fölússzon a szöveg?

Előre is köszönöm a segítségeteke!

Drupal verzió: 
7.x
Fórum: 
Sminkek
Sk8erPeter képe

Beküldte Sk8erPeter - 2012. december 21. 01.08

Szia!

  1. .field-type-text-with-summary {
  2.   clear: left;
  3. }

ez a "bűnös" rész, ami miatt a float:left nem az elvárt hatást mutatja.

itt egy lehetséges megoldás CSS-ben:

clear

  1. .node-teaser .field-name-field-boritokep {
  2.     float:left;
  3.     margin-right:10px;
  4. }
  5.  
  6. .node-teaser .field-type-text-with-summary {
  7.     clear: none !important;
  8. }

Persze ha nem csak a teaser-nézetre akarod mindezt érvényessé tenni, akkor szedd ki előle a .node-teaser részt.

3
-1
Kóborló képe

Beküldte Kóborló - 2012. december 21. 23.39

Köszönöm a segítséget, Sk8erPeter, így bizony úszik a szöveg ám fölfele, mint a kisangyal! :)

0
0