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!
5 svar · 363 visningar · startad av westman
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!
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...
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...
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/
skall kika,
tack
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