Avatar billede dl Nybegynder
21. januar 2005 - 20:41 Der er 22 kommentarer og
1 løsning

3D effekt skal tages fra

Jeg har en form:
2* textboxe
1* textarea
sn send knap, enn nulstil knap.




<form method="POST" action="--WEBBOT-SELF--">
  <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt"
  S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
  <p><input type="text" name="T1" size="27"></p>
  <p><input type="text" name="T2" size="27"></p>
  <p><textarea rows="7" name="S1" cols="30"></textarea></p>
  <p>&nbsp;</p>
  <p><input type="submit" value="Send" name="B1"><input type="reset" value="Nulstil" name="B2"></p>
</form>





Jeg skal i mit CSS, have denne 3d effekt taget fra.
Hvordan gør jeg det.

Hvilken code skal jeg bruge, i min css.
Avatar billede syvon Nybegynder
21. januar 2005 - 21:08 #1
input {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000;
    height:20px;
}
Avatar billede syvon Nybegynder
21. januar 2005 - 21:11 #2
height:20px; skulle ikke lige have været med.
Avatar billede dl Nybegynder
21. januar 2005 - 21:11 #3
k, der skal ikke nogen class på formen ?
Avatar billede dl Nybegynder
21. januar 2005 - 21:14 #4
Det virker halt.
jeg har stadig 3D effekt på mit textarea, hvordan får jeg det væk ?
Avatar billede syvon Nybegynder
21. januar 2005 - 21:15 #5
hvis det er den eneste form du har på siden er det ikke nødvendigt, men hvis du har flere er det, så skal den bare se således ud.

.input {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000;
    height:20px;
}

og hentes med class="input"
Avatar billede syvon Nybegynder
21. januar 2005 - 21:17 #6
input textarea {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000;
    height:20px;
}
Avatar billede dl Nybegynder
21. januar 2005 - 21:19 #7
k, hvorfor går det galt med class.
se http://dlarsen.sytes.net/kontakt/kontakt.php

i min css fil:

.input {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;
    height:20px;
}

på min side.
<form class="input" method="POST" action="--WEBBOT-SELF--">
  <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt"
  S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
  <p><input type="text" name="T1" size="27"></p>
  <p><input type="text" name="T2" size="27"></p>
  <p><textarea rows="7" name="S1" cols="30"></textarea></p>
  <p>&nbsp;</p>
<label></label>
  <p><input type="submit" value="Send" name="B1"><input type="reset" value="Nulstil" name="B2"></p>
</form>
Avatar billede dl Nybegynder
21. januar 2005 - 21:21 #8
jeg bruger disse koder:
og det går helt galt for den


.input {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;
    height:20px;
}

.input textarea {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;
    height:20px;
}






<form class="input" method="POST" action="--WEBBOT-SELF--">
  <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt"
  S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
  <p><input type="text" name="T1" size="27"></p>
  <p><input type="text" name="T2" size="27"></p>
  <p><textarea rows="7" name="S1" cols="30"></textarea></p>
  <p>&nbsp;</p>
<label></label>
  <p><input type="submit" value="Send" name="B1"><input type="reset" value="Nulstil" name="B2"></p>
</form>
Avatar billede syvon Nybegynder
21. januar 2005 - 21:28 #9
glemte et komma

input,textarea {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;
}
Avatar billede dl Nybegynder
21. januar 2005 - 21:31 #10
det virker stadig ikke.


.input {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;
    height:20px;
}

.input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;
    height:20px;
}






<form class="input" method="POST" action="--WEBBOT-SELF--">
  <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt"
  S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
  <p><input type="text" name="T1" size="27"></p>
  <p><input type="text" name="T2" size="27"></p>
  <p><textarea rows="7" name="S1" cols="30"></textarea></p>
  <p>&nbsp;</p>
<label></label>
  <p><input type="submit" value="Send" name="B1"><input type="reset" value="Nulstil" name="B2"></p>
</form>



se hvordan den tager det:  http://dlarsen.sytes.net/kontakt/kontakt.php
Avatar billede syvon Nybegynder
21. januar 2005 - 21:34 #11
fjern denne

.input {
    font-family: verdana;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;
    height:20px;
}
og height:20px; i den anden

i stylesheet
Avatar billede dl Nybegynder
21. januar 2005 - 21:37 #12
så er der kun denne tilbage:
.input, textarea {
    font-family: verdana;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;
}




og


                    <form class="input" method="POST" action="--WEBBOT-SELF--">
                        <p>
                            <label>Dit navn:</label>
                            <input type="text" name="usernameinput" size="30">
                        </p>
                        <p>
                            <label>Din eMail:</label>
                              <input type="text" name="useremailinput" size="30"></p>
                          </p>
                        <p>
                            <textarea rows="7" name="usertextinput" cols="30"></textarea>
                        </p>

  <p><input type="submit" value="Send" name="B1"><input type="reset" value="Nulstil" name="B2"></p>
</form>
Avatar billede dl Nybegynder
21. januar 2005 - 21:38 #13
den er stadig meget forkert:
se hvordan den tager det:  http://dlarsen.sytes.net/kontakt/kontakt.php
Avatar billede syvon Nybegynder
21. januar 2005 - 21:42 #14
så prøv

.input {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;

}
.textarea {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;

}


<form  method="POST" action="--WEBBOT-SELF--">
  <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt"
  S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
  <p><input class="input" type="text" name="T1" size="27"></p>
  <p><input class="input" type="text" name="T2" size="27"></p>
  <p><textarea class="textaerea" rows="7" name="S1" cols="30"></textarea></p>
  <p>&nbsp;</p>
<label></label>
  <p><input class="input" type="submit" value="Send" name="B1"><input class="input" type="reset" value="Nulstil" name="B2"></p>
</form>
Avatar billede dl Nybegynder
21. januar 2005 - 21:45 #15
nu virker den ikke.
Avatar billede syvon Nybegynder
21. januar 2005 - 21:49 #16
her der virker den da fint både i IE og firefox

http://povlsen.yaboo.dk/syvon/form.htm
Avatar billede dl Nybegynder
21. januar 2005 - 21:51 #17
nej, textarea har stadig 3D effekt.
Avatar billede syvon Nybegynder
21. januar 2005 - 21:53 #18
hvilken browser bruger du.
Avatar billede dl Nybegynder
21. januar 2005 - 21:54 #19
så fik jeg det til at virker.
på php siden:

                    <form method="POST" action="--WEBBOT-SELF--">
                        <label class="almText">Dit navn:</label><br>
                        <input class="input" type="text" name="usernameinput" size="30"><br>
                        <label class="almText">Din eMail:</label><br>
                          <input class="input" type="text" name="useremailinput" size="30"><br>
                        <label class="almText">Indtast din tekst:</label><br>
                          <textarea class="input" rows="7" name="usertextinput" cols="30"></textarea><br>
                        <br>
                          <input class="input" type="submit" value="Send" name="sendinfo"><br>
                        <input class="input" type="reset" value="Nulstil" name="B2"></p>
                    </form>


i css filen:
.input {
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-size:12px;
    background-color:transparent;
    border:1px solid #000000;

}


//dl
Avatar billede dl Nybegynder
21. januar 2005 - 21:54 #20
Jeg bruger firefox og IE... mest firefox..
kom med et svar.
Avatar billede syvon Nybegynder
21. januar 2005 - 22:00 #21
fik du det til at virke.
Avatar billede dl Nybegynder
21. januar 2005 - 22:01 #22
ja, jeg fik det til at virke.
Ud fra dine svar. :P
Avatar billede syvon Nybegynder
21. januar 2005 - 22:05 #23
>fino< :)
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