Avatar billede plausten Juniormester
26. juli 2015 - 14:22 Der er 3 kommentarer og
1 løsning

Lave tabulator mellemrum i HTML5

Hej Eksperter

hvordan laver man et tabulator mellemrum i html?
jeg har en tekst som denne:

2004-        Opstart af virksomheden
2004-2005    Vejleder
1999-2004    Konsulent
1996-1999    Afdelingsleder
1994-1996    Souschef
1979-1994    Underviser

denne tekst vil jeg gerne lave i html, så teksten efter årstallene står på linie, hvordan gør jeg det?
Avatar billede erikjacobsen Ekspert
26. juli 2015 - 14:39 #1
Hvad med:

<table>
<tr><td>2004-</td><td>Opstart af virksomheden</td></tr>
<tr><td>2004-2005</td><td>Vejleder</td></tr>
<tr><td>1999-2004</td><td>Konsulent</td></tr>
<tr><td>1996-1999</td><td>Afdelingsleder</td></tr>
<tr><td>1994-1996</td><td>Souschef</td></tr>
<tr><td>1979-1994</td><td>Underviser</td></tr>
</table>
Avatar billede plausten Juniormester
26. juli 2015 - 14:49 #2
Det var en rigtig god løsning, så mangler jeg bare mellemrum imellem årstal og tekst.
på mobil version af siden ombryder den teksten, så jeg kan ikke lave mellemrum før teksten. og den fjerne bare teksten hvis jeg sætter noget ind efter årstallene
Avatar billede erikjacobsen Ekspert
26. juli 2015 - 16:23 #3
Jeg kan ikke lige se for mig hvad du mener. Men du kan tilpasse en masse ting i fx en tabel, med CSS, fx.

  <style>
    td { padding-right: 50px; }
  </style>
26. juli 2015 - 18:57 #4
HEJ,

Bare lige en kommentar til indlæg nr. 1.

Hvis du ønsker forskellig bredde i din table kan du gøre følgende:

<table width="100%">
<tr>
<td width = "10%">2004-</td>
<td width="10%">Opstart af virksomheden</td>
</tr>
<tr>
<td width = "10%">2004-2005</td>
<td width = "10%">Vejleder</td>
</tr>

<tr>
<td width = "10%">1999-2004</td>
<td width = "10%">Konsulent</td>
</tr>
<tr>
<td width = "10%">1996-1999</td>
<td width = "10%">Afdelingsleder</td>
</tr>
<tr>
<td width = "10%">1994-1996</td>
<td width = "10%">Souschef</td>
</tr>

<tr>
<td width = "10%">1979-1994</td>
<td width = "10%">Underviser</td>
</tr>
</table>


Linien <table width="100%"> bestemmer at din tabel skal fylde hele skærmens bredde (= 100%).

Linien <td width = "10%">2004-</td> bestemmer at denne kolonne skal være 10 % af hele tabellens bredde (10 % af tabellens 100 %)
og hvis vi regner med at skærmen er 1000 pixel (=100 %) vil kolonnebredden blive ca. 100 pixel )

Du kan også sætte kolonnebredden individuelt ved at style hver enkelt kolonne (<TD..> ...... </TD> ), som Erik Jacobsen (#3) foreslår.

<style>
.kol1
{
width: 100px;
}
/* og ditto for kol 2 */
.kol2
{
width: 100px;
}
</style>

<TABLE  .... >
<TR>
<TD class = "kol1"> ... </D>
<TD class = "kol2"> ... </D>
</TR>
....
Resten af tabellen ...



Held og lykke


Kristian
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