login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hulp nodig met div en image daarin ...

Offline momus - 07/05/2007 16:16 (laatste wijziging 07/05/2007 17:53)
Avatar van momusNieuw lid Beste webmasters,

Je kent het wel, zo'n <div>'... maar nu een probleem, ik wil een afbeelding in die div, dat is opzich nog geen probleem maar nu wil ik graag dat die afbeelding helemaal rechtsboven blijft zitten, ook als je scrollt en dat dan de text zich om deze afbeelding aanpast. De afbeelding mag dus niet meescrollen ...

zie http://www.chatly.nl/testje.html

In mijn voorbeeld gaat de tekst achter de afbeelding door en blijft de afbeelding niet helemaal rechtsboven staan, door het scrollen...

Wie kan mij hiermee helpen?

Wie me helpt krijgt een gratis link naar zijn/haar website terwaarde van 20 euro ..

Bedankt,

Jan Jacobs

12 antwoorden

Gesponsorde links
Offline Mad_Mike - 07/05/2007 16:19
Avatar van Mad_Mike PHP beginner Bedoel je niet gewoon die afbeeling als backgroundimage van die div plaatsen en dan de position meegeven zoals jij 'm wilt hebben? (right top)
Offline momus - 07/05/2007 16:20
Avatar van momus Nieuw lid nee, want dan gaat de tekst er over heen, ik wil graag dat de tekst om deafbeelding gaat ...

maar bedankt voor je reactie .. 
Offline radem205 - 07/05/2007 16:24
Avatar van radem205 Nieuw lid Dan moet je werken met een WYSIWYG editor.
Offline Mad_Mike - 07/05/2007 16:28
Avatar van Mad_Mike PHP beginner @radem205
En wat geeft dat dan voor nut?:|
Offline Stijn - 07/05/2007 16:33
Avatar van Stijn PHP expert met wysiwyg kan je de image in een soort van textarea laden. Er is een tutorial geschreven hierover. Een image visualiseren in een textarea gaat niet tenzij je dit met CSS doet.
Offline Mad_Mike - 07/05/2007 16:37
Avatar van Mad_Mike PHP beginner
Citaat:
met wysiwyg kan je de image in een soort van textarea laden. Er is een tutorial geschreven hierover.
Klopt... maar volgens mij is dat niet de oplossing voor zijn vraag.
Offline Grayen - 07/05/2007 16:53
Avatar van Grayen PHP ver gevorderde Wat jij nodig hebt is position fixed. Helaas wordt dit niet ondersteund door internet explorer, maar er zijn door sommige mensen hiervoor oplossingen gevonden. Misschien heb je hier wat aan: http://www.cssplay.co.uk/layouts/fixed.html
Offline Mad_Mike - 07/05/2007 16:58
Avatar van Mad_Mike PHP beginner Aan zo'n oplossing zat ik ook te denken. En er is zelfs wel een work-around voor IE meen ik me te herinneren. Maar ook dit is volgens mij niet de oplossing die hij zoekt.

De tekst moet namelijk OM de afbeelding heen verplaatsen bij het scrollen. En dus niet achterlangs ofzo... Ben bang dat dat niet mogelijk is.
Offline momus - 07/05/2007 17:34 (laatste wijziging 08/05/2007 19:18)
Avatar van momus Nieuw lid Bedankt voor de reacties:) maar nog niet opgelost ...

Ken je de site meebo.com? als je daar inlogt kan je praten met mensen enzo.. als je z'n venstertje opent om met iemand te praten, krijg je ook zijn avatar te zien, daar gaat de tekst netjes omheen, en de afbeelding blijft vast in de div staan... zo zou ik dat ook graag hebben ... 

Jan

Wie kan me helpen ... ?
Offline gothmog - 08/05/2007 20:28
Avatar van gothmog Lid Dat kan zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div width="200" height="200" style="border: 1px solid #000000;">
  2. <p align="right" style="padding: 0px; margin: 5px; padding-right: 5px; position: relative; float: right;"><img src="http://www.attrack.nl/img/voorbeeld.gif" /></p>
  3. Alle tekst die je zo graag kwijt wilt!
  4. </div>

Werkt in dreamweaver voorbeeld:p
Padding en margin kun je aanpassen...
Offline momus - 09/05/2007 18:39
Avatar van momus Nieuw lid @ gothmog,

voorbeeldje is hier online te zien: http://www.chatly.nl/test.html

1 probleem, de image blijft niet op z'n plek staan als k scroll ...


de tekst zit er wel al omheen ... 1 stap dichterbij ...:D
Offline gothmog - 09/05/2007 18:51 (laatste wijziging 09/05/2007 18:53)
Avatar van gothmog Lid Edit, nee sorry absolute helpt niet echt...
De tekst gaat er dan weer onderdoor, ik zou niet weten hoe het moet...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s