Avatar billede lakana Nybegynder
24. november 2006 - 16:23 Der er 23 kommentarer og
1 løsning

Textarea i midten, submit boks i højre

Hvordan laver jeg følgende i korrekt html? - og hvor skal <form> og </form> sættes ind?

<div style="width: 95%;">
et textarea som har en bredde på 100%, og skal stå i midten<br />
en submit-box som er ude i højre side
</div>
Avatar billede udvikler Nybegynder
24. november 2006 - 16:38 #1
<div style="width: 95%;">
<textarea style="width: 100%;"></textarea>
<br>
<div style="align: right;"><input type="submit" value="Send"></div>
</div>
Avatar billede lakana Nybegynder
24. november 2006 - 16:47 #2
Er det valid html og er den centreret?

.. ikke her
Avatar billede udvikler Nybegynder
24. november 2006 - 16:47 #3
Nej glemte at centrere den, sorry.

Indsæt align: center; i den øverste div
Avatar billede lakana Nybegynder
24. november 2006 - 16:47 #4
- og hvor skal <form> og </form> sættes ind?
Avatar billede lakana Nybegynder
24. november 2006 - 16:48 #5
align er da ikke valid?
Avatar billede lakana Nybegynder
24. november 2006 - 16:48 #6
og desuden virker det helle rikke
Avatar billede webudvikleren Nybegynder
24. november 2006 - 16:51 #7
<div id="Container" style="width:100%text-align:center;margin: 0 auto;">
    <div style="width: 90%;float:left;">
          <textarea style="width: 100%;">blablabla...</textarea>
    </div>

    <div style="float:left;width:8%;">
          <input type="submit" value="Send" />
    </div>
</div>
Avatar billede udvikler Nybegynder
24. november 2006 - 16:57 #8
Hvad med:

<div text-align: center;>
<form action="" method="POST">
<textarea style="width: 100%;"></textarea>
<br>
<div style="text-align: right;"><input type="submit" value="Send"></div>
</form>
</div>
Avatar billede lakana Nybegynder
24. november 2006 - 16:59 #9
jeg skrev jo at 'pladsholderen' skulle have en bredde på 95%
Avatar billede udvikler Nybegynder
24. november 2006 - 17:03 #10
Det er lidt underligt at pladsholderen skal have en bredde på 95% men textarea'et indeni skal have en bredde på 100%

Du bliver nød til at bestemme dig :-)
Avatar billede steen_hansen Forsker
24. november 2006 - 17:04 #11
<form method="post" action="default.asp" name="frmForm">
    <div style="width: 95%;">
        <textarea style="width: 100%;"></textarea>
    </div>
    <div atyle="width: 5%;">
        <input type="submit" value="Send">
    </div>
    <div style="clear: both;"></div>
</form>
Avatar billede steen_hansen Forsker
24. november 2006 - 17:14 #12
Hvis du vil have lidt højde på textarea:

<form method="post" action="default.asp" name="frmForm">
    <div style="width: 95%;">
        <textarea style="width: 100%; height: 200px;"></textarea>
    </div>
    <div atyle="width: 5%;">
        <input type="submit" value="Send">
    </div>
    <div style="clear: both;"></div>
</form>
Avatar billede lakana Nybegynder
24. november 2006 - 17:19 #13
udvikler: textareaet skal fylde 100% af bredden i pladsholderen. er det ikke rimelig logisk når jeg skriver det sådan?
Avatar billede lakana Nybegynder
24. november 2006 - 17:19 #14
steen_hansen: ikke som oplyst.
Avatar billede lakana Nybegynder
24. november 2006 - 17:22 #15
det skal være ligesom følgende. bare hvor selve pladsholderen er centreret.

<div style="width: 95%;">
    <textarea name="text" style="height: 400px; width: 100%;">..</textarea>
    <div style="text-align: right;">
        <input type="submit" />
    </div>
</div>
Avatar billede steen_hansen Forsker
24. november 2006 - 17:29 #16
Hvis en div er 95%, og der inde i den er et textarea, som udgør 100% af din div på 95%, er der ikke noget at centrere.

Din div style="right" skal ikke bruges. Du sætter 2 divs op ved siden af hinanden, en på 95%, og en anden på 5%. Det giver jo 100%, hvilket er hele sidens bredde.

Skal du centrere noget horisontalt, skal du benytte style="text-align: center;"

Kort sagt:

1. Du har en div, der udgør 95%, til venstre
2. Inde i den div har du et textarea, der udgør 100% af de 95%
3. Du har en div, der udgør de resterende 5% tilhøjre, hvori du har din submit-knap

Det er sådan det skal forstås?
Avatar billede steen_hansen Forsker
24. november 2006 - 17:33 #17
Sorry, øjeblik ...
Avatar billede steen_hansen Forsker
24. november 2006 - 17:37 #18
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<title>Min formular</title>
</head>

<body>

<div style="width: 100%;">
    <form method="post" action="default.asp" name="frmForm">
        <div style="width: 95%; float: left;">
            <textarea style="width: 100%; height: 150px;"></textarea>
        </div>
        <div atyle="width: 5%; float: right;">
            <input type="submit" value="Send">
        </div>
        <div style="clear: both;"></div>
    </form>
</div>

</body>

</html>
Avatar billede steen_hansen Forsker
24. november 2006 - 17:40 #19
Jeg kan nu ikke få submit-knappen til at være der på de 5%, den bliver skubbet ned under <textarea></textarea>. Men hvis du giver den noget mere plads:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<title>Min formular</title>
</head>

<body>

<form method="post" action="default.asp" name="frmForm">
    <div style="width: 80%; float: left;">
        <textarea style="width: 100%; height: 150px;"></textarea>
    </div>
    <div atyle="width: 20%; float: right;">
        <input type="submit" value="Send">
    </div>
    <div style="clear: both;"></div>
</form>

</body>

</html>

- kan den være der.
Avatar billede lakana Nybegynder
24. november 2006 - 17:49 #20
hvem har sagt den skal være ved siden af på de 5%?
Avatar billede lakana Nybegynder
24. november 2006 - 17:49 #21
jeg skrev:

<div style="width: 95%;">
et textarea som har en bredde på 100%, og skal stå i midten<br />
en submit-box som er ude i højre side
</div>


der er jo også et linjeskift
Avatar billede lakana Nybegynder
24. november 2006 - 17:50 #22
lavede selv:

<div style="width: 95%; margin: auto;">
    <textarea name="text" style="height: 400px; width: 100%;">..</textarea>
    <div style="text-align: right;">
        <input type="submit" />
    </div>
</div>
Avatar billede steen_hansen Forsker
24. november 2006 - 17:54 #23
Så er jeg ikke helt med. Er det dette du mener?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<title>Min formular</title>
</head>

<body>

<form method="post" action="default.asp" name="frmForm">
    <div style="width: 95%; float: left;">
        <textarea style="width: 100%; height: 150px;"></textarea><br>
        <span style="float: right;"><input type="submit" value="Send"></span>
    </div>
    <div atyle="width: 5%; float: right;"></div>
    <div style="clear: both;"></div>
</form>

</body>

</html>
Avatar billede steen_hansen Forsker
24. november 2006 - 17:54 #24
´Tak for hjælpen
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