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

buttersi Nybegynder

29. oktober 2008 - 19:40 Der er 6 kommentarer

Hjælp med div/css boks

Hej,

Jeg prøver at droppe tabellerne og joine css/div klubben. Men at lave en simpel boks som denne (http://img360.imageshack.us/img360/8894/divfn7.jpg) giver mig allerede problemer.

Ummidelbart ville jeg gøre noget alá det her for at lave selve boksen:

#boks {
width: 500px;
border: 1px solid #000;
background-color: #EEE;
paddin:10;
}

Men mit problem er at få placeret indholdet ordenligt. Lige nu kan jeg kun finde ud af at få det til at se således ud:

<div id="boks">
<h1>Create user</h1>
<label for="username">Username:</label>
<input type="text" ........>
</div>

men hvordan går jeg ind og laver et bestemt mellemrum mellem username teksten og <input> så det ligner http://img360.imageshack.us/img360/8894/divfn7.jpg

På forhånd tak!

Synes godt om

jansoz Nybegynder

29. oktober 2008 - 20:14 #1

Jeg kommer ikke med en løsning, men med et link til et tilsvarende problem jeg har. Det kan måske hjælpe dig at løse opgaven på den måde, men også se at det ikke altid er lige til:
http://www.eksperten.dk/spm/848595

Synes godt om

zips Juniormester

29. oktober 2008 - 22:25 #2

Er det noget i denne stil du søger ud fra dit billed?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Text userbox</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

</style>

</head>
<body>

<div id="boks">
<form action="#">
<h1>Create user</h1>
<label>username:</label><input type="text" name="username">
<label>password:</label><input type="password" name="password">
<div id="clear"></div>
</form>
</div>

</body>
</html>

Synes godt om

roenving Novice

29. oktober 2008 - 22:45 #3

-- hvad er paddin, og hvad er værdien 10 (millimeter, kilometer eller lysår ?-)

-- og labels er præcis en metode til at opstille formularer, men brugen af floats i dette tilfælde støder mit øje voldsomt, da left- og right-floats i samme 'linje' for mig ser ud til at være det samme som at vende græsslåmaskinen på hovedet, når man skal slå den ene side af bedet ...

Synes godt om

zips Juniormester

29. oktober 2008 - 23:25 #4

Er denne så bedre uden græsslåmaskine på hovedet :)
dog ikke testet i IE6

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Text userbox</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

</style>

</head>
<body>

<div id="boks">
<form action="#">
<h1>Create user</h1>
<label>username:</label><input type="text" name="username"><br>
<label>password:</label><input type="password" name="password">
<div id="clear"></div>
</form>
</div>

</body>
</html>

Synes godt om

roenving Novice

29. oktober 2008 - 23:42 #5

Tjoh, det var nok en model, jeg selv ville gå efter ...

-- og den virker også i IE6 !-)

Synes godt om

olebole Juniormester

31. oktober 2008 - 15:05 #6

<ole>

- men nok ikke det bedste eksempel på, hvad man bør undlade at bruge tabeller til. Det ville være helt udmærket kodestil at bruge en tabel til at layoute en form i søjler og rækker med.

Som oftest er en formular i allerhøjeste grad tabulære data ;o)

/mvh
</bole>

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