Vroeger verpakte je alles in
-tag vóór de ![]()
img src -tag zelf.
Bij verticale uitlijning werd het rommelig. Je had drie keuzes voor hoe de tekst ten opzichte van de afbeelding stond.
Opties voor verticale uitlijning
Het standaardgedrag? Afbeelding aan de linkerkant. Tekst aan de rechterkant. Als je dat omgedraaid wilde hebben, moest je de
-truc opnieuw gebruiken. Maar voor de tekst-naar-afbeelding-relatie zelf heb je een van deze drie waarden gekozen:
- align=”bottom” : tekst wordt uitgelijnd met de onderrand van de afbeelding.
- align=”top” : tekst wordt uitgelijnd met de bovenrand.
- align=”middle” : tekst bevindt zich naast het verticale midden van de afbeelding.
Elk voorbeeld zag er als volgt uit:
Het was een lelijke code. Maar het werkte.
Geanimeerde GIF’s maken
Statische beelden zijn saai. Je wilde beweging. Flash. Leven.
Het hulpmiddel voor die tijd was De GIF-constructieset. Je hebt geen animatie gecodeerd. Jij hebt het gebouwd. Je hebt individuele frames gemaakt. Heb ze op volgorde gezet. Vervolgens werden ze samengevoegd tot één enkel .gif -bestand.
Eén afbeelding. Veel kaders. Geen videospeler vereist.
Dat was de truc. Je zou een ronddraaiend logo of een stuiterende kop kunnen maken zonder een browserplug-in. Slechts één afbeeldingsbestand dat door de browser als beweging werd geïnterpreteerd.
Het was niet elegant. De bestanden waren enorm. De kleuren waren beperkt tot 256. Maar het werkte.
Wij doen dit niet meer. CSS-animaties hebben dit vervangen. JavaScript nam het zware werk over. Maar als u verouderde code uit de late jaren 90 onderhoudt, moet u nog steeds weten hoe align="middle" de regelhoogte daadwerkelijk beïnvloedt. En waarom het drie seconden duurt voordat uw geanimeerde GIF is geladen op 3G.
De oude labels zijn verdwenen. De logica blijft.
