Avatar billede larsholmgaard_dk Nybegynder
07. april 2001 - 21:25 Der er 5 kommentarer og
2 løsninger

Farve på input boxes og \"SUBMIT\" knapper?

Hvordan uglen i hulen ændrer jeg farverne på indtastningsfelterne i en submit form? Og ditto på \"Submit\" og \"Clear\" knapperne?
Avatar billede fab Nybegynder
07. april 2001 - 21:30 #1
Det er meget nemt:

Hvis du har en klasse i et stylesheet der hedder:

fieldjohn {
bgcolor: #ff9900;
}

og så kalder den klasse fra feltet, f.eks.

<textarea class=fieldjohn>John er sød</textarea>

så er den i vinkel.

tjek dette site for komplet liste over hvad du kan modificere fra stylesheetet:

http://www.webreview.com/style/css1/charts/mastergrid.shtml

hvis ikke du véd hvad et stylesheet er, så sig til...
Avatar billede larsholmgaard_dk Nybegynder
07. april 2001 - 21:44 #2
ehh... jeg har ændret farverne på scrollbarerne ude i siden vha. et stylesheet, meeeeen... det har ikke gjort mig til ekspert!

Jeg vil gerne have at alle felter i indtastningsformen har samme baggrundsfarve - kan jeg få dig til lige at smide koden ind et sted i følgende html?

        <table width=\"75%\" border=\"0\" align=\"center\">
          <tr>
            <td bgcolor=\"5C5B49\" width=\"27%\">Beskrivelse (max 200 bogstaver)</td>
            <td bgcolor=\"36352B\" width=\"73%\">
              <textarea name=\"Beskrivelse\" cols=\"40\" rows=\"4\"></textarea>
            </td>
          </tr>
          <tr>
            <td bgcolor=\"5C5B49\" width=\"27%\">Navn</td>
            <td bgcolor=\"36352B\" width=\"73%\">
              <input type=\"text\" name=\"navn\"  size=\"40\">
            </td>
          </tr>
          <tr>
            <td bgcolor=\"5C5B49\" width=\"27%\">Telefon</td>
            <td bgcolor=\"36352B\" width=\"73%\">
              <input type=\"text\" name=\"telefon\" size=\"8\">
            </td>
          </tr>
          <tr>
            <td bgcolor=\"5C5B49\" width=\"27%\">Pris</td>
            <td bgcolor=\"36352B\" width=\"73%\">
              <input type=\"text\" name=\"antalpersoner\" size=\"8\">
            </td>
          </tr>
        </table>
 
Avatar billede repsac Nybegynder
07. april 2001 - 21:44 #3
Mht. til submit-knappen så kan du vel bare lave det som et billede(?) - kig forbi på www.html.dk Der står en hel det godt om emnet ... :o)
Avatar billede fab Nybegynder
07. april 2001 - 21:57 #4
Ok, heres what you do:

Quick and dirty,

Jeg har rettet det første <TR> i din kode og embedded lidt stylesheet:

          <tr>
            <td bgcolor=\"5C5B49\" width=\"27%\">Beskrivelse (max 200 bogstaver)</td>
            <td bgcolor=\"36352B\" width=\"73%\">
              <textarea name=\"Beskrivelse\" cols=\"40\" rows=\"4\" style=\"background:#339955; font-size:33\"></textarea>
            </td>
          </tr>

Tjek ud hvordan jeg har ændret baggrundsfarve og skiftstørrelse med det vupti.

Hvis du vil lære mere om dette så skal du finde en tutorial på www.webcoder.com der kan lære dig mere, men ovenstående er sikekrt nok i første omgang..

Avatar billede fab Nybegynder
07. april 2001 - 21:58 #5
Oh! Mht. til Submit knap, så bemærk at det nogen gange virker MEGET forskelligt fra Explorer til Netscape.
Avatar billede larsholmgaard_dk Nybegynder
07. april 2001 - 22:07 #6
Tusinde tak for den direkte hjælp Fab! Også mange tak til dig repsac fordi du gav mig et link til en glimrende side med ganske udmærkede tutorials... jeg sad faktisk lige og læste om CSS og glemte næsten dette forum!
Avatar billede fab Nybegynder
07. april 2001 - 22:11 #7
de nada..

Frederik
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester