[html/css] auto linebreak uitschakelen bij blokelementen

[Verwijderd]

Ik wil blokelementen op dezelfde regel grafisch laten weergeven door de browser.
Ik weet zeker dat ik geen inline-elementen moet gebruiken.
Kan iemand mij vertellen of bovengevraagde mogelijk is?

+---------------+   +---------------+
|               |   |               |
| blkelem. 1    |   | blkelem. 2    |
|               |   |               |
+---------------+   +---------------+

[Gonadan]

Heb je wat aan de CSS display propery?
En waarom mogen ze niet inline?

Je kan ze trouwens prima als blok naast elkaar zetten.
Met float: left; bijvoorbeeld.
Alleen zal IE dan je marge verdubbelen, dus daar moet je even naar kijken.

[ Voor 40% gewijzigd door Gonadan op 11-05-2006 10:43 ]

[JHS]

Beide blockelementen float: left; meegeven . Zie deze (oude) testcase. Anders zou je ook nog kunnen kijken naar display: inline-block;.

[Verwijderd]

Als je ze gewoon een positie mee geeft, staan ze ook daar waar jij wil(of waar jij ze gespecificeert hebt).

float left is over het algemeen een makkelijkere oplossing.

[Verwijderd]

Gonadan schreef op donderdag 11 mei 2006 @ 10:41:
Heb je wat aan de CSS display propery?
En waarom mogen ze niet inline?

Je kan ze trouwens prima als blok naast elkaar zetten.
Met float: left; bijvoorbeeld.
Alleen zal IE dan je marge verdubbelen, dus daar moet je even naar kijken.

In de betreffende kontext zijn het geen inline-elementen. En ik moet de betreffende elementen binnen de float houden i.v.m. de grafische opmaak van de rest van de site.

[Erkens]

Verwijderd schreef op donderdag 11 mei 2006 @ 10:47:
In de betreffende kontext zijn het geen inline-elementen. En ik moet de betreffende elementen binnen de float houden i.v.m. de grafische opmaak van de rest van de site.

maar daarom kan je ze wel inline stylen

[BtM909]

Dit is toch wel heel basic CSS

Maar ipv op slot, ben ik toch even nieuwsgierig waarom het perse block-elementen moeten zijn en waarom een float:left niet zou helpen

[Gonadan]

BtM909 schreef op donderdag 11 mei 2006 @ 10:53:
Dit is toch wel heel basic CSS

Maar ipv op slot, ben ik toch even nieuwsgierig waarom het perse block-elementen moeten zijn en waarom een float:left niet zou helpen

Eensch.
Het boeit geen kont of het "in de betreffende context" block elementen zijn (wat je er ook me bedoelt).
Als je het als inline goed kan krijgen moet je dat doen.

[Verwijderd]

De betreffende elementen moeten echt als 'blok' weergegeven worden inklusief vaste lengte, breedte en achtergrond.
Display: inline-block wordt niet ondersteund door ie 6 zie ik.

Edit: Ik dacht dat ik geen floats kon gebruiken omdat ik dacht dat de elementen dan over de tekst (die er boven staat) heen zouden schuiven. Maarr dat is dus niet zo. Nouja excusez moi en hartelijk bedankt voor de moeite so far!

[ Voor 41% gewijzigd door Verwijderd op 11-05-2006 11:12 ]

[JHS]

En waarom kan je dan geen float: left; gebruiken ?

[Gonadan]

Verwijderd schreef op donderdag 11 mei 2006 @ 11:02:
De betreffende elementen moeten echt als 'blok' weergegeven worden inklusief vaste lengte, breedte en achtergrond.
Display: inline-block wordt niet ondersteund door ie 6 zie ik.

Je hebt m'n link niet gelezen denk ik.
een inline element kan je ook gewoon vaste lengte, breedte en achtergrond geven hoor

[Verwijderd]

tuurlijk moet je wel gewoon float gebruiken.
met inline kan je in IE wel een width en een height meegeven, maar dat klopt niet.

Die 3 pixels die IE weer gratis erbij geeft kan je weer oplossen door te zoeken op 3 pixel jog.

[BtM909]

Verwijderd schreef op donderdag 11 mei 2006 @ 11:02:
De betreffende elementen moeten echt als 'blok' weergegeven worden inklusief vaste lengte, breedte en achtergrond.
Display: inline-block wordt niet ondersteund door ie 6 zie ik.

Dat is dan duidelijk En waarom zou je niet gewoon float:left willen gebruiken en die extra pixels weer weg bonjouren met de conditional workarounds die er bestaan?

[Verwijderd]

Gonadan schreef op donderdag 11 mei 2006 @ 11:05:
[...]

Je hebt m'n link niet gelezen denk ik.
een inline element kan je ook gewoon vaste lengte, breedte en achtergrond geven hoor

Dat kan wel, maar dan moet je gelijk absoluut positioneren?

[Verwijderd]

BtM909 schreef op donderdag 11 mei 2006 @ 11:12:
[...]

Dat is dan duidelijk En waarom zou je niet gewoon float:left willen gebruiken en die extra pixels weer weg bonjouren met de conditional workarounds die er bestaan?

Dat is inderdaad de oplossing. Gewoon even te snel geroepen voordat ik een en ander getest had.

[Gonadan]

Verwijderd schreef op donderdag 11 mei 2006 @ 11:14:
[...]


Dat kan wel, maar dan moet je gelijk absoluut positioneren?

Nee hoor, zolang je die drie pixels maar niet erg vindt

[BtM909]

Gonadan schreef op donderdag 11 mei 2006 @ 11:19:
[...]

Nee hoor, zolang je die drie pixels maar niet erg vindt

Even lezen, volgens mij had TS het over het inline gebeuren

---

deprogrammeur, zou je voortaan ook niet twee keer direct achter elkaar replyen, dat wordt opgevat als een kick binnen 24 uur en is niet wenselijk. Je kan meerdere mensen in 1 post quoten

[ Voor 31% gewijzigd door BtM909 op 11-05-2006 11:23 ]

[Gonadan]

Gonadan schreef op donderdag 11 mei 2006 @ 11:19:
[...]

Nee hoor, zolang je die drie pixels maar niet erg vindt

Dat kan gewoon.

Stukje uit m'n eigen stylesheet:

Cascading Stylesheet:

.thumbnail {
  display: inline;
  text-align: center;
  width: 80px;
  height: 80px;
  float: left;
  position: relative;
  margin-left: 27px;
  margin-top: 25px;
  margin-right: 0px;
  margin-bottom: 0px;
}

[ Voor 41% gewijzigd door Gonadan op 11-05-2006 11:25 ]

[Verwijderd]

Gonadan schreef op donderdag 11 mei 2006 @ 11:24:
[...]

Dat kan gewoon.

Stukje uit m'n eigen stylesheet:

Cascading Stylesheet:

.thumbnail {
  display: inline;
  text-align: center;
  width: 80px;
  height: 80px;
  float: left;
  position: relative;
  margin-left: 27px;
  margin-top: 25px;
  margin-right: 0px;
  margin-bottom: 0px;
}

Okee ik zie het inderdaad. Door die float pakt wel de hoogte en breedte mee.

[Verwijderd]

Verwijderd schreef op donderdag 11 mei 2006 @ 11:02:
Display: inline-block wordt niet ondersteund door ie 6 zie ik.

display:inline-block; wordt wel ondersteund in IE5+, maar alleen voor elementen die default inline zijn (zoals span).

[Erkens]

Verwijderd schreef op donderdag 11 mei 2006 @ 11:44:
Okee ik zie het inderdaad. Door die float pakt wel de hoogte en breedte mee.

dankzij de float wordt display automatisch op block gezet (tenzij display=none)
dus het zetten van die display:inline is nutteloos

[Gonadan]

Erkens schreef op donderdag 11 mei 2006 @ 11:50:
[...]

dankzij de float wordt display automatisch op block gezet (tenzij display=none)
dus het zetten van die display:inline is nutteloos

Dat is absoluut niet waar.
Door die display: inline; verdwijnt de dubbele marge in IE.

[JHS]

Gonadan: Dat is zeker waar, maar daarmee is het nog steeds niet een inline (gedisplayed) element . Wat je eerder volgens mij wel beweerde.

[Gonadan]

JHS schreef op donderdag 11 mei 2006 @ 12:01:
Gonadan: Dat is zeker waar, maar daarmee is het nog steeds niet een inline (gedisplayed) element . Wat je eerder volgens mij wel beweerde.

Ah, 'dans cette bicyclette'.

Ja ik weet niet altijd precies wat er achter de schermen gebeurd.
Ik weet alleen wat het resultaat is en wat wel en niet kan

_{Dokter is boos}