Avatar billede BTEngineer Novice
22. juli 2007 - 22:30 Der er 3 kommentarer og
1 løsning

Tekst og input på samme linje?

Hej,

Jeg er begyndt at benytte divs istedet for tables.
Men jeg syntes det f.eks. er blevet meget svært at lave således at Brugernavn: [felt] står på samme linje..

Jeg har prøvet det her:
http://www.alistapart.com/articles/practicalcss/
- FORM(s) and Function

Men det står ikke på den måde som det gør på deres side.

Håber nogen kan hjælpe mig.
Avatar billede mclemens Nybegynder
22. juli 2007 - 23:01 #1
Det står heller ikke på samme linje inde under dit link
- det er forskudt en anelse fra midtpunktet af form start feltet.

Anyway et eksempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
div {width:400px;height:22px;}
span {font:18px arial,sans-serif;line-height:19px;float:left;width:93px;background:#f00;}
input {height:15px;width:300px;float:right;background:#ff0;border:1px solid #000;padding:1px;}
</style>

</head><body>
<div><span>a: </span><input type="text" name="a"></div>
<div><span>b: </span><input type="text" name="a"></div>
<div><span>c: </span><input type="text" name="a"></div>
</body></html>

- line-height forskelle kan drille
- border størrelse kan drille
- padding kan drille

... Generalt set kan form felter drille :-/
Avatar billede olebole Juniormester
23. juli 2007 - 14:42 #2
<ole>

Tekst, der er på linje med feltet <input type="text" style="vertical-align:middle">

- på denne måde ser det som regel pænere ud end, hvis tekst og felt står på samme grundlinje  =)

/mvh
</bole>
Avatar billede BTEngineer Novice
29. juli 2007 - 17:59 #3
Okay, tak.
Smid svar
Avatar billede BTEngineer Novice
29. august 2007 - 10:55 #4
så gør jeg det selv.
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