Avatar billede Slettet bruger
19. februar 2002 - 17:13 Der er 8 kommentarer og
1 løsning

tabeller - så felter står pænt

Skal foretage ændringer i følgende kode således at alle felterne står pænt, og lige under hinanden. Hvordan gøres dette?

<table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td>Navn</td>
      <td><input type="text" name="Name"></td>   
    </tr>
    <tr>
    <td>Adresse</td>
    <td><input type="text" name="Adress" size="60"></td>
  </tr> 
  </table>
 
 
  <table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
  <tr>
  <td>Post nr</td>
  <td><input type="text" name="Area_Code"></td>
  <td>By</td>
  <td><input type="text" name="City"></td> 
  </tr>
  </table>
 
  <table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td>Land *</td>
      <td><select name="Country">
                            <option value="Denmark">Denmark</option>
                            <option value="Norway">Norway</option>
                            <option value="France">France</option></td>   
    </tr>
    </table>
   
   
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
  <tr>
  <td>Tlf./mobil tlf.</td>
  <td><input type="text" name="Phone"></td>
  <td>Fax</td>
  <td><input type="text" name="Fax"></td> 
  </tr>
  </table>
 
 
 
  <table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
  <tr>
  <td>Email</td>
  <td><input type="text" name="Email"></td>
  <td>Webside</td>
  <td><input type="text" name="Website" value="http://www."></td> 
  </tr>
  </table>
Avatar billede jonas- Nybegynder
19. februar 2002 - 17:14 #1
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Navn</td>
<td><input type="text" name="Name"></td>   
</tr>
<tr>
<td>Adresse</td>
<td><input type="text" name="Adress" size="60"></td>
</tr> 
</table>
 
 
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Post nr</td>
<td><input type="text" name="Area_Code"></td>
<td>By</td>
<td><input type="text" name="City"></td> 
</tr>
</table>
 
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Land *</td>
<td><select name="Country">
<option value="Denmark">Denmark</option>
<option value="Norway">Norway</option>
<option value="France">France</option></td>   
</tr>
</table>
   
   
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Tlf./mobil tlf.</td>
<td><input type="text" name="Phone"></td>
<td>Fax</td>
<td><input type="text" name="Fax"></td> 
</tr>
</table>
 
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Email</td>
<td><input type="text" name="Email"></td>
<td>Webside</td>
<td><input type="text" name="Website" value="http://www."></td> 
</tr>
</table>
Avatar billede speedy Nybegynder
19. februar 2002 - 17:16 #2
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td>Navn</td>
      <td><input type="text" name="Name"></td>   
    </tr>
    <tr>
    <td>Adresse</td>
    <td><input type="text" name="Adress" size="60"></td>
  </tr> 
  <tr>
  <td>Post nr</td>
  <td><input type="text" name="Area_Code"></td>
  <td>By</td>
  <td><input type="text" name="City"></td> 
  </tr>
    <tr>
      <td>Land *</td>
      <td><select name="Country">
                            <option value="Denmark">Denmark</option>
                            <option value="Norway">Norway</option>
                            <option value="France">France</option></td>   
    </tr>
  <tr>
  <td>Tlf./mobil tlf.</td>
  <td><input type="text" name="Phone"></td>
  <td>Fax</td>
  <td><input type="text" name="Fax"></td> 
  </tr>
  <tr>
  <td>Email</td>
  <td><input type="text" name="Email"></td>
  <td>Webside</td>
  <td><input type="text" name="Website" value="http://www."></td> 
  </tr>
  </table>
Avatar billede jonas- Nybegynder
19. februar 2002 - 17:28 #3
speedy: Hvad var det?
Avatar billede speedy Nybegynder
19. februar 2002 - 17:45 #4
jonas->>Du kopierer bare smukkemannys kode og svarer med det ? Jeg svarer på det han spørger om...

/SpEedy
Avatar billede Slettet bruger
19. februar 2002 - 17:58 #5
Speedy -> Nej det er ikke så simpelt. Tag nu fx den <tr> hvor der står adresse. Den indeholder kun 2 stk <td>'er. Den næste linie <tr> inholder fx 4 <td>'er. Dvs at det kommer til at se dumt ud. Prøv selv at kopiere det ind i browseren.
Avatar billede pesa Nybegynder
19. februar 2002 - 18:19 #6
Du skal benytte dig af colspan. Et eksempel kunne være:

<table width="600" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#eeeeee">1</td>
<td bgcolor="#eeeeee">2</td>
<td bgcolor="#eeeeee">3</td>
<td bgcolor="#eeeeee">4</td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><center>5</center></td>
<td bgcolor="#999999">6</td>
</tr>
<tr>
<td colspan="4" bgcolor="#666666">7</td>
</tr>
</table>

Så vil cellen med 5-tallet komme til at være lige under cellerne med 1-, 2- og 3-tallet (dette fordi der står colspan="3"). Cellen med 7-tallet vil fylde hele tabelbredden på 600 px (dette fordi der står colspan="4"). Farverne i de forskellige celler illustrerer det måske bedre.


Er det noget lignende det du søger?
Avatar billede Slettet bruger
19. februar 2002 - 18:29 #7
Præcis Pesa :) Jeg har aldrig rigtigt kendt den kommando, så det har altid været et problem jeg måtte omgås på de mærkeligste måder. 100o tak pesa :))
Avatar billede pesa Nybegynder
19. februar 2002 - 18:30 #8
Jeps, det må da have været et sandt helvede uden den kommando!
Avatar billede Slettet bruger
19. februar 2002 - 18:35 #9
Ehm, hvad nu hvis at der er 2 celler i den første tr, og 4 i den næste tr?
Hvordan så?
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