Avatar billede hobbittend Novice
03. januar 2010 - 15:22 Der er 4 kommentarer og
1 løsning

Rowspan? - overlap af rækker

Hej derude.

Jeg vil starte med lige at smide et link til mit projekt, så giver det nok mere mening hvad jeg prøver at forklare.

http://k-dev.dyndns.org/fritid/Movement/

Jeg leger lidt med noget design og strukturering af ovenstående og håber at det bliver til en brugbar hjemmeside i sidste ende.

Mit problem lige nu er, at jeg ikke kan få den tabel (Content.php) til at rykke op, så den ligger umiddelbart lige under den tekst der kommer frem når man kører musen over menupunkterne.
Hvis man bare rykker den op i samme row som de to fadede billeder (Sidebar.gif) i siderne, så bliver de repeatede nedad. jeg skal altså have en række som starte midt i den række hvor Sidebar.gif ligger, men slutter længere nede på siden.

Hvordan er det muligt?

Koden til siden ser ud som følger (tror ikke de inkluderede filer er rellevante i denne sammenhæng):


Index.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hejsa</title>

</head>

<body>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="4">
    <?php
    Include("Includes/Top.php");
    ?>
    </td>
  </tr>
  <tr>
    <td colspan="4" background="Img/GradientMenu.gif" height="4"></td>
  </tr>
  <tr>
    <td colspan="4" align="center"><?php
    Include("Includes/Menu.php");
    ?></td>
    <td width="1"></td>
  </tr>
  <tr>
    <td width="13" height="100" rowspan="2" align="left" valign="top" background="Img/SidebarTop.gif"></td>
    <td colspan="2" align="center" valign="top">
    <DIV class="tabcontainer ieclass">
    <?php
      Include("Includes/MenuText.php");
      echo "<br />";
      ?>
     
    </td>
    <td width="13" height="100" rowspan="2" align="Right" valign="top" background="Img/SidebarTop.gif"></td>
  </tr>
  <tr>
  </tr>
  <tr valign="top">
    <td width="13" height="250" bgcolor="#ce4b02"></td>
    <td valign="top" colspan="2">
    <?php
          Include("Includes/Content.php");
    ?>
    </td>
    <td width="13" bgcolor="#ce4b02"></td>
  </tr>
    <tr>
    <td height="0" colspan="2"><img src="Img/ButtomLeft.gif" width="100%" height="20" /></td>
    <td width="856" height="20" align="center" background="Img/ButtomLine.gif" class="ButtomText">
    <?php
    Include("Includes/Footer.php");
            ?>
            </td>
    <td witdh="13" height="20" colspan="2"><img src="Img/ButtomRight.gif" width="100%" height="20" /></td>
  </tr>
</table>
</body>
</html>
Avatar billede zips Juniormester
03. januar 2010 - 15:54 #1
Du har en fejl i din table med en tr her

<td width="13" height="100" rowspan="2" align="Right" valign="top" background="Img/SidebarTop.gif"></td>
  </tr>
  <tr> <-- fejl
  </tr> <--- fejl
  <tr valign="top">
Avatar billede hobbittend Novice
03. januar 2010 - 17:17 #2
Hvis du prøver linket igen kan du se hvad der sker hvis jeg sletter de to.

Det hele rykker ganske vist op, men ellers ser det ganske underligt ud nu...
Avatar billede zips Juniormester
03. januar 2010 - 17:56 #3
Ja det er fordi du bruger rowspan et par steder, men det problem du har er at du har sat en blok ind som skal deles så du kan få indholdet op, her er et billede med lidt border så du kan se hvor det går galt

http://zips.be/exp/images/hejsa.jpg
Avatar billede hobbittend Novice
03. januar 2010 - 19:14 #4
Det ser ud til at der også er nogle bredder der er lidt i vejen med hos dig....

Men netop der over 1 2 og 3, er den opdelt... Er det muligt at ændre det så det kommer til at ligge sådan her:
http://k-dev.dyndns.org/fritid/Movement/Eksempel.jpg

Mit problem er, at jeg ikke synes jeg kan komme til at have den på den måde, uden at den deler dem op i siderne så billedet bliver splittet...
Avatar billede hobbittend Novice
06. marts 2014 - 16:55 #5
lukket
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