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

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
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

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

06:00

Morgen-briefing: Fejl i næsten alle indberetninger for udlejning via digitale platforme / Nyt netværk på vej under Statens It-råd / Albanien forbyder TikTok i et år

20/12

Netværkstest: Første mesh-sæt med komplette WiFi 7-features sætter nye rekorder for dækning og hastighed

20/12

Omsætning er steget med 100 millioner kroner på to år: Microsoft danske udviklingscenter har udbetalt milliarder i udbytte

20/12

Nørgaard: Copilot scorer pænt højt i min kendte 3D-test (Dyrt, Dumt, Dårligt)

20/12

Amazon ramt af største strejke nogensinde: Ansatte gået hjem

20/12

CISO Sarah Aalborg forlader Tivoli: Her er hendes planer for fremtiden

20/12

Sådan vil Domstolsstyrelsen nedbringe legacy og teknisk gæld: Her er den nye plan

20/12

Temu åbner stort varehus i Sverige og kan nu sende varer til danskerne endnu hurtigere: "Hvad vi frygtede, er sket"

20/12

Amerikansk spil-firma skal levere eSim-program til Forsvaret: Soldater skal lære at håndtere kampvogne på computer

20/12

Danmark har det hurtigste internet i Norden

20/12

Behov for mere vidensdeling om AI: Sådan bliver du bedre rustet

Vis flere artikler

IT-JOB

Banedanmark

Sektionschef til opbygning og ledelse af IT-applikationsstyringssektion

Nordic RCC

Security & Compliance Officer with an interest in the green energy transition

FTFa

Erfaren UX-designer med flair for UI

Pharma Nord

PHP-udvikler til produktions- og ordrestyringssystem

Danske Spil A/S

Senior backend-udvikler

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

21/1222:16	Er "OneDrive" et "Must" ? Koster det penge ? Af Ikke-ekspert i Windows
21/1216:42	Windows Media Player - Hvilken version (Versioner) er gode til at afspille og kopiere ? Af Ikke-ekspert i Musik & videoafspillere
21/1212:54	Fejlfinding: Årsag til blank skærm og ingen BIOS fra Lenovo 90BH Af Mads i PC
21/1209:42	Outlook - kan ikke kopiere opgaver Af barth i Office & Kontorpakker
21/1200:26	Genhøre telefonsamtale Af anonym24 i Chat & Messaging