Als je tekst schrijft en wilt bijvoorbeeld een kleine blok tekst weergeven in je tekst, aan de linker of rechter kant om extra aandacht te trekken. Of als toelichting op je tekst een afbeelding plaatsen zonder je tekst te moeten stop zetten voor de afbeelding.

Dit is ideaal voor headers, kopregels en titels enzo. Wat we eigenlijk gaan doen is 2 regels tekst met CSS zo positioneren dat ze elkaar overlappen, uiteindelijk zal het eruit zien als een afbeelding (want zeg nu eerlijk, wist je dat dit kon?).

De bedoeling

Een tekst te vervangen door een afbeeding door gebruik te maken van enkel CSS (en je afbeelding natuurlijk). Waar we mee gaan werken is een eenvoudige <h2> tag en een extra <span> tag (die enkel noodzakelijk is voor FIR).

We bespreken hier voorlopig 3 mogelijkheden

Het verschijnen en verdwijnen van inhoud die eventjes geen stijl heeft.

Met dank aan een bezoeker van Gigadesign, ben ik erop gewezen dat mijn website juist dat fenomeen heeft bij het gebruik van Internet Explorer (6).

Hoe zie ik een FOUC

Dit is het effect van eerst de niet gestylde inhoud te zien (voor een fractie van een halve seconde), waarna de inhoud wel beinvloed wordt door de CSS. Dus eerst zie je eventjes de gewone tekst, zonder alle mogelijk opmaak en afbeeldingen, en dan wordt alles aangepast en op zijn plaats gezet door de Css.

Hoe komt dat

Dat komt door de combinatie Internet Explorer (vanaf versie 5), en de veilige methode om oude browser (Netscape Navigator 4.x) te beletten om je website met fouten weer te geven, de CSS 2 import rule : @import “mystyle.css”;

Voor degene zonder fantasie, zonder een beeldbewerkingsprogramma, zonder grafische kennis, of voor diegene te gewoon te lui zijn, zijn er nu logo templates.
Je kunt een voorbeeld zien, heb je interesse, download het bijhorende psd bestand en aan de slag.
Aanpassen naar je wensen, uploaden, op je website plaatsen en trots zijn dat je een logo hebt zonder al te veel moeite.
Wablief ?? Ah danku, ja das niks, graag gedaan.

Als je een website maakt/ontwerpt begin je van bij het begin, en dat is de bovenkant. En daar sta je al, wat gaat het worden, moet ik urenlang met Photoshop gaan rommelen (of een ander beeldbewerkings programma) of maak ik een tekst header, wat ook zijn charmes heeft.
We gaan eens een afbeeldingloze header maken.

Wat is nu juist het verschil tussen Xhtml en Html of is het juist maar die X.
Hoe ver is Xhtml verschillend van zijn voorganger, wat mag en wat mag nu niet meer.
Wat is nu beter, hoe moet ik dat doen. Op al deze vragen vind je een antwoord.

Een puur javascript spelletje, eens gewoon tussendoor.

Bedoeling is dus het rode vierkantje in het midden aan te klikken en te slepen naar waar je maar wil, zonder de blauwe bewegende blokken of de zwarte randen te raken.