login  Naam:   Wachtwoord: 
Registreer je!
 Forum

achtergrond op tekstarea

Offline webmaker - 28/09/2008 17:23
Avatar van webmakerPHP interesse Weet iemand hoe je op een tekstarea een achtergrond afbeelding kunt zetten, en het liefst als je een schuifbalk hebt dat de achtergrond niet meescrolt.

8 antwoorden

Gesponsorde links
Offline thyssimonis - 28/09/2008 17:36
Avatar van thyssimonis PHP interesse Met CSS

Voorbeeld:
  1. <textarea style="background-image: url(image.gif);"></textarea>
Offline zointer - 28/09/2008 17:38
Avatar van zointer HTML gevorderde http://www.tizag.com/cssT/background.php
Offline webmaker - 28/09/2008 17:58
Avatar van webmaker PHP interesse Het probleem blijft zich nog voordoen, al ik scroll met de schuifbalk van mijn pagina dan zal de achtergrond in mijn tekstveld meescrollen.
Offline thyssimonis - 28/09/2008 18:01
Avatar van thyssimonis PHP interesse Moet je ook effe op de site van zointer kijken dat had je het probleem niet!

Css code
  1. textarea.noScroll {
  2. background-image: url(smallPic.jpg);
  3. background-attachment: fixed;
  4. }
  5. textarea {
  6. background-image: url(smallPic.jpg);
  7. background-attachment: scroll;}
Offline webmaker - 28/09/2008 18:10
Avatar van webmaker PHP interesse als ik zeg dat het probleem zich nog steeds voordoet, kopier eens die css code op een lege pagina en link er eens een tekstveld aan, zorg ervoor dat je een schuifbalk in je browser hebt. En scroll daar maar eens aan, die achtergrond scolt mee.
Offline zointer - 28/09/2008 18:33
Avatar van zointer HTML gevorderde het werkt wel heb het zelf getest, post jouw code dan kunnen we verder helpen.

Citaat:
You may choose to have your background scroll naturally, or to have it in a fixed position. Note: This feature does not work properly in most browsers when placed within a textarea, except Internet Explorer 6.0, which displays it correctly.

ie v7.0.6 werkt ook
Offline webmaker - 28/09/2008 18:46
Avatar van webmaker PHP interesse Ok, dit is mij css code:
  1. .textarea {
  2. background-image: url(achtergrond.jpg);
  3. background-attachment: fixed;
  4. }

En dit is mijn html code van mijn tekstarea:
  1. <textarea class="textarea" name="message" style="width: 253px; height: 103px"></textarea>
Offline zointer - 28/09/2008 18:59 (laatste wijziging 28/09/2008 19:06)
Avatar van zointer HTML gevorderde zo op een bepaalde textarea
  1. textarea.noscroll{
  2. background-image: url(achtergrond.jpg);
  3. background-attachment: fixed;
  4. }

  1. <textarea class="noscroll" name="message" ></textarea>

zo pas je op alle textarea toe
  1. textarea { /*let op er staat geen interpunctie voor*/
  2. background-image: url(achtergrond.jpg);
  3. background-attachment: scroll;}

  1. <textarea name="message" ></textarea>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s