Avatar billede dagny Nybegynder
27. maj 2006 - 13:47 Der er 10 kommentarer og
1 løsning

css i forms

Hejsa
Det er en evighed siden jeg har brugt css, og nu har jeg altså fået det her problem som jeg håber i vil hjælpe mig med.

Jeg har lavet et spørgeskema,der går over flere sider.
Det er lavet med ganske almindelige forms, radio og checkbokse.

Men hvordan er det nu, hvis jeg gerne vil ha formen ind og stå på midten af siden.

Og hvordan får jeg submit knappen til at stå fast så den ikke hopper rundt på de forskellige sider.
Avatar billede twotimes Nybegynder
27. maj 2006 - 14:12 #1
kan du ikke sætte den ind i en div sådan her

<div style="position:absolute;margin:0px">
dine ting
</div>
Avatar billede apo Praktikant
27. maj 2006 - 14:19 #2
Eller:

<div style="margin:0 auto; width:600px;">
      <form action="send.cgi" method="post" name="skemaForm">[Dine inputs]</form>
</div>

Når man bruger hacket 'margin:0 auto;' _skal_ der angives en bredde - Ellers virker hacket ikke.

Positionering bør undgås med mindre, det er strengt nødvendigt. Det er svært at styre, og kan have utilsigtede effekter hvis en bruger benytter en anden skærmopløsning og/eller en anden browser end den man selv bruger.

[Og hvordan får jeg submit knappen til at stå fast så den ikke hopper rundt på de forskellige sider.]
Ikke forstået ??
Avatar billede dagny Nybegynder
27. maj 2006 - 14:31 #3
Hmm det var måske også lidt dårligt forklaret det med submit knappen.
Jeg mener bare at jeg gerne vil ha submit knappen til at være det samme sted, på alle sider.
I må bære over med mig, kan godt være det er lidt simple spørgsmål, men har knoklet så længe for at få phpen til at virke, at jeg næsten ikke orker det samme med css'en.
Avatar billede twotimes Nybegynder
27. maj 2006 - 14:36 #4
nu ved jeg ikke lige hvor du vil have den placeret eller noget, men bare sæt en style på den også.

style="position:absolute;
og så kan du placere den fra top, bottom, left eller right


style="position:absolute;top:10px" f.eks. Og så læg den inden i div´en fra før, der skal se ud som foreslået af apo
Avatar billede apo Praktikant
27. maj 2006 - 14:40 #5
Det gør du ved at bruge den samme skabelon til de forskellige sider, f.eks.:

[Side 1]
<table>
    <tr>
        <td style="height:20px;">Input 1</td>
        <td style="height:20px;"><input type="text" name="inp1"></td>
    </tr>
    <tr>
        <td style="height:20px;">Input 2</td>
        <td style="height:20px;"><input type="text" name="inp2"></td>
    </tr>
    <tr>
        <td style="height:20px;" colspan="2"><input type="submit" value=" Fortsæt "></td>
    </tr>
</table>

[Side 2]
<table>
    <tr>
        <td style="height:20px;">Input 3</td>
        <td style="height:20px;"><input type="text" name="inp3"></td>
    </tr>
    <tr>
        <td style="height:20px;">Input 4</td>
        <td style="height:20px;"><input type="text" name="inp4"></td>
    </tr>
    <tr>
        <td style="height:20px;" colspan="2"><input type="submit" value=" Afslut "></td>
    </tr>
</table>
Avatar billede apo Praktikant
27. maj 2006 - 14:44 #6
Igen... Hvis du bruger absolut positionering kan du risikere, at knappen havner uden for spørgeskemaet hvis en brugers skærmopløsning er højere end din egen - især når indholdet er centreret.

Brug den samme skabelon (med præcis den samme højde-/breddeangivelse - som vist i mit eksempel) på de forskellige sider. Så skulle knappen befinde sig det samme sted på hver side.
Avatar billede twotimes Nybegynder
27. maj 2006 - 16:28 #7
da ikke hvis han sætter den inden i den anden div, eller tager jeg fejl?
Avatar billede apo Praktikant
27. maj 2006 - 19:08 #8
Nej, men hvorfor bruge positionering af elementer hvis man kan undgå det? ;-)

Hvis man ikke har helt styr på positionering af elementerne kan det få utilsigtede konsekvenser for visningen.

Hvis man f.eks. positionerer et element og angiver en left-position, som er tilpasset en opløsning på 1024 x 768 kan det gå helt galt hvis siden vises i en anden opløsning. Hvis indholdet samtidigt er centreret (som i dette tilfælde) vil elementet pludselig befinde sig uden for indholdsområdet hvis siden ses på en PC med en højere opløsning.

Derfor bør man være varsom med at anvende positionering af elementer.
Avatar billede apo Praktikant
04. juni 2006 - 13:32 #9
dagny > Er du kommet videre?
Avatar billede dagny Nybegynder
07. juni 2006 - 19:19 #10
ja undskyld den lange svar tid, jeg har brugt din løsning apo, det virker og jeg har helt undgået absolut positionering.. Smid et svar
Avatar billede apo Praktikant
16. juni 2006 - 22:28 #11
Så kommer der et (forsinket) svar :-)
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

IT-JOB