Avatar billede davidchristensen Praktikant
08. august 2002 - 20:50 Der er 9 kommentarer og
2 løsninger

Ændre højden på et lille søge-tekstfelt i en form?

Hey der.

Hvordan justerer jeg højden på et tekstfelt jeg har sat ind i en søgeformular på min side? Den skal være 16px høj og helst have en grå baggrund - og det kunne være rigtigt cool hvis den init. value kunne stå med mørkegråt i kursiv :)

Denher er det .css script jeg jeg er i gang med: Jeg har forsøgt mig med at kalde det for "form1" alle de steder jeg kan deffinere et navn og håbe på at det vil kunne komme til at virke.. :)

BODY            {
    background-repeat: repeat;
    background-color: transparent;
    scrollbar-3dlight-color: #515151;
    scrollbar-arrow-color: #515151;
    scrollbar-darkshadow-color:#515151;
    scrollbar-base-color: transparent;
    scrollbar-face-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-shadow-color: transparent;
}

a:link           
{
            font-family: verdana;
            font-size: 10px;
            font-weight: none;
            font-style: none;
            text-Transform: none;
            text-decoration: none;
            color: FFFFFF;
}

a:visited
{
            font-family: Verdana;
            font-size: 10px;
            font-weight: none;
            font-style: none;
            text-Transform: none;
            text-decoration: none;
            color: FFFFFF;
}

a:active
{
            font-family: Verdana;
            font-size: 10px;
            font-weight: none;
            font-style: none;
            text-Transform: none;
            text-decoration: none;
            color: FFFFFF;
}

a:hover
{
            font-family: Verdana;
            font-size: 10px;
            font-weight: none;
            font-style: none;
            text-Transform: none;
            text-decoration: underline;
            color: FFFFFF;
}

.text       
{
            font-family: verdana;
            font-size: 10px;
            font-weight: none;
            font-style: none;
            text-Transform: none;
            text-decoration: none;
            color: FFFFFF;
}

.headlineTop   
{
            font-family: verdana;
            font-size: 18px;
            font-weight: bold;
            font-style: none;
            text-Transform: none;
            text-decoration: none;
            color: FFFFFF;
}
.headlineSub
{
            font-family: verdana;
            font-size: 12px;
            font-weight: bold;
            font-style: none;
            text-Transform: none;
            text-decoration: none;
            color: FFFFFF;
}
.form1        {
    background-color:#DADADA;
    border-style: solid;
    border-width: 0px;
    border-color:#000000;
    font-SIZE:7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    COLOR:#DADADA;
    text-decoration : none;
    background-attachment : fixed;
}


.Submit            {
            background-color:    #FFFFFF;
            border-style:         solid;
            border-width:         1px;
            border-color:        #000000;
            FONT-SIZE:        10px;
            font-weight:         none;
            font-family:         Verdana, Arial, Helvetica, sans-serif;
            COLOR:            #000000;
            }

Lad mig høre om nogen kan :)

(Nu gik der vist noget galt i formateringen af det script her..)
Avatar billede davidchristensen Praktikant
08. august 2002 - 20:50 #1
Næ, det ser alligevel godtnok ud.. :/
Avatar billede jakoba Nybegynder
08. august 2002 - 20:52 #2
<input type='text' style="height:50px; width:18px" value="H">
Avatar billede davidchristensen Praktikant
08. august 2002 - 20:54 #3
Prøver lige..
Avatar billede davidchristensen Praktikant
08. august 2002 - 20:59 #4
Ja, den ændrer godt på tekstboxen, men det er lissom min form så er for stor? Jeg har sat feltet i en tabel der er 16px høj, men den gør den større..

<form name="form1" method="post" action="">
              <input type="text" name="form1" value="Virker ikke" style="height:16px; width:128px">
            </form>
Avatar billede davidchristensen Praktikant
08. august 2002 - 21:02 #5
Nu har jeg også prøvet dether, men det virker ikke..

<form name="form1" style="height:16px; width:128px" method="post" action="">
              <font size="1">
              <input type="text" name="form1" value="Virker ikke" style="height:16px; width:128px">
              </font>
            </form>
Avatar billede jakoba Nybegynder
08. august 2002 - 21:06 #6
du kan ændre fonten på samme måde:

<input type="text" name="form1" value="Virker ikke" style="height:16px; width:128px; font-family:arial; font-size:8px;">
Avatar billede davidchristensen Praktikant
08. august 2002 - 21:07 #7
Kan man putte flere styles ind der, jakoba? Hvordan kan jeg f.eks styre skriftstørrelsen i søgefeltet? Jeg tror nemlig det er den der er lidt for stor.. Det er lissom man kan sidde og scrolle med tekstmarkeringscourseren og at fonten er for stor..

Kan man iøvrigt kæde den style man sætter på sin input type ind i sit stylesheet?
Avatar billede davidchristensen Praktikant
08. august 2002 - 21:57 #8
I kan se her at formfeltet lissom laver den celle det ligger i for stort, selvom alting burde have et højde på kun 16px.

http://www.dlcd.dk/beta/
Avatar billede jakoba Nybegynder
08. august 2002 - 22:02 #9
du kan stoppe alle de stules i den du har lyst til. dov vil jeg anbefale at du holder dig fra  border:  den giver et åndsvagt resultat i NS4.

eller du kan lave en klasse oppe i dit styleskeet:

.klassenavn {
    height:16px;
    width:128px;
    font-family:arial;
    font-size:8px;
    background-color:#CCCCCC;
    font-weight:900;
}
og så:
<input type="text" name="form1" value="Virker ikke" class="klassenavn">
Avatar billede davidchristensen Praktikant
08. september 2002 - 15:30 #10
..
Avatar billede davidchristensen Praktikant
08. september 2002 - 15:31 #11
Hey Jakob.. Jeg er måske lidt fedtet nu men jeg ville umiddelbart synes at 30 point til dig er en fair deal? :) Ellers må du lige råbe..
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