Avatar billede sjh Nybegynder
09. februar 2007 - 14:05 Der er 8 kommentarer og
1 løsning

Definer text/password og submit på input under id.

Kan man ikke definer text/password og submit på input under et bestemt id?

Altså noget i stil med:

/* CSS */
#formbox input.text {
  font-size:11px;
  width:180px
}

#formbox input.password {
  font-size:11px;
  width:180px
}

#formbox input.submit {
  font-size:12px;
}
/* CSS */

<div id="formbox">
  <input type="text" name="navn" value="">
  <input type="password" name="pass" value="">
  <input type="submit" name="submit" value=" Ok ">
</div>
Avatar billede sjh Nybegynder
09. februar 2007 - 14:07 #1
altså uden at infør class="text" ...

<input type="text" name="navn" value="" class="text">
Avatar billede brinck10 Nybegynder
09. februar 2007 - 14:14 #2
Hej, ved ikke om du kan gøre det på den måde, men noget der er sikkert er at du sagtens kan give dem css.
Eksempel:

/*CSS*/
#formInput{
background-image:url(formBG.png);
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
}
#formAub{
background-image:url(formSub.png);
font-size:16px;
}
/*MAIN*/
/*Evt. <div>*/
<form>
<input type="text" name="navn" id="formInput>
<input type="password" name="pass" id="formInput">
<input type="submit" name="submit" id="formSubmit">
</form>
/*Evt. </div>*/

Håber det hjælper ;)
Avatar billede notes2c Nybegynder
09. februar 2007 - 14:22 #3
Du skal bruge:

#formbox input[type=text] {
  font-size:11px;
  width:180px
}

#formbox input[type=password] {
  font-size:11px;
  width:180px
}

#formbox input[type=submit] {
  font-size:12px;
}

Problemet er bare at IE ikke understøtter dette. Og så er der jo kun class tilbage...
Avatar billede sjh Nybegynder
09. februar 2007 - 14:32 #4
Internet Explorer øv øv..

når men tak for hjælpen..
Avatar billede olebole Juniormester
09. februar 2007 - 14:52 #5
<ole>

Er det ikke understøttet i IE7?

/mvh
</bole>
Avatar billede sjh Nybegynder
09. februar 2007 - 15:05 #6
Det ved jeg ikke.. men det kan vi jo så først bruge om et par. år :D
Avatar billede olebole Juniormester
09. februar 2007 - 15:32 #7
True, men det aktuelle problem kan nu løses en del mere elegant idag  =)

#formbox input {
  font-size:11px;
  width:180px
}
#formbox button {
  font-size:12px;
}


<div id="formbox">
<form>
<input type="text" name="navn" id="formInput1">
<input type="password" name="pass" id="formInput2">
<button type="submit" name="mySubmit" id="formSubmit">SEND</button>
</form>
</div>

- og brug i øvrigt _aldrig_ 'submit' som name eller id ... og hav _aldrig_ flere ens id'er i samme dokument  ;o)
Avatar billede sjh Nybegynder
09. februar 2007 - 15:39 #8
Ja.. nu har jeg dog ikke skrævet noget om RESET.. men hvordan klare jeg så den :D

<reset type="submit" name="mySubmit" id="formReset">Nulstille</reset> ha ha...
Avatar billede greew Nybegynder
12. februar 2007 - 07:34 #9
Du skriver den rigtigt, for det første ;)

<input type="reset" name="mySubmit" id="formReset">Nulstille</input>

og så kører du bare dette i css'en:

#formbox reset {
  font-size:12px;
}
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