[CSS] Tekstomloop om element, hoe ?

Pagina: 1
Acties:

  • Danny
  • Registratie: Juni 1999
  • Niet online
Met CSS kan alles wat ook met tables kan wordt weleens geroepen, en ik ben geneigd dat te geloven. Toch lukt één ding mij niet.
Ik heb een element van 80 pixels breed. Hierin staat tekst. De bedoeling is nu dat de rest van de pagina netjes OM dat element heen wordt gepositioneerd.

Ik heb:
#BQ {
width:80px;
max-width:80px;
font-family:tahoma,arial;
font-size:16px;
text-align:justify;
}

display:inline; en display:inline-block; heb ik beiden geprobeerd maar die hebben geen effect, daarnaast werkt 'width' niet in Mozilla met inline elementen.

Hoe krijg ik nu toch voor elkaar dat dit werkt ?
Het moet er ongeveer als volgt uitzien (slechte ascii-graphics mode)

......... XXXXXXXXXXXXXXXXXXXXXXXXXX
......... XXXXXXXXXXXXXXXXXXXXXXXXXX
......... XXXXXXXXXXXXXXXXXXXXXXXXXX
......... XXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

of, uiteraard, in spiegelbeeld.
Alle hulp is welkom...

verzamelt -1's en -2's in hoog tempo


  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 25-02 11:17

Clay

cookie erbij?

daarnaast werkt 'width' niet in Mozilla met inline elementen.
width mag niet werken met inline elementen. IE doet het fout door dit wel toe te staan.

Wat je zoekt is de float. left of right. dat werkt zeg maar zoals de align van images van vroegah.

[ Voor 5% gewijzigd door Clay op 14-06-2004 15:56 ]

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

float: left | right

is je vriend

edit:
Te laat zijn is ook een kunst :(

[ Voor 40% gewijzigd door BtM909 op 14-06-2004 15:57 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Danny
  • Registratie: Juni 1999
  • Niet online
_O_
tnx :*

verzamelt -1's en -2's in hoog tempo