[html ?] Tekst in kolommen

Pagina: 1
Acties:
  • 457 views sinds 30-01-2008
  • Reageer

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Heb al eventjes in de search zitten neusen, leek me dat het daar wel in te vinden zou zijn, maar niet dus.

Ik wil graag de tekst op mijn pagina verdelen over 2 kolommen, niet met tables, maar volgens mij heb ik ooit, ik denk op MSDN, gezien dat je dat gewoon met html of iets kon doen. Maar ik kan het echt nergens meer terugvinden. Misschien dat iemand hier het weet ?

vb:
code:
1
2
3
4
5
tekst tekst meer tekst    hier weer tekst in de
nog wat tekst 't gaat      tweede kolom, maar dan
maar door. blaterdeblaat    liever niet met behulp
om eventjes wat op te      van tables, want dat had
vullen. lekker nederlands     ik zelf ook al bedacht

  • Tim Schuhmacher
  • Registratie: Januari 2000
  • Laatst online: 17:11

Tim Schuhmacher

abasios

tables horen ook gewoon bij html en waarom wil je die niet gebruiken?

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

tables horen ook gewoon bij html en waarom wil je die niet gebruiken?
Omdat je dan zelf de content moet verdelen over de kolommen waarschijnlijk.. Niet echt flexibel bij dynamische content..

Maaruhh.. geen idee.. :P

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Omdat de tekst over de twee kolommen verdeeld moet worden als het ware..

Als de tekst aan de linkerkant een regeltje langer wordt, moet de laatste regel bijvoorbeeld doorschuiven naar het begin van kolom 2

Ik denk trouwens dat het met behulp van CSS zal moeten, weet alleen niet hoe..

edit:
wat bosmonster dus ook zegt

  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

oh, je wilt het niet met tables, maar met HTML?!!

Als ik zou moeten kiezen tussen HTML en tables zou ik ook voor html gaan :z ;)

niks op tables tegen, hoor:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table style="border:0px none; border-collapse:collapse; padding:0; margin:0; width:200px">
   <tr>
     <td style="text-align:justify; width:90px; vertical-align:top">
tekst tekst meer tekst hier weer tekst in de nog wat 
tekst 't gaat tweede kolom, maar dan
     </td>
     <td style="width:20px;">&nbsp;</td>
     <td style="text-align:justify; width:90px; vertical-align:top">
maar door. blaterdeblaat liever niet met behulp
om eventjes wat op te van tables, want dat had
vullen. lekker nederlands ik zelf ook al bedacht
     </td>
   </tr>
</table>

niks mis mee toch :?

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


Verwijderd

In CSS zit er ook niet zoiets voor zover ik weet.

Het lijkt me dat je het in het gevan van dynamische content zelf moet verdelen. Of server-side, of client-side. Ik geloof niet dat ik ook iets van CSS of HTML hiervoor heb gezien.

Het lijkt me het best dat je het aantal karakters van de string telt, die string doormidden hakken op de eerste spatie na het misselste teken, en in theorie zit je dan ongeveer goed :)

  • Noork
  • Registratie: Juni 2001
  • Niet online
volgens mij haal je frames en tables door elkaar. Tables zijn best makkelijk hoor.

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Waarom doet iedereen alsof ik niet snap hoe tables werken ?! :P

  • Willem
  • Registratie: Februari 2001
  • Laatst online: 11-09 08:20
Hoe ik het bijvoorbeeld graag zou zien, is, je geeft bij wijze van spreken een "text-kader" hoogte op (hoogte van de kolommen), het aantal kolommen en de kolom breedte. Dat als je er tekst in plaatst, er dus een automatische doorloop plaatvindt.

Hier is volgens mij geen bestaande oplossing voor, maar 't lijkt me een über-juuste oplossing voor grote content sites. Misschien met een hoop JavaScript, eventueel op de manier van Cheatah hoop ik dat het nog wel eens kan...

/edit
Volgens mij bedoelt r0bert hetzelfde:

code:
1
2
3
4
hier begint dus de tekst in    de tekst hier automatisch
het tekstkader te lopen  en    door. Wie heeft hier  een 
als  de  tekst  langer word    mooie oplossing voor ver-
dan deze kolom,dan loopt de    zonnen? Lijkt me leuk...

Motor (of auto) onderhoud bijhouden


  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

* drm denkt dat dat in een paar tellen gepiept is in PHP
mental note: iets voor XTP

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Heb iets gevonden over <multicol>..

//edit:
Meerdere kolommen <MULTICOL COLS=?></MULTICOL>
Kolomafstand <MULTICOL GUTTER=?></MULTICOL>
Kolombreedte <MULTICOL WIDTH=?></MULTICOL>

zal eventjes mee gaan kloojen...

Hier staat het Check onderaan, 'w3c html 4.0' :? :)

  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

heb het duisterflauwe vermoeden dat dat weer zo'n "MS-laten we een nieuwe tag bedenken"-tag is

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

Lijkt me dan weer een heel goed Microsoft-idee. :)

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
"Het MULTICOL element maakt geen deel uit van HTML 4.0 en wordt niet meer ondersteund door Netscape Navigator 6."

src: http://www.dto.tudelft.nl/mirhtml/element/multicol.htm
:?

  • cutter
  • Registratie: November 2000
  • Laatst online: 28-09-2025

cutter

Wannabe i7 fanboy

css3: http://www.w3.org/TR/css3-multicol/
of oldskool
netscape http://www.blooberry.com/indexdot/html/tagpages/m/multicol.htm

werkt bij mij geen van beide (niet vreemd natuurlijk)

  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

zoals ik al dacht :z

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


Verwijderd

Je mag op dit moment al blij zijn als er iets uit CSS2 fatsoenlijk werkt. Alleen Mozilla is wat dat betreft zijn tijd ver vooruit (lees: bij de tijd).

  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

So very true...

Nog niks gevonden in de CSS2 specificatie wat niet werkt in Mozilla :)

* drm vindt dat Mozilla sowieso roelt.

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Geen echt makkelijke oplossing dus ..

1.) Tekst in cellen plaatsen en met behulp van javascript beetje gaan slepen (met overflow enzo)

Zijn er nog andere manieren ?

Verwijderd

Op woensdag 06 maart 2002 17:56 schreef drm het volgende:
So very true...

Nog niks gevonden in de CSS2 specificatie wat niet werkt in Mozilla :)

* drm vindt dat Mozilla sowieso roelt.
Stok vind Mozilla zowiezo mega-traag met layers ;) :P

Bovendien mist Stok <fieldset> en System Defined Colors in Mozilla ;(

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Ik kwam op 24fun.com (geen spam) een javascript speed test tegen. Als je die test doet zul je zien, bij mij in ieder geval wel, dat Mozilla/nescape behoorlijk veel problemen met de eerste test heeft, terwijl IE dér zo doorheen sprint.

  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

hehehe :) Ok, laat ik het anders zeggen

* drm vindt dat Mozilla wat betreft CSS sowieso roelt

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
Aangezien er geen andere oplossingen boven water komen, ben ik maar op zoek gegaan naar een leuk javascriptje.

Ik vond er één op 13thparallel (gevonden via Clays site, sectie links). Zij hadden daar een een scriptje voor gemaakt, zag er wel goed uit. Dus voor de liefhebbers of mensen die zo snugger waren de search te gebruiken voor hetzelfde probleem:
http://www.13thparallel.net//js/lib_columns.js

/edit: hmm .. nooit geweten dat je 'voorr' met 1 'r' schreef, maar toch maar even veranderd

Verwijderd

http://www.iht.com/ doet het heel lekker met 3 dynamische kolommen...maar ik ben er nog niet achter hoe :o

  • BikkelZ
  • Registratie: Januari 2000
  • Laatst online: 28-03 23:19

BikkelZ

CMD+Z

Netscape 4.x kon het gewoon. Echt vreemd dat zoiets voor de hand liggends (DTP pakketten kunnen dit al jaaaaaaaren zelfs Word doet het) nog steeds niet geimplementeerd was.

iOS developer

Pagina: 1