ugrás a tartalomhoz

Táblázat cellák átalakítása

Off- · 2008. Nov. 3. (H), 20.26
Üdv.

CSS kérdés.

Adott egy ilyen HTML kimenet:
  1. <table>  
  2. <tr>  
  3. <td>1</td>  
  4. <td>2</td>  
  5. <td>3</td>  
  6. <td class="sokszoveg"><span>4</span></td>  
  7. <td class="sokszoveg"><span>5</span></td>  
  8. </tr>  
  9. </table>  
4., 5. cellában sok szöveg lesz ezért szeretném őket a következő két sorba tenni, mintha ilyen lenne a kimenet:
  1. <table>  
  2. <tr>  
  3. <td>1</td>  
  4. <td>2</td>  
  5. <td>3</td>  
  6. </tr>  
  7. <tr>  
  8. <td class="sokszoveg">4</td>  
  9. </tr>  
  10. <tr>  
  11. <td class="sokszoveg">4</td>  
  12. </tr>  
  13. </table>  
Megoldható?

Előre is köszönöm!
*****
DG
 
1

display tulajdonság

gex · 2008. Nov. 3. (H), 20.46
a display tulajdonság körül nézelődj, de ie6-ban biztosan nem (és talán ie7-ben sem) kivitelezhető a dolog.
2

CSS és HTML

Poetro · 2008. Nov. 3. (H), 20.51
A CSS és a HTML működését ne keverjük össze. A CSS a formázásért / megjelenítésért felelős a HTML pedig a struktúráért.
A fenti példa pusztán HTML nem tudom, hogyan keveredett ide a CSS, és mi köze lenne hozzá. Ha ilyen HTML struktúrát szeretnél akkor generálj / írj ilyen HTML struktúrát.
Ha egy létező HTML struktúrát futásidőben szeretnél módosítani, akkor használj JavaScript-et.
CSS-sel a megjelenítést lehet hasonlóra megcsinálni mint ahogy alapértelmezetten a második példa nézne ki alapértelmezetten még az kiindulási HTML struktúrát használva is, de kérdéses, hogy pontosan mit is szeretnél, és hogy a táblázatod tartalmaz-e további sorokat, vagy nem, illetve hogy a kivett sorok milyen magasak / hosszúak, ugyanis ez akár lehetetlenné is teheti a CSSsel történő megjelenítés átalakítását a 2. tábla által megjelenített változathoz.