Avatar billede persjensen Nybegynder
27. juli 2004 - 13:00 Der er 13 kommentarer og
2 løsninger

CSS til Inputs

Jeg skulle høre hvordan jeg fik min tekst i input menuerne lave mindre ???

Eks. kan ses her:  http://www.valuable.frac.dk/her.JPG

Jeg vil som sagt gerne ha lavet den tekst der står (Andet, eks1, eks2, eks3) lavet mindre, men jeg er ikke selv klar over hvordan det skal gøres :|

Koden til inputs ser ud som følgende:

<select size="1" name="navn">
<option value="Andet">Andet</option>
</select>

<input type="text" name="emne" size="20">

<input type="text" name="mail" size="20">

<textarea style="WIDTH: 300px; HEIGHT: 90px" name="besked" rows="1" cols="20"></textarea>
Avatar billede ckh Nybegynder
27. juli 2004 - 13:05 #1
i css f.eks på denne måde:

input {
font-size: 10px;
}
Avatar billede jaze Nybegynder
27. juli 2004 - 13:07 #2
Hvis du har en CSS fil smid følgende ind:
<select size="1" class="input" name="navn">........

I dit CSS
#input {font-size:8;}
Avatar billede roenving Novice
27. juli 2004 - 13:11 #3
-- og i css er der ikke noget, som hedder font-size:8; ...

Sandsynligvis mener du 8px; som også er det eneste som bliver fortolket korrekt af andet end IE i quirks-mode _uden_ doctype ...
Avatar billede persjensen Nybegynder
27. juli 2004 - 13:29 #4
Heh... Det blev til en blanding af jaze og ckh's svar...

Altså, jeg skrev class="input" i mit input og i min CSS fil skrev jeg:

input {
font-size: 10px;
}

En af jer der opretter det som et svar så i kan få points :) ?
Avatar billede ckh Nybegynder
27. juli 2004 - 13:30 #5
Svarer da lige så :)
Avatar billede roenving Novice
27. juli 2004 - 13:31 #6
class="input" virker ikke med en slektor, som ikke er en class-selektor:

.input{}
Avatar billede ckh Nybegynder
27. juli 2004 - 13:32 #7
roenving> Skulle sq lige til at skrive det samme he-he
Avatar billede jaze Nybegynder
27. juli 2004 - 13:33 #8
der skulle self have stået 8px, fejl fra min side.
Avatar billede persjensen Nybegynder
27. juli 2004 - 13:39 #9
super... hvis så lige en enkelt af jer ville skrive hvordan man gør med:

          <td height="10" width="314">
          <select size="1" name="navn" class="input">
          <option value="Almindeligt HTML-website" class="input">Almindeligt HTML-          website</option>
          <option value="Dynamisk website" class="input">Dynamisk website</option>
          <option value="Design" class="input">Design</option>
          <option value="Andet" class="input">Andet</option>
          </select></td>


Samt         

<td vAlign="top" height="54" width="82">
<font size="1" face="Verdana" color="#FFFFFF">Kommentar:</font></td>
<td height="54" width="314" valign="top">
<font color="#FFFFFF" face="Verdana" size="1">
<textarea class="input" style="WIDTH: 300px; HEIGHT: 90px" name="besked" rows="1" cols="20"></textarea>
</font></td>

Så ville det være rigtig lækkert  :D
Avatar billede roenving Novice
27. juli 2004 - 13:41 #10
.input {
  font-family:tahoma,verdana,arial,sans-serif;
  font-size: 8px;
}
Avatar billede persjensen Nybegynder
27. juli 2004 - 13:43 #11
det virkede ved tekstboksen men ikke oppe i options hehe :D
Avatar billede roenving Novice
27. juli 2004 - 14:02 #12
Det gør det hos mig ?-)
Avatar billede persjensen Nybegynder
27. juli 2004 - 14:07 #13
Virker hverken med mozilla eller explore ved mig :(

Det virker som sagt fint nede i tekstboksen men ikke oppe i menuen der :(
Avatar billede roenving Novice
27. juli 2004 - 14:11 #14
Så må du gøre noget andet galt ...

-- for det virker ganske udmærket hos mig både i IE og Mozilla, og er også helt i overensstemmelse med standarden !-)

-- dog skal du være opmærksom på, at det netop kun er text-properties og baggrundsfarver, som kan ændres på en select ...

-- og bortset fra farver, kan det kun vælges på selecten og ikke på options !o]
Avatar billede persjensen Nybegynder
27. juli 2004 - 14:13 #15
Så, nu fik jeg den til det ;) Mange tak for hjælpen gutter! :D
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
Kurser inden for grundlæggende programmering

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