Heyhey, ik ben geen css crack en zoek hoe je afbeeldingen moet positioneren met css. Het is voor de website (nu in testversie) op http://www.konijnmetpluimen.be/kristofdevos

Nu  zie je dat alle afbeeldingen van de telefoondraad en de vogels die erop zitten in tabellen zitten, maar die wil ik weg.

Maar hoe moet mijn css file en mijn html er dan uitzien als ik bvb beeld_01.jpg op 100px van boven en 100 px van links wil plaatsen?

Positioneren op de pixel precies kun je doen met margins:
#divnaampje {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin: 2px 4px 6px 7px;
  background: #e2e2e2 url(/link/naar/plaatje/.jpg) left top no-repeat;
}
De 1-a-laatste regel werkt als volgt: 2px van boven, 4px van rechts,
6px van onder en 7px van links. Je gaat als het ware met de klok mee dus

De laatste regel is waar je je plaatje inzet. #e2e2e2 is een kleurnummer voor
het geval het plaatje niet geladen wordt/kan worden. Na de link naar het plaatje
zie je "left top" wat betekent (hoe kan het ook anders) dat het plaatje linksboven
in de div staat. No-repeat spreekt voor zich; het plaatje herhaalt zichzelf niet.

Succes!

Mvg,
Joram

Merci joram! Ik denk dat ik ongeveer kan volgen.
Dit moet dus in de css-file.

Wat typ ik dan in de html om hiernaar te verwijzen? (Wss een domme vraag, maar ben er niet echt in thuis …)

<div id="divnaampje"></div>
Eventueel met een tekst in tussen die 2 tags

Maar als je er zo weinig vanaf weet is het echt handig om je er
een beetje in te verdiepen. De 2 dingen die ik nu opschreef zijn
heel basic, maar wel echt heel makkelijk te leren. Ik denk dat
als je er even een uurtje voor uit trekt om dit soort dingen door
te nemen, dat je al een heel eind kan komen

- www.alistapart.com (wat meer geavanceerd)
- http://www.htmldog.com/ (beginners materiaal)

Succes

(Bewerkt door joram om 8:55, 11-10-2007)

Merci Joram, je bent m'n nieuwe persoonlijke god  

Ware het niet dat het nogal overbodig is eerst alle margins op 10px te zetten, en vervolgens (regel 5) aan alle margins stiekum toch een andere waarde toe te kennen. Overigens kom je zo -denk ik- ook aardig in de knoop met het positioneren van de andere vogels.

Wat je kunt doen is ze absoluut positioneren. Zoek op position:absolute;

Willem, het was een voorbeeld van de soorten margins die je hebt,
niet een specifieke waarde van wat hij moet gebruiken

p.s.: Goh, nu al een god? Eerst werd ik ereburger... en nu al God? Gossie, hahaha

(Bewerkt door joram om 10:39, 11-10-2007)

This should do the trick:

http://www.konijnmetpluimen.be/kristofdevos

Bedankt voor de hulp!

… En nog een vraagje dat aansluit bij het eerste …

Ik zou zo linksboven een afbeelding willen plaatsen die duidelijk maakt dat je op de vogeltjes moet klikken. Die afbeelding moet zo'n 3 seconden blijven staan en dan naar wit (witte afbeelding?) faden en ook wit blijven.

Kan dat ook met CSS?

Nee

Wat jij wilt is een soortevan effect/film, en daar heb je of Flash voor
nodig, of JavaScript (of AJAX, een XML/JavaScript combo).

Het is wat hogere wiskunde als je niet te bekend bent met die dingen,
maar je zou via Google eens moeten zoeken naar jQuery of Moo.fx
Dit zijn code-bibliotheken die je relatief makkelijk kan gebruiken.
Ook zijn er bakken met tutorials en voorbeelden te vinden die gebruik
maken van deze 2 bibliotheken.

- http://markc.renta.net/jquery/ bijvoorbeeld

thank you god

Je kan ook een animated gifje maken dat eerst jouw boodschap weergeeft en daarna wit wordt.

(Bewerkt door Steve07 om 19:30, 12-10-2007)

Steve07, zo simpel dat ik er niet aan had gedacht!