Gå til innhold

Webkafeen

enden

Av enden
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
rønning

rønning

Skrevet
Skrevet (endret)

orsus: det hjelper med tanke på det å få ting på samme linje ja (med display: block på label), men ikke for å løse problemet med at alle input skal stå like under hverandre, uavhengig hvor lang teksten i label er

Endret av rønning
Lenke til kommentar
rønning

rønning

Skrevet
Skrevet (endret)

En annen ting er hvordan ting ser ut uten css.

(her kan det være et poeng med lister)

 

For å vise litt problemer:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
label {
width: 150px;
clear: left;
}
</style>

</head>

<body>
<form>
<fieldset>
 <label>Hei</label><input type="text">
 <label>Hei på deg</label><input type="text">
</fieldset>
</form>
</body>
</html>

 

gir dette:

post-43019-1161970101_thumb.png

Endret av rønning
Lenke til kommentar
Magnus Holm

Magnus Holm

Skrevet
Skrevet

Hva med dette:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
label {
width: 150px;
float: left;
clear: both;
margin-bottom: 20px;
}

input {
float: left;
width: 100px;
margin: -20px 0 0 100px;
}
</style>

</head>

<body>
<form>
<fieldset>
<label>Hei<input type="text"></label>
<label>Hei på deg<input type="text"></label>
</fieldset>
</form>
</body>
</html>

 

Sikkert et håpløst forslag, men jeg har egentlig ikke stylet forms noen gang (!)

Lenke til kommentar
9001

9001

Skrevet
Skrevet (endret)

Klikk for å se/fjerne innholdet nedenfor

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Wut</title>
<style type="text/css">
  label 
  {
     width: 150px;
     clear: left; 
     float: left;
  }
  input { float: left; }
  textarea { float: left; }
</style>
</head>
<body>

<form action="wut.html">
  <fieldset>
     <legend>Asl?</legend>
     <label for="name">Navn</label> <input type="text" id="name" name="name" /> <br />
     <label for="age">Alder</label> <input type="text"id="age" name="age" /><br />
     <label for="desc">Beskriv deg selv</label> <textarea cols="40" rows="5" id="desc" name="desc"></textarea>
  </fieldset>
</form>
</body>
</html>

Sånn gjør jeg det. Usikker på om jeg forstår problemstillingen din tho.

 

Edit: Yarr, IE likte det ikke. Heiv inn et par <br />'s, og da ble IE glad. Dog så føler jeg det blir feil.

Endret av phatscum
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...