icon in ein textfeld?

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • icon in ein textfeld?

    kann man ein icon in ein textfeld einbauen?

    per css ändere ich schon mehrere eigenschaften:

    Code:
    input.test {
    width: 90px;
    height: 20px;
    border:1px solid #C1D6FF;
    font-family: Arial; font-size: 9pt; font-style: normal; font-weight: normal; font-variant: normal; color: 000000}
    
    <input type="text" class="test">
    das bringt mir ja nix (im css bereich):
    background: url(TOP5.PNG) no-repeat;

    denn wenn der nutzer etwas rein schreibt, schreibe ich ja über das icon drüber!


    zusätzlich möchte ich für jedes textfeld ein anderes icon haben.

    also kann ich es net per css lösen, deshalb muß ich es direkt ins <input ... schreiben????

    wie müßte der code bzw. die synthax lauten?
    Zuletzt geändert von Gamer20; 08.11.2007, 12:58.

  • #2
    in background-image kannst du die Bilder rein packen, ob das es ist was du willst

    Kommentar


    • #3
      du kannst mit padding arbeiten, um den text erst weiter rechts starten zu lassen und mittels background-position kannst du das icon mehr nach links setzen.
      Sunshine CMS
      BannerAdManagement
      Borlabs - because we make IT easier
      Formulargenerator [color=red]Neu![/color]
      Herkunftsstatistik [color=red]Neu![/color]

      Kommentar


      • #4
        also kann ich es net per css lösen, deshalb muß ich es direkt ins <input ... schreiben????
        Input akzeptiert nur CDATA also nix html-Tags. Wenn es geht, dann nur mit CSS
        Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

        [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
        Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

        Kommentar


        • #5
          Du packst die allgemeine Formatierung, also Padding, Hintergrundausrichtung etc in die CSS! Und direkt am Tag gibst du nur background-image an!

          Kommentar


          • #6
            mein gott. das habe ich doch direkt nach asp2php geschrieben. liest denn hier keine socke mehr und posted einfach seinen senf dazu
            Sunshine CMS
            BannerAdManagement
            Borlabs - because we make IT easier
            Formulargenerator [color=red]Neu![/color]
            Herkunftsstatistik [color=red]Neu![/color]

            Kommentar


            • #7
              Oder du machst das hintergrundsbild linksbündig per css und dann gibst du noch ein padding an, sodass die schrift erst neben dem icon anfängt...




              * benny dreht gleich durch... lalala
              **********
              arkos
              **********

              Kommentar


              • #8
                habs gerade mal getestet. klappt wunderbar. aber obacht! nur ein padding-left angeben sonst blenden ie6/7 das hintergrundbild aus, sobald man in das textfeld klickt.

                gruß
                peter
                Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                Meine Seite

                Kommentar


                • #9
                  Also Du könntest auch mit Hintergrundbild und Padding-Left arbeiten. Aber aufpassen, daß Du nur Padding-Left benutzt, sonst drückt es das Hintergrundbild raus.

                  Kommentar


                  • #10
                    Wenn du das Bild als Hintergrund ohne wiederholung einbindest und ein padding-left setzt, dann solltest du den gewünschten Effekt bekommen. Aber nur padding-left, sonst könnte das Hintergrundbild selbst verschwinden.
                    [FONT="Helvetica"]twitter.com/unset[/FONT]

                    Shitstorm Podcast – Wöchentliches Auskotzen

                    Kommentar


                    • #11
                      OffTopic:
                      kindsköppe, alle zusammen


                      gruß
                      peter
                      Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                      Meine Seite

                      Kommentar


                      • #12
                        OffTopic:

                        wochenendvorfreude und mit über 30 noch n kindskopp - wat will man mehr

                        prost zusammen...

                        **********
                        arkos
                        **********

                        Kommentar


                        • #13
                          wenn ich:
                          background-image:url(X.png) no-repeat;

                          also mit no-repeat, dann verschindet mein X (icon)

                          also kann ich nur backgound:url... schreiben.

                          die textposition kann ich net festlegen (20px weiter rechts -> icon hat 16x16 format)!

                          irgendwie stehe ich auf dem schlauch und komm net auf den befehl.

                          also kann ich net direkt ne image angeben (ohne background)

                          bei tabellen oder so kann ich ja einmal background angeben und dann zusätzlich noch per <img ... tag ein bild einfügen.

                          wollt eigentlich in mein textfeld ein hintergrundbild (farbverlauf) einbauen + äußerst links noch ein icon.

                          aber im moment bekomm ich das net so richtig hin.

                          Kommentar


                          • #14
                            padding-left: 20px
                            und dann noch Background-position.

                            Kommentar


                            • #15
                              ich danke, so ähnlich hat ich es schon, nur das ich am ende irgendwie nur nach oben und unten scrollen konnte (bei der px angabe von 50px)!

                              naja auf jedenfall klappts jetzt, also danke nochmal!

                              Kommentar

                              Lädt...
                              X