hvordan laver jeg det her i table

prøv at se om det her er det du tænker på:

<table width="100%" border="1">
  <tr>
    <td>Profil</td>
    <td>nyheder</td>
  </tr>
  <tr>
    <td>billede</td>
    <td rowspan="3">blablablalba</td>
  </tr>
  <tr>
    <td>billede</td>
  </tr>
  <tr>
    <td>billede</td>
  </tr>
</table>

for at have ÉN kolonne til at gå på tværs af flere rækker kan du skrive Rowspan="x" hvor x er det antal rækker som kollonen skal fylde

og omvendt Colspan"x" hvor x er det antal kolonner som rækken skal fylde :)

ok, men hvordan får jeg tekst ved siden af billederne som vist på test.jpg?

ok prøv at se det her
<table width="100%" border="1">
  <tr>
    <td colspan="2">Dagens Nyhesprofil Profil</td>
    <td width="60%">nyheder</td>
  </tr>
  <tr>
    <td width="12%">billede</td>
    <td width="28%">billedetekst</td>
    <td rowspan="3">blablablalba</td>
  </tr>
  <tr>
    <td>billede</td>
    <td>billedetekst</td>
  </tr>
  <tr>
    <td>billede</td>
    <td>billedetekst</td>
  </tr>
</table>

Man kunne f.eks lave det:

<table cellspacing="0px" cellpadding="0px">
  <tr valign="top">
      <td colspan="2">Nyeste profiler</td>
  </tr>

  <tr valign="top">
      <td colspan="2" height="1px" bgcolor="#000000"></td>
  </tr>

  <tr valign="top">
      <td width="150px"><img src="billede.jpg" alt="Billede"></td>
      <td>Lorem ipsum dolor sit amet</td>
  </tr>

  <tr valign="top">
      <td width="150px"><img src="billede.jpg" alt="Billede"></td>
      <td>Lorem ipsum dolor sit amet</td>
  </tr>

  <tr valign="top">
      <td width="150px"><img src="billede.jpg" alt="Billede"></td>
      <td>Lorem ipsum dolor sit amet</td>
  </tr>

  <tr valign="top">
      <td colspan="2"><div align="right">Se flere profiler her</div></td>
  </tr>

  <tr valign="top">
      <td colspan="2" height="1px" bgcolor="#000000"></td>
  </tr>
</table>


Er ikke 100% sikker på at de sorte streger virker, men hvis det ikke gør, så prøv at sæt en style="font-size:0;" på... Det virker somregel.

Alt efter hvor bredt det skal være, skriver du bare bredden ind som en width="250px" i table-tagget...

Nyheds-systemet er let nok:

<table cellspacing="0px" cellpadding="0px">
  <tr valign="top">
      <td colspan="2">Nyheder</td>
  </tr>

  <tr valign="top">
      <td colspan="2" height="1px" bgcolor="#000000"></td>
  </tr>

  <tr valign="top">
  <td>Lorem ipsum dolor sit amet</td>
  </tr>
</table>

Hvis du vil have det til at stå pænt ved siden af hinanden, så skriver laver du bare en tabel udenom:

<table cellspacing="0px" cellpadding="0px">
  <tr valign="top">
      <td width="50%">INDSÆT BRUGERE HER</td>
      <td width="50%">INDSÆT NYHEDER HER</td>
  </tr>
</table>

Har ikke gennem-testet det hele, men sig til hvis der er noget der skal laves om, hvis der er fejl eller lignende...

Når jeg bruger den kode, vil mine billeder og tekst så flytte sig hvis der står mere tekst i et felt end i et andet??

hvem af os matz =) ?

nidyahou >> Dig

problemet kan undgås ved at det ikke er så fast defineret, hvis du vil skrive så meget at der er brug for et linieskift behøver du bare skrive <br> i din html kode så kommer der et linieskift.

men det burde ikke rykke sig.

nidyahou >> Fint nok. Kan du hjælpe mig med et problem mere? så kan du få flere points?? det er ang. noget table igen.

du kan tjekke her: www.playboi.dk/test2.jpg

jeg opretter et nyt spg. så kan du bare svare derinde ;)

det er faktisk samme princip

<table width="100%" border="1">
  <tr>
    <td width="31%" height="30">Billede</td>
    <td width="69%" rowspan="2"><center>
        Overskrift<br><br>
        blablablablablablabla</center></td>
  </tr>
  <tr>
    <td><center>
        Facts<br>
        factsfactsfacts</center></td>
  </tr>

</table>

tak for point :)