Avatar billede palito Nybegynder
08. marts 2006 - 17:52 Der er 8 kommentarer

Alternativ til <table>

Hvordan kan jeg lave nedenstående opbygning UDEN at gøre brug af <table>.


  navn: [________]
kodeord: [________]
Avatar billede mstorgaard Praktikant
08. marts 2006 - 18:29 #1
Skal boksene stå lige under hinanden?
Avatar billede nielle Nybegynder
08. marts 2006 - 19:37 #2
Hvorfor er det så vigtigt at det skal være uden tabel? Tabeller er rimeligt gode til den slags ting.

Et bud:

<span style="width: 60px">navn:</span>
<span style="100px"><input type="text" name="navn"></span><br>

<span style="width: 60px">kodeord:</span>
<span style="100px"><input type="password" name="kodeord"></span>
Avatar billede palito Nybegynder
09. marts 2006 - 05:21 #3
altsammen skal stå lige under hinanden, men navn og kodeord skal rette sig efter at boksene er 100% under hinanden, da ordet "navn" og "kodeord" ikke er lige lange.

var det forståligt?
Avatar billede nielle Nybegynder
09. marts 2006 - 06:48 #4
Det gør den viste kode skam også. Og ellers bliver du nok nødt til at forklare en smule mere.
Avatar billede milandt Nybegynder
09. marts 2006 - 09:57 #5
du kan ikke sætte width på et span element da det som default er et inline element. hvis din width skal slå igennem bliver du nødt til at sætte style="display:block;" på det, men så kan du lige så godt bruge et div element. problemet med block elementer er at de ombryder linien, så vi er ude i noget float, for at få elementerne til at stå rigtigt.. som her:

<!DOCTYPE HTML PUBLIC "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>

</head>
    <div style="height:40px">
        <div style="width:80px;float:left;">navn:</div>
        <div style="width:120px;float:left;"><input type="text" name="navn"></div>
    </div>
    <div style="height:40px">
        <div style="width:80px;float:left;">kodeord:</div>
        <div style="width:120px;float:left;"><input type="password" name="kodeord"></div>
    </div>
</body>
</html>

Men jeg er som udgangspunkt enig med nielle - hvorfor ikke bruge en tabel, da det _præcis_ er en tabels egenskaber du efterspørger.
Avatar billede nielle Nybegynder
26. marts 2006 - 10:04 #6
Hvad med noget respons?
Avatar billede palito Nybegynder
29. marts 2006 - 16:40 #7
Læg et svar milandt
Avatar billede milandt Nybegynder
29. marts 2006 - 16:45 #8
der
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