Toon posts:

[html][css]Een div op dezelfde regel houden

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

Verwijderd

Topicstarter
Ik wil dus dat een plaatje in het midden van de tekst komt aan de rechterkant. Zoals ik het nu heb komt het plaatje pas op de volgende regel na het eerste deel van de tekst. Dus na "tekst begint" is witruimte. Ik wil dat het plaatje daar komt ipv die witruimte.

Mijn code:

code:
1
2
3
4
5
6
7
8
9
10
11
12
<p align="left">

Tekst begint

<div style="font-size: 7pt; float: right;">
[img]"../plaatje.gif"><br>
Caption
</div[/img]

tekst gaat verder

</p>

  • André
  • Registratie: Maart 2002
  • Laatst online: 12-12 12:54

André

Analytics dude

Span gebruiken ipv div, span is een inline element.

Verwijderd

Topicstarter
Laat maar 8)7

Maar bedankt

[ Voor 124% gewijzigd door Verwijderd op 09-06-2004 16:01 ]


  • Ibex
  • Registratie: November 2002
  • Nu online

Ibex

^^ met stom.

Is misschien "display: inline;" een oplossing? (css-eigenschap van de div).

Archlinux - Rode gronddingetjes zijn lekker - Komt uit .be


Verwijderd

Topicstarter
Misschien maar span werkt en dat is wat netter

  • creative8500
  • Registratie: September 2001
  • Laatst online: 29-10 07:57

creative8500

freedom.

  1. In-line-stylesheets zijn evil.
  2. De eenheid pt is niet voor beeldschermen bedoeld, gebruik liever px om een absolute grootte in te stellen.

  • GX
  • Registratie: Augustus 2000
  • Laatst online: 14-05 09:40

GX

Nee.

code:
1
<span></span>

of
code:
1
<div style="display: inline;"></div>


Beide heeft hetzelfde resultaat en is het beter om voor dit soort acties <span> te gebruiken.

Verwijderd

Topicstarter
Ik zit weer met een probleem. Ik wil onder 2 plaatjes een ondertiteling hebben:
code:
1
2
3
4
5
6
7
8
*********  *********
*       *  *       *     tekst blablabla
*       *  *       *     tekst blablabla
*       *  *       *     tekst blablabla
*       *  *       *     tekst blablabla
*       *  *       *     tekst blablabla
*********  *********
caption 1   caption 2


Maar bij mij springt het tweede plaatje met de tweede caption onder het eerste plaatje en caption 1. Hoe krijg ik het goed? Dit is mijn code:

code:
1
2
3
4
5
6
7
8
9
<p align="left">
<div style="float: left; clear:right;">
[img]"../plaatje[/img]
<div STYLE="font-size: 9px; padding-left: 5px;">Caption 1</div>
[img]"../plaatje[/img]
<div STYLE="font-size: 9px; padding-left: 5px;">Caption 2</div>
</div>
tekst blablabla
</p>

[ Voor 14% gewijzigd door Verwijderd op 11-06-2004 18:02 ]


Verwijderd

Bedenkt even goed wat 'clear:right' doet. ;) en hoe 'float' nou precies werkt.

Verwijderd

Topicstarter
Ik vraag om hulp. Niet om vage aanwijzingen. Op die manier ben ik zelf al lang aan het klooien.

  • djluc
  • Registratie: Oktober 2002
  • Laatst online: 07-12 12:51
Verwijderd schreef op 11 juni 2004 @ 18:14:
Ik vraag om hulp. Niet om vage aanwijzingen. Op die manier ben ik zelf al lang aan het klooien.
Doe ff aardig!
Gewoon je tekst ook in een divje met float left zetten trouwens.
Pagina: 1