Toon posts:

[html/css] <div> zonder newline

Pagina: 1
Acties:
  • 35 views sinds 30-01-2008

Verwijderd

Topicstarter
Als je een zin wil plaatsen in html waarvan het eerste deel rood is en het tweede deel groen dan krijg je zoiets:
code:
1
<font color="red">Eerste deel</font> <font color="green">Twee deel</font>

Maar als je dit met stylesheets wil doen is het lastiger:
code:
1
<div style="red">Eerste deel</div> <div style="green">Twee deel</div>

Door de div-tag word er automatisch een linebreak gegenereerd, waardoor deel twee onder deel één komt te staan.

Is er een tag die niets doet (zoals div) alleen de style veranderd en GEEN linebreak invoegd.

  • Tim Schuhmacher
  • Registratie: Januari 2000
  • Laatst online: 05-09 13:52

Tim Schuhmacher

abasios


  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
:) idd

net synoniemen :)

<div> zonder newline = <span> :P

Verwijderd

Op maandag 17 juni 2002 22:44 schreef r0bert het volgende:
:) idd

net synoniemen :)

<div> zonder newline = <span> :P
<div style="display: inline;"> = <span>
en
<span style="display: block;"> = <div>
ongeveer dan.

Beide elementen doen op zich niet zo gek veel, voor block-level gerommel gebruik je normaal gesproken div, en inline veranderingen van styles doe je met span.

En dit heb ik tot nu toe in zo'n beetje iedere CSS tutorial wel gelezen denk ik, dus even opzoeken had geen kwaad gekund.

Dit topic is gesloten.