Søg
Avatar billede codemanager Nybegynder
20. december 2004 - 13:02 Der er 45 kommentarer og
1 løsning

hjælp til lidt tabeller

Hey

Jeg har denne kode

<table border="1">
  <tr>
    <td colspan="2">Celle 1</td>
    <td>Celle 2</td>
  </tr>
  <tr>
    <td>Celle 3</td>
  </tr>
  <tr>
    <td>Celle 4</td>
    <td>Celle 5</td>
    <td>Celle 6</td>
  </tr>
</table>


Jeg kunne godt tænke mig og få boks 3 under 2, hvordan gør jeg det... men det skal gøres i css da jeg gerne vil overholde xhtml
Avatar billede madsass Nybegynder
20. december 2004 - 13:06 #1
<table border="1">
  <tr>
    <td colspan="2">Celle 1</td>
    <td>Celle 2</td>
    <td>Celle 3</td>
  </tr>
  <tr>
    <td>Celle 4</td>
    <td>Celle 5</td>
    <td>Celle 6</td>
  </tr>
</table>


Således?
Avatar billede madsass Nybegynder
20. december 2004 - 13:07 #2
<table border="1">
  <tr>
    <td>Celle 1</td>
    <td>Celle 2</td>
    <td>Celle 3</td>
  </tr>
  <tr>
    <td>Celle 4</td>
    <td>Celle 5</td>
    <td>Celle 6</td>
  </tr>
</table>

Sådan.
Avatar billede heeris Nybegynder
20. december 2004 - 13:11 #3
hvorfor ikke bara insætte en ekstra celle foran celle 3 der har samme længde som celle 1?
Avatar billede codemanager Nybegynder
20. december 2004 - 13:14 #4
fordi det skal være sådan at celle et kan blive lige så lang uden og flytte på det andet hvis du forstår
Avatar billede heeris Nybegynder
20. december 2004 - 13:18 #5
prøv med:

    <table border="1">
  <tr>
    <td colspan="2">Celle 1</td>
    <td>Celle 2</td>
  </tr>
  <tr>
    <td style="position:relative;left:100px;">Celle 3</td>
  </tr>
  <tr>
    <td>Celle 4</td>
    <td>Celle 5</td>
    <td>Celle 6</td>
  </tr>
</table>

men her skal du naturligvis vide hvor alting er, altså angive width hist og her
Avatar billede heeris Nybegynder
20. december 2004 - 13:19 #6
ik nogen der siger det skal være precis 100px, det er bare et gæt
Avatar billede codemanager Nybegynder
20. december 2004 - 13:22 #7
sådan http://www.4fune2lose.dk/tabeller.JPG
Avatar billede heeris Nybegynder
20. december 2004 - 13:24 #8
arh shit er nød til at smutte, sorry. vender tilbage, hvis ik du har fået svar på det af en anden kigger jeg på det igen :)
Avatar billede popsy Novice
20. december 2004 - 13:25 #9
sådan her du mener?
<table border="1">
  <tr>
    <td colspan="2">Celle 1</td>
    <td>Celle 2</td>
  </tr>
  <tr>
    <td colspan="3">Celle 3</td>
  </tr>
  <tr>
    <td>Celle 4</td>
    <td>Celle 5</td>
    <td>Celle 6</td>
  </tr>
</table>
Avatar billede popsy Novice
20. december 2004 - 13:26 #10
nåh, nej det var det så ikke :)
Avatar billede codemanager Nybegynder
20. december 2004 - 13:41 #11
hmm det er måsk lige før det ikke kan lad sig gøre
Avatar billede popsy Novice
20. december 2004 - 14:07 #12
jeg kan ialtfald ikke lige få det til at ligne din tegning :)
Avatar billede codemanager Nybegynder
20. december 2004 - 14:11 #13
kan det heller ikke lad sig gøre med noget css
Avatar billede codemanager Nybegynder
20. december 2004 - 14:34 #14
lidt flere point
Avatar billede heeris Nybegynder
20. december 2004 - 17:03 #15
prøv det her:

<html>
  <head>
  <title></title>
  <link href="test.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <table border="1">
  <tr>
    <td id="celle1" width="200" height="20" colspan="2">Celle 1</td>
    <td id="celle2" width="100" height="20">Celle 2</td>
  </tr>
  <tr>
    <td id="celle3" width="100" height="20">Celle 3</td>
  </tr>
  <tr>
    <td id="celle4" width="100" height="20">Ce 4</td>
    <td id="celle5" width="100" height="20">Celle 5</td>
    <td id="celle6" width="100" height="20">Celle 6</td>
  </tr>
</table>

  </body>
</html>

og i test.css:

#celle1 {
    position: relative;
    z-index: 1;
}
#celle2 {
    position: relative;
    z-index: 2;
}
#celle3 {
    position: relative;
    left: 212px;
    z-index: 3;
}
#celle4 {
    position: relative;
    z-index: 4;
}
#celle5 {
    position: relative;;
    z-index: 5;
}
#celle6 {
    position: relative;
    z-index: 6;
}

du behøver selvfølgelig ikke at indexere alle cellerene, det var bare hvis du skulle møblere mere på det.

du kan også prøver denne:

<html>
  <head>
  <title></title>
  </head>
  <body>
    <table border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td width="200">Celle 1</td>
    <td width="100" height="20">Celle 2</td>
  </tr>
  <tr>
    <td>Celle X</td>
    <td id="celle3" width="100" height="20">Celle 3</td>
  </tr>
</table>
<table border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100" height="20">Celle 4</td>
    <td width="100">Celle 5</td>
    <td width="100">Celle 6</td>
  </tr>
</table>
  </body>
</html>
Avatar billede codemanager Nybegynder
20. december 2004 - 17:57 #16
det er sådan men celle 3 bliver ikke på sin plads når der kommer indhold der i så flytter den sig
Avatar billede codemanager Nybegynder
20. december 2004 - 17:59 #17
hov havde ikke set man kunne flytte på den men kan det ikke laves uden px
Avatar billede heeris Nybegynder
20. december 2004 - 18:03 #18
går ud fra du taler om de første af de to forslag.
du kan skrive 66% istedet
Avatar billede heeris Nybegynder
20. december 2004 - 18:04 #19
Rettelse:
"går ud fra du taler om det første af de to forslag"
Avatar billede codemanager Nybegynder
20. december 2004 - 18:08 #20
66% virker heller ikke
Avatar billede heeris Nybegynder
20. december 2004 - 18:17 #21
hvad er det celle 3 gør når der kommer indhold i hvilken celle?
Avatar billede codemanager Nybegynder
20. december 2004 - 18:20 #22
den flytter sig... vil gerne havde den er lige så stor som celle 2 og den hele tiden bliver under celle 2
Avatar billede heeris Nybegynder
20. december 2004 - 18:22 #23
men hvilken en af cellerne er det du ændre størrelse på, celle 1?
Avatar billede codemanager Nybegynder
20. december 2004 - 18:29 #24
hvis jeg giver dig størlsen på cellen kan det hjælpe dig alsår hvor store de skal være
Avatar billede heeris Nybegynder
20. december 2004 - 18:30 #25
kom med det :)
Avatar billede codemanager Nybegynder
20. december 2004 - 18:32 #26
celle 1 = 70%
celle 2 = 30%
celle 3 = 30%
celle 4 og 5 = 23%
og celle 6 = 54%
Avatar billede heeris Nybegynder
20. december 2004 - 18:33 #27
har du angive breden i % i din kode?
Avatar billede codemanager Nybegynder
20. december 2004 - 18:35 #28
det er så bred jeg gerne vil ahvde de forskellige celler den vil ikke rigtig gøre det
Avatar billede heeris Nybegynder
20. december 2004 - 18:56 #29
jeg forstår ganske enkelt ikke hvad du mener! har du angivet dine cellers brede i procent i din kode??
Avatar billede codemanager Nybegynder
20. december 2004 - 18:57 #30
ja det har jeg
Avatar billede heeris Nybegynder
20. december 2004 - 18:58 #31
og har du angivet en bedte på hele tabellen?
Avatar billede codemanager Nybegynder
20. december 2004 - 19:04 #32
ja 100%
Avatar billede codemanager Nybegynder
20. december 2004 - 19:07 #33
koden sr sådan ud men den vil ikke overholde breden

    <table width="100%" border="1">
  <tr>
    <td id="celle1" width="70%" height="20" colspan="2">Celle 1gdfgdfgdfhfghfghfghfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgfdfdgfdgdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfgdfgdfgdsfsgfdgdfgdfgdfgdfgsdfgfdghdfshdsfhsghdghdfhdsgfdgrtrtgfdfhdfgdfhdfhdffghfghfghfghfghfgdfgdfgdfg</td>
    <td id="celle2" width="30%" height="20">Celle 2dfgdfhdfgdfgdfjghjghjghjghjfghdghfghfghgfnjfhhfghfghfghgdfgdf</td>
  </tr>
  <tr>
    <td id="celle3" width="30%" height="20">Celle cdgcghffdhdghgfhfghfghfghfhfhfghfghfghfghfghfghch3dfgdfgdfg</td>
  </tr>
  <tr>
    <td id="celle4" width="23%" height="20">Ce 4dfgdfgdfg</td>
    <td id="celle5" width="23%" height="20">Cellhdtfhe 5dfgdfg</td>
    <td id="celle6" width="54%" height="20">Celle dfgdfgfdsxgfbvdhfg6</td>
  </tr>
</table>
Avatar billede heeris Nybegynder
20. december 2004 - 19:12 #34
dit problem er, at du prøver at tvinge cellerne til bredter der ikke er mulige. eks. celle 2 og celle 6 er i samme kolone, og skal derfor have samme bredte.
lad mig lige prøve en mulig løsningsmodel jeg kan sende til dig. Under alle omstændigheder er du nød til at dele din tabel op i flere. 2 burde kunne gøre det
Avatar billede codemanager Nybegynder
20. december 2004 - 19:16 #35
Okay det lyder godt er ved og være godt forviret nu
Avatar billede heeris Nybegynder
20. december 2004 - 19:25 #36
va med denne her:

html filen:

<html>
  <head>
  <title></title>
  <link href="test.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <table border="1" width="100%" cellpadding="0" cellspacing="0">
      <tr>
        <td width="70%" height="20" colspan="2">
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
    </td>
        <td width="30%" height="20">Celle 2</td>
      </tr>
      <tr>
        <td id="celle3" width="30%" height="20">Celle 3</td>
      </tr>
    </table>
    <table border="1" width="100%" cellpadding="0" cellspacing="0">
      <tr>
        <td width="23%" height="20">Celle 4</td>
        <td width="23%" height="20">Celle 5</td>
        <td width="54%" height="20">Celle 6</td>
      </tr>
    </table>
  </body>
</html>

css filen:

#celle3 {
    position: relative;
    left:70%;
    z-index: 1;
}
Avatar billede codemanager Nybegynder
20. december 2004 - 19:30 #37
jeps der var den....

nu er jeg nok noget kravene men der skal nok falde flere point af...

kan man lave sådan at celle 2 og 3 har den sammen højde hele tiden selv om celle 1 er støre
Avatar billede heeris Nybegynder
20. december 2004 - 19:31 #38
mener du, at hvis celle 1 bliver højere, så fobliver celle 2 (og dermed også celle 3) samme højde ??
Avatar billede heeris Nybegynder
20. december 2004 - 19:34 #39
bare stik mig de 60 point, kan se du ikke har så mange at tage fra :)
Avatar billede codemanager Nybegynder
20. december 2004 - 19:35 #40
Okay takker....

ja nemlig
Avatar billede heeris Nybegynder
20. december 2004 - 19:38 #41
ok, jeg forstår, tror godt man kan, men jeg er nød til at smutte igen, sorry. smid point'ne, og sørg for at abonnere på denne streng, så vender jeg tilbage hurtigst muligt (det bliver desvære nok først i morgen)

hold skruen i vandet så længe :)
Avatar billede codemanager Nybegynder
20. december 2004 - 19:50 #42
Okay det er bare iorden

tak for hjælpen indtil videre
Avatar billede heeris Nybegynder
21. december 2004 - 15:21 #43
denne løsning er uden css. har prøvet, men det bliver noget rod hvis det SKAL være css der styre. prøv om du kan bruge dette løsningsforslag til noget. har pyntet lidt på det med lidt farve :)

<html>
  <head>
  <title></title>
  </head>
  <body leftmargin="0" topmargin="0" rightmargin="0">
    <table border="0" width="100%" cellpadding="0" cellspacing="0">
      <tr>
        <td width="70%" bgcolor="#6666CC">
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1
          Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1Celle 1 
        </td>
        <td width="30%" valign="top">
          <table border="0" width="100%" cellpadding="0" cellspacing="0">
            <tr>
              <td width="100%" height="20" bgcolor="#0033CC">Celle 2</td>
            </tr>
            <tr>
              <td width="100%" height="20" bgcolor="#CC6600">Celle 3</td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table border="0" width="100%" cellpadding="0" cellspacing="0">
      <tr>
        <td width="23%" height="20" bgcolor="#339966">Celle 4</td>
        <td width="23%" height="20" bgcolor="#33CC99">Celle 5</td>
        <td width="54%" height="20" bgcolor="#009999">Celle 6</td>
      </tr>
    </table>
  </body>
</html>
Avatar billede codemanager Nybegynder
21. december 2004 - 15:53 #44
Det er lige som det skal være.... og skidt med det css... når man bruge html 4.01 må der jo gerne være width i koden må der jo bare ikke når man bryger xhtml..... så skifter til html igen

er du sikker på du ikke vil ahvde lidt flere point du har lagt et stor arbejde i det
Avatar billede heeris Nybegynder
21. december 2004 - 16:09 #45
bar smid lidt god karma min vej, så er jeg glad :)
Avatar billede codemanager Nybegynder
21. december 2004 - 22:50 #46
det er gjort
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
16/0812:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
White papers
Flere white papers »