Avatar billede NielsErikP Mester
04. juni 2011 - 14:52 Der er 8 kommentarer og
2 løsninger

Html -- Forstørrelse af Input felt.

Hej..
Sidder og leger med <form> og <input>, men kan ikke lige se, hvordan man kan styre størrelsen af "input" feltet, altså f.eks længde og bredde.
Kan dette lade sig gøre vha. Css.
Håber der er en "HardCore" med en løsning på problemet.

På forhånd tak..!!
Avatar billede pstidsen Novice
04. juni 2011 - 14:56 #1
Ja du kan med css:
<input type"text" name="test" style="width: 77px; height: 13px;"/>
Avatar billede The_Buzz Novice
04. juni 2011 - 15:20 #2
<input type"text" name="test" style="width: 77px; height: 13px;"/>
som pstidsen siger
men du kan blandt andet også bruge:
font-size:20px; font-weight:bold; color:#FF0000
osv i den - altså:

<input type"text" name="test" style="width: 77px; height: 13px;font-size:20px; font-weight:bold; color:#FF0000; "/>
Avatar billede NielsErikP Mester
05. juni 2011 - 01:07 #3
Hej...
Tusind tak for hjælpen i to.
Vil lige lægge et tillægs spørgsmål, hvordan styrer man det, sådan at man får de to input felter her til at ligge lige over hinanden, tænker også så man kan få "fornavne(e):" og
"Efternavn(e):" til at stå sådan nogenlunde over hinanden  :



<form >
  Fornavn(e):<input type="text" name="fornavn"
            style="width: 195px; height: 25px;" /><br /><br />
  Efternavn(e):<input type="text" name="Efternavn"
            style="width: 195px; height: 25px;" /><br /><br />
</form>   


Avatar billede pstidsen Novice
05. juni 2011 - 10:19 #4
Det gør du ved at lave det i en tabel eller vha. css. Her er det som tabel:
<form>
<table><tr><td>Fornavn(e):</td><td><input type="text" name="fornavn" style="width: 195px; height: 25px;" /></td></tr>
<tr><td>Efternavn(e):</td><td><input type="text" name="Efternavn" style="width: 195px; height: 25px;" /></td></tr><table>
</form>
Avatar billede pstidsen Novice
05. juni 2011 - 10:30 #5
og hvis du vil have kasserne længerne til højre kan du sætte width på <td>, som her:
<form>
<table><tr><td style="width: 150 px;">Fornavn(e):</td><td><input type="text" name="fornavn" style="width: 195px; height: 25px;" /></td></tr>
<tr><td style="width: 150 px;">Efternavn(e):</td><td><input type="text" name="Efternavn" style="width: 195px; height: 25px;" /></td></tr><table>
</form>
Avatar billede NielsErikP Mester
05. juni 2011 - 10:44 #6
Hej...
Okay... Har ikke så lang tids erfaring i Html/Css, men en af de ting jeg syntes, jeg har hørt gang på gang er, AT man bruger ikke <table>'s til design, kun til tabuleret data. Så derfor tænkte jeg slet ikke den løsning, men kan godt se det virker.
Sad jo lidt og arbejdede med det igår efter jeg havde skrevet indlæg #3... Og kom så frem til  :



<style type="text/css">

#input_felt_pos {
    position: relative;
}
.input_felt {
    width: 195px;
    height: 25px;
        position:absolute;
    right:5px;   
}
</style>


<div id="input_felt_pos"> 
    <form >
        Fornavn(e)&nbsp: <input type="text" 
            name="fornavn" class="input_felt" /> <br /><br />
        Efternavn(e): <input type="text"
            name="efternavn" class="input_felt" />       
            <br /><br />

<div>




Ved ikke om det er en helt akavet måde at gøre det på, om det er en måde der kan skabe problemer ved visning af siden.
Avatar billede pstidsen Novice
05. juni 2011 - 10:56 #7
Nu bringer du en - nok evig - diskussion blandt programmører på banen.

Jeg synes: Table er bedst til små ting, css til større og mere indviklede opgaver.

Emnet/diskussionen har været oppe og vende MANGE gange. Se bare her: http://www.google.com/search?hl=en&client=opera&hs=1Hp&rls=da&channel=suggest&q=tables+vs+css&aq=2c&aqi=g1g-c5g4&aql=&oq=tables++css
Avatar billede NielsErikP Mester
05. juni 2011 - 11:20 #8
Hej..
Jamen siger jo kun det min lærdom har fortalt mig, men jeg vil da prøve at kigge på den goggle søgning, men man kan jo selvfølgelig også sige at det med tables er lidt lettere at styre og placere.. Så er man fri for at sidde og fiddle med pixels,em, pt osv...

Tak for hjælpen, pointene er dine.

Take Care..!!
Avatar billede pstidsen Novice
05. juni 2011 - 11:28 #9
Tak for point.

Jeg bruger kun tables til de få ting jeg programmerer. Det synes jeg er langt lettere. Synes div/css virker indviklet, men det vil folk som altid bruger div/css nok også synes om tables. For de kan også blive avanceret, når man begynder at bruge f.eks. colspan og rowspan.
Avatar billede NielsErikP Mester
05. juni 2011 - 11:38 #10
Hej..
Ja det var så lidt, du havde jo tjent dem ;-)

Jamen jeg ved godt jeg også syntes det kræver lidt mere orginasering at opstille og bruge div's styret af Css, nu må jeg lige prøve at vurdere, hvad jeg finder bedst... Måske jeg kan blive "Vildledt ;-)" i din google søgning.

Men tak skal du ihvetfald have for din tid her.
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