webForumDet fria alternativet

Text i kolumner

HTML & CSS

5 svar · 365 visningar · startad av westman

Medlem sedan aug. 2004249 inlägg
Frågan#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!

Medlem 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...

Medlem 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...

Medlem 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/

Medlem sedan aug. 2004249 inlägg
#5

skall kika,
tack

Medlem 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

269 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
132 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
132 ms — ändringar (db)