CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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>

Synes godt om

udvikler Nybegynder

24. november 2006 - 16:38 #1

Synes godt om

lakana Nybegynder

24. november 2006 - 16:47 #2

Er det valid html og er den centreret?

.. ikke her

Synes godt om

udvikler Nybegynder

24. november 2006 - 16:47 #3

Nej glemte at centrere den, sorry.

Indsæt align: center; i den øverste div

Synes godt om

lakana Nybegynder

24. november 2006 - 16:47 #4

- og hvor skal <form> og </form> sættes ind?

Synes godt om

lakana Nybegynder

24. november 2006 - 16:48 #5

align er da ikke valid?

Synes godt om

lakana Nybegynder

24. november 2006 - 16:48 #6

og desuden virker det helle rikke

Synes godt om

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>

Synes godt om

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>

Synes godt om

lakana Nybegynder

24. november 2006 - 16:59 #9

jeg skrev jo at 'pladsholderen' skulle have en bredde på 95%

Synes godt om

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 :-)

Synes godt om

steen_hansen Forsker

24. november 2006 - 17:04 #11

Synes godt om

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>

Synes godt om

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?

Synes godt om

lakana Nybegynder

24. november 2006 - 17:19 #14

steen_hansen: ikke som oplyst.

Synes godt om

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>

Synes godt om

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?

Synes godt om

steen_hansen Forsker

24. november 2006 - 17:33 #17

Sorry, øjeblik ...

Synes godt om

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>

Synes godt om

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.

Synes godt om

lakana Nybegynder

24. november 2006 - 17:49 #20

hvem har sagt den skal være ved siden af på de 5%?

Synes godt om

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

Synes godt om

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>

Synes godt om

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>

Synes godt om

steen_hansen Forsker

24. november 2006 - 17:54 #24

´Tak for hjælpen

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS