login  Naam:   Wachtwoord: 
Registreer je!
 Forum

input field image

Offline tbk - 14/12/2006 20:38
Avatar van tbkPHP beginner ik ben nu al heel de avond aan het prutsen en op het internet vind ik het ook niet dus dacht ik, laat ik eens op sima proberen;)

ik wil dus een <input type="text" > creeeren maar die zo moeten een afbeelding zijn...
zoals hier:
http://tbkindustries.be/search.jpg

heb al zitten prutsen met css maar het lukt me niet...
  1. .input123 {
  2. border-left: url("images/search2_05.gif");
  3. border-right: url("images/search2_07.gif");
  4. border-top: url("images/search2_03.gif");
  5. border-bottom: url("images/search2_08.gif");
  6. background-color: #2E2E29;
  7. }

waarschijnlijk volledig fout bezig;D

2 antwoorden

Gesponsorde links
Offline lemoinet - 14/12/2006 20:41
Avatar van lemoinet PHP gevorderde mss kan dit je helpen

http://www.picment.com/articles/css/funwithforms/
Offline tbk - 14/12/2006 20:42 (laatste wijziging 14/12/2006 22:27)
Avatar van tbk PHP beginner aha, daar vind jij alvast de tut die ik zocht;)

http://tbkindustries.be/pagina.htm

heb het nu gemaakt maar hij weigert nog dienst in FF, enkel in IE werkt hij...
(is een test, sta niet te neuten over de gebrekkige structuur, moet nog ingewerkt worden)

  1. .input123{
  2. font-family: Verdana, Arial, Helvetica, sans-serif;
  3. font-size:10px;
  4. color:#FFFFFF;
  5. margin:3px;
  6. height:29px;
  7. width:124px;
  8. border:solid 0 #ffffff;
  9. background: transparent
  10. url("images/search_04.gif") no-repeat fixed;
  11. padding-top: 9px;
  12. padding-left: 8px;
  13. padding-right:20px;
  14. padding-bottom: 5px;
  15.  
  16. }
  17.  
  18.  
  19. .button123{
  20. height:50px;
  21. width:50px;
  22. border:solid 0 #ffffff;
  23. background: transparent
  24. url("images/search_08.gif") no-repeat;
  25. padding-right: 10px
  26.  
  27. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.239s