[html?] gifje onder de basislijn

[Hangloozz]

dit is iets waar ik nou al vaker tegenaan ben gelopen en ik kan maar geen eenvoudige oplossing bedenken:

Men neme een gifje van, in dit geval, een logo.
Men plaatse dat naast een text.
Dan komt dat gifje op de basislijn te staan.
Kan en mag, maar liever heb ik dat dat ding er iets onderdoor steekt omdat dat de layout ten goede komt, hoe fix ik dat zonder extra cellen e.d. aan te maken?

ter illustratie:

boven zoals het nu is, onder zoals ik het graag zou zien.

[André]

Je kunt een tabel met 2 cellen er omheen zetten. En dan beide cellen op valign = "middle"

[Pelle]

code:

<img align="absmiddle">

[Hangloozz]

Op maandag 10 juni 2002 12:16 schreef Yogho het volgende:
Je kunt een tabel met 2 cellen er omheen zetten. En dan beide cellen op valign = "middle"

Op maandag 10 juni 2002 12:14 schreef Hangloozz het volgende:
hoe fix ik dat zonder extra cellen e.d. aan te maken?

hier botst iets

enne Pelle, held, laat me je kussen

[André]

Op maandag 10 juni 2002 12:16 schreef Yogho het volgende:
Je kunt een tabel met 2 cellen er omheen zetten. En dan beide cellen op valign = "middle"

Op maandag 10 juni 2002 12:14 schreef Hangloozz het volgende:
hoe fix ik dat zonder extra cellen e.d. aan te maken?

Sh*t, niet goed gelezen. Sorry

[Verwijderd]

<img style="margin-top:2px">

[Hangloozz]

Op maandag 10 juni 2002 12:30 schreef Gordijnstok het volgende:
<img style="margin-top:2px">

skoeza, maar dat werkt bij mij niet.

Daarnaast moet je dan altijd zelf experimenteren hoeveel je margin moet zijn terwijl align="absmiddle" dat voor je doet

[Pelle]

Op maandag 10 juni 2002 12:21 schreef Hangloozz het volgende:
enne Pelle, held, laat me je kussen

[Bosmonster]

werkt uiteraard weer niet in netscape 4, maaruh.. who cares

[Pelle]

Op maandag 10 juni 2002 13:41 schreef Bosmonster het volgende:
werkt uiteraard weer niet in netscape 4, maaruh.. who cares

Euh



(afgezien van het feit dat ik inderdaad niet care, vond ik het toch fijn om even je ongelijk aan te tonen )

[Verwijderd]

We hebben natuurlijk ook nog position: relative; voor het fijne werk, mocht je hem liever toch net wat hoger/lager willen

[RM-rf]

enigszins gerelateerd hieraan een vraag:

ik wil een :first-line pseudoclass element alignen, dat ik met float: left; heb laten inspringen in het text-block;

met vertical-align: [baseline|75%|middle|text-top ..etc] lijkt het niet te gaan (note aan pelle, voor zover je care-t dan, absmiddle als css-propertie bestaat niet)

met top: -10px gebeurt er niks, line-height doet niks, margin en padding hebben soms wel effect maar niet het gewenste (een verticale positie aanpassing)

het lijkt me dat een :first-line pseudo-class een inline element genereerd, waarop vertical align zou moeten reageren
(op richinstyle is er ook niks over vermeld, maar gezien de discussie over inline elementen en de invloed van line-height die bij de mozilla implementatie optrad (IMG's in tabellen) lijkt dat ook nogal grijs gebied)

ben geneigd het op te geven, misschien dat iemand nog ideeën wil aandragen.

[Pelle]

Op maandag 10 juni 2002 14:42 schreef RM-rf het volgende:
note aan pelle, voor zover je care-t dan, absmiddle als css-propertie bestaat niet

Weet ik, maar wat probeer je daarmee te zeggen?
(Lees: ik care, dus ik wil graag weten waarom je dit hier aandraagt )

[Bosmonster]

hmm.. waarom werkt het bij mij dan nooit

Misschien doet NS4 het dan niet goed als je plaatjes kleiner zijn dan je tekst

Ik zit meestal te prutsen met bullets enzo.

[confirm:]
Als je plaatje kleiner wordt begint NS4 het te verneuken.

[RM-rf]

Op maandag 10 juni 2002 14:47 schreef Pelle het volgende:

Weet ik, maar wat probeer je daarmee te zeggen?

absmiddle is een toevallig door zowel msie alswel ns4 en ns6 ondersteunde proprietair attribuut.
lastig is de enorm verschillende interpretatie in verschillende browsers, net zoals bosmonster opmerkte heb ik er ook problemen mee ervaren.

hier staat een beschrijving van de verschillende browsers-interpretaties:
http://wolves.dreamhost.com/web/xhtml/images04.html#midd

verder is een poging om consequent css te gebruiken voor layout-technische oplossingen wenselijk, (en tevens een strakke scheiding tussen content-georienteerde markup en stijl-definities)

updateover mn :first-line-vraag:
richinstyle vermeld dit wel, echter meld juist een bug waar w3c in de spec definieert dat vertical-align enkel toegepast dient te worden als float: none is ...
mn verwarring stijgt

http://www.richinstyle.com/bugs/ie5.html#firstline
http://www.w3.org/TR/REC-CSS2/selector.html#first-letter

(overigens trof ik ook een notitie aan van een medewerker aan de css-2 spec, die juist een absmiddle wenselijk achtte, en verder niet aangaf waarom en of dit bewust weggelaten was)

[Pelle]

Op maandag 10 juni 2002 15:14 schreef RM-rf het volgende:
lastig is de enorm verschillende interpretatie in verschillende browsers, net zoals bosmonster opmerkte heb ik er ook problemen mee ervaren.

Dat blijkt zich dan dus voor te doen met kleinere images. Was mij nog nooit opgevallen.

verder is een poging om consequent css te gebruiken voor layout-technische oplossingen wenselijk, (en tevens een strakke scheiding tussen content-georienteerde markup en stijl-definities)

Ben ik helemaal met je eens, ik had het hier echter over dat ene specifieke geval dat Hangloozz aandroeg. Het voegt weinig toe aan het geheel, en is ook niet echt belangrijk voor de look en feel van de site. Laat staan dat het straks wenselijk is om dat logo'tje anders te gaan positioneren. Dus in dit geval zou ik het niet zo erg vinden dat het geen css-propertie is en in sommige browsers wellicht wat ruk gerenderd wordt.

[Hangloozz]

is een held
©Hangloozz

aha, dus met CSS zou dit niet na te bootsen zijn..jammer.
Nou is het idd maar voor een enkel plaatje, maar een structurele oplossing voor zoiets zou toch wel soepel zijn.
Dat je ahw vanuit de as van het font de plaats kunt bepalen van zo'n plaatje:
pseudo:

code:

valign: axis: +2

[Blaise]

What about een divje? of vind je dat te cellerig?