webForumDet fria alternativet

Text i kolumner

5 svar · 363 visningar · startad av westman

westmanMedlem sedan aug. 2004249 inlägg
#1

Har en stor textmassa som jag vill dela upp i, säg 2 kolumner. Finns det något bra sätt att göra detta på?

Tack!

jarvkloMedlem sedan juli 20013 378 inlägg
#2

Hmm...

Finns (minst) två grundprinciper:

Klassiskt:

<table style="width:600px;">
<tr>
  <td>Halva texten</td>
  <td>Andra halvan</td>
</tr>
</table>

Modernt:

<div style="width:600px;padding:0;">
  <div style="float:left;width:50%;margin:0;padding:0;">
Halva texten
  </div>
  <div style="float:left;width:50%;margin:0;padding:0;">
Andra halvan
  </div>  
</div>

Fast man brukar förståss kanske hellre använda class eller id i div:arna och se till att lägga all formatering i en separat stilmall istället för att använda just style="..." sådär, men du ser kanske principen iaf ;)

Automatik för att få texten att "flyta emellan" kolumnerna är det värre med i "ren" (X)HTML/CSS dock...

westmanMedlem sedan aug. 2004249 inlägg
#3

Ok, hmm, aa båda de där principerna känner jag ju till... :h
Tänkte om det finns någon automatisk lösning... självklart ngn standard. Iof skulle man ju kunna hämta texten ur en databas och på så sätt dela upp den...

jarvkloMedlem sedan juli 20013 378 inlägg
#4

Yep.

Eller vänta några år på att W3C bestämmer sig för hur CSS3 Columns skall se ut och därefter att alla webbläsarfabrikanterna börjar införa det...

Läs mer:
http://archivist.incutio.com/viewlist/css-discuss/41241
http://annevankesteren.nl/archives/2004/08/css3-columns
http://meyerweb.com/eric/thoughts/2004/08/18/of-site-styles-and-css-columns/

westmanMedlem sedan aug. 2004249 inlägg
#5

skall kika,
tack

FuelMedlem sedan okt. 20001 285 inlägg
#6

Det vore skoj med dessa moderniteter i CSS3, annars kan du klippa texten efter X antal ord och fortsätta i nästa div. Lite if satser och annat PHP lajbans fixar nog biffen

Edit: nu skickade jag inte senaste filen .. men .. ja, ni hajjar nog

127 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)