Avatar billede klamse Nybegynder
14. marts 2004 - 17:14 Der er 14 kommentarer og
1 løsning

Tabeller der udvider sig?

Hej!
Jeg er ved at lave denne side:

http://www.repsack.dk/index80001.php

Det er jo fint nok...
Men hvis man så trykker på portfolio, så udvider tabellen af sig selv og gør sig bredere end billedet bagved...
Det er jo ikke lige for fed ;)

Kan jeg ikke låse dette table vel og mærke kun i breden...:D

Kan nogle hjælpe mig???
Bare sig til hvis i skal bruge hele koden :D

VH Ølbas
///REPSACK.DK\\\
Avatar billede duvander Juniormester
14. marts 2004 - 17:20 #1
angiv evt. størrelsen på tabellen med px. [Weight="100px"]
Avatar billede miss-g Seniormester
14. marts 2004 - 17:21 #2
Hos mig udvider den sig da ikke i bredden - kun i højden?

Men som duvander skriver, så plejer det at hjælpe at sætte størrelse på.
Avatar billede roenving Novice
14. marts 2004 - 17:31 #3
-- den hedder forøvrigt width (bredde !-)

For height (højde) er jo ikke en gyldig attribut på et table-tag !o]
Avatar billede klamse Nybegynder
14. marts 2004 - 17:37 #4
Jeg sender lige hele koden ok?...
fordi jeg synes jeg har prøvet ;) at skrive det:
Den er er rimeligt lang
Avatar billede klamse Nybegynder
14. marts 2004 - 17:37 #5
<?
$_GET['side'] = isset($_GET['side']) ? $_GET['side'] : 'Forside';
{  $out = 'velkommen, der vil snarrest komme noget indhold.  Skynder os alt det vi kan ;)';
}
if($_GET['side'] == 'prove')
{
  $out = 'dette er bare en prove';
  }
if($_GET['side'] == 'Kontakt')
{
  $out = 'Kontakt formular på vej! :)';
}
elseif ($_GET['side'] == 'Designs')
{
  $out = 'Kunne du tænke dig et design';
} elseif ($_GET['side'] == 'Portfolio')
{
$out = '<div align="center">
  <center>
  <table border="0" width="50%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="22%" rowspan="4"><img border="0" src="stuff/portfolie/screensvinene.gif"

width="128" height="128"></td>
      <td width="1%" valign="top">Screen shot:</td>
      <td width="120%" valign="top">Her</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Kommentar:</td>
      <td width="120%" valign="top">Vores Første side, lavet på webbyen.</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Sprog:</td>
      <td width="120%" valign="top">HTML</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Programmer:</td>
      <td width="120%" valign="top">Webbyen.</td>
    </tr>
  </table>
  </center>
</div>
<p>&nbsp;</p>
<div align="center">
  <center>
  <table border="0" width="50%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="22%" rowspan="4"><img border="0"

src="stuff/portfolie/screenoldrepsack.gif" width="128" height="128"></td>
      <td width="1%" valign="top">Screen shot:</td>
      <td width="120%" valign="top">Her</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Kommentar:</td>
      <td width="120%" valign="top">Den første side, efter vi fik domænet, <a

href="www.repsack.dk</a></td>" target="_blank">http://www.repsack.dk">www.repsack.dk</a></td>
    </tr>
    <tr>
      <td width="1%" valign="top">Sprog:</td>
      <td width="120%" valign="top">HTML</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Programmer:</td>
      <td width="120%" valign="top">Frontpage, Paint shop pro 8.</td>
    </tr>
  </table>
  </center>
</div>
<p>&nbsp;</p>
<div align="center">
  <center>
  <table border="0" width="50%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="22%" rowspan="4"><img border="0" src="stuff/portfolie/screenmybong.gif"

width="128" height="128"></td>
      <td width="1%" valign="top">Screen shot:</td>
      <td width="120%" valign="top">Her</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Kommentar:</td>
      <td width="120%" valign="top">Første version af Mybong hjemmesiden efter
        vi flyttede til en server hos Surftown.dk</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Sprog:</td>
      <td width="120%" valign="top">HTML</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Programmer:</td>
      <td width="120%" valign="top">Frontpage, Paint shop pro 8.</td>
    </tr>
  </table>
  </center>
</div>
<p>&nbsp;</p>
<div align="center">
  <center>
  <table border="0" width="50%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="22%" rowspan="4"><img border="0" src="stuff/portfolie/screensvinene.gif"

width="128" height="128"></td>
      <td width="1%" valign="top">Screen shot:</td>
      <td width="120%" valign="top">Her</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Kommentar:</td>
      <td width="120%" valign="top">&quot;Hemmeligt design&quot;, som vidst var
        oppe en dag eller 2 ;)</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Sprog:</td>
      <td width="120%" valign="top">HTML</td>
    </tr>
    <tr>
      <td width="1%" valign="top">Programmer:</td>
      <td width="120%" valign="top">Webbyen.</td>
    </tr>
  </table>
  </center>
</div>
';
} elseif ($_GET['side'] == 'mp3')
{
  $mappe = 'stuff/mp3'; // navn på din mappe med Flash filer
    $out = '<table>';
    $data = listFiler($mappe);
    foreach($data['navn'] as $key=>$name) {
        $size = round($data['size'][$key]/1024,2);
        $titel = substr($name, 0, -4);
        $out .= "<tr><td><img src='gfx/ikoner/movies.gif' /></td><td><a

href='$mappe/$name'>$titel</a><br />$size Kb</td></tr>";
    }
    $out .= '</table>';
}
elseif ($_GET['side'] == 'os')
{
  $out = 'Her vil der stå noget om os';
}elseif ($_GET['side'] == 'Flashspil')
{
    $mappe = 'stuff/flash'; // navn på din mappe med Flash filer
    $out = '<table>';
    $data = listFiler($mappe);
    foreach($data['navn'] as $key=>$name) {
        $size = round($data['size'][$key]/1024,2);
        $titel = substr($name, 0, -4);
        $out .= "<tr><td><img src='gfx/ikoner/flash.gif' /></td><td><a

href='$mappe/$name'>$titel</a><br />$size Kb</td></tr>";
    }
    $out .= '</table>';
}
elseif ($_GET['side'] == 'Movies')
{
    $mappe = 'stuff/movies'; // navn på din mappe med Flash filer
    $out = '<table>';
    $data = listFiler($mappe);
    foreach($data['navn'] as $key=>$name) {
        $size = round($data['size'][$key]/1024,2);
        $titel = substr($name, 0, -4);
        $out .= "<tr><td><img src='gfx/ikoner/movies.gif' /></td><td><a

href='$mappe/$name'>$titel</a><br />$size Kb</td></tr>";
    }
    $out .= '</table>';
}elseif ($_GET['side'] == 'Downloads')
{
  $out = '<center><i> Kommer snart </i></center>';
}
function listFiler($dir) {
    $d = dir($dir);
    while (false !== ($entry = $d->read())) {
        if (is_file($dir."/".$entry)) {
      if (eregi("(swf|wmv|mp3)$", $entry)) {
                $data['size'][] = filesize($dir."/".$entry);
                $data['navn'][] = $entry;
            }
        }
    }
    $d->close();
    return $data;
}

?>
<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>PROVE</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>

<p align="center">&nbsp;</p>
<div align="center">
  <table border="0" width="668" height="591" cellspacing="0" cellpadding="0">
  <tr>
    <center>
        <td width="285" height="179"  STYLE="width:285px;table-layout:fixed;"> ><img

src="gfx/logo2.gif" width="290" height="180"></td>
    </center>
    <td width="373" height="591" rowspan="2" valign="top">
      <div align="center">
        <center>
        <table border="0" width="100%" height="441" cellspacing="0">
          <tr>
            <td height="156" background="gfx/midttop6.gif">&nbsp;</td>
          </tr>
          <tr>
            <th height="189" background="gfx/midtmidt3.gif" valign="top">
                  <table width="263" border="0" cellspacing="0" cellpadding="0"

height="220">
                    <tr>
                      <td Weight="100px" valign="top">
                        <? echo $out; ?>
                      </td>
                    </tr>
                  </table>
                </th>
          </tr>
          <tr>
            <td height="86" background="gfx/midtbund.gif" valign="top">
              <p align="center">&nbsp;</td>
          </tr>
        </table>
        </center>
      </div>
    </td>
  </tr>
  <center>
  <tr>
    <td width="285" height="404" valign="top">
          <div align="center">
            <p class="table">&nbsp;</p>
            <table border="0" cellspacing="0" background="gfx/menu.gif" width="197"

height="397">
          <tr>
            <td width="193" height="395" valign="top">&nbsp;
                  <p class="table">&nbsp;</p>
                  <p>&nbsp;</p>
              <div align="center">
                    <table border="0" cellspacing="0" width="95" height="1">
                      <tr>
                        <td width="91" height="1" valign="top" align="center">
                          <p align="center" class="overmenu">Repsack.dk
                        </td>
                      </tr>
                      <tr>
                        <td width="91" height="1" valign="top" align="center" class="menu">
                          <p align="center"><a href="?side=Forside">Forside</a>
                        </td>
                      </tr>
                      <tr>
                        <td width="91" height="14" valign="top" align="center"

class="menu">
                          <p align="center"><a href="?side=Portfolio">Portfolio</a>
                        </td>
                      </tr>
                      <tr>
                        <td width="91" height="1" valign="top" align="center" class="menu">
                          <p align="center"><a href="?side=Kontakt">Kontakt</a>
                        </td>
                      </tr>
                      <tr>
                        <td width="91" height="15" valign="top" align="center"></td>
                      </tr>
                      <tr>
                        <td width="91" height="1" valign="top" align="center"

class="overmenu">Stuff</td>
                      </tr>
                      <tr>
                        <td width="91" height="1" valign="top" align="center"

class="menu"><a href="?side=mp3">MP3</a></td>
                      </tr>
                      <tr>
                        <td width="91" height="1" valign="top" align="center"

class="menu"><a href="?side=Movies">Movies</a></td>
                      </tr>
                      <tr>
                        <td width="91" height="1" valign="top" align="center"

class="menu"><a href="?side=Flashspil">Flash</a></td>
                      </tr>
                      <tr>
                        <td width="91" height="1" valign="top" align="center" class="menu">
                          <p align="center"><a href="?side=Andet">Andet</a>
                        </td>
                      </tr>
                      <tr>
                        <td width="91" height="1" valign="top" align="center"></td>
                      </tr>
                    </table>
              </div>
            </td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
  </center></table>
 
</div>

</body>

</html>
Avatar billede duvander Juniormester
14. marts 2004 - 17:54 #6
Ja det gik lidt stærkt. Jeg kan se du kun angvier height med height="tal". byt den ud med height="talpx"
Avatar billede klamse Nybegynder
14. marts 2004 - 17:54 #7
Kan i ikke hjælpe ? :(
Avatar billede roenving Novice
14. marts 2004 - 17:56 #8
Du kan ikke 'låse' en tabels størrelse, fordi tabel-elementet er designet til at vise det, som er indeni ...

Men du kan putte dit indhold i et positioneret element og give det en fikseret størrelse, som passer til tabellens størrelse:

<div id="tableContent" style="position:relative;width:100%;overflow:hidden;">

<!-- Dit indhold -->

</div>

-- og de 100% i bredde skal relatere til det nærmest omkransende positionerede element, så tabellen skal også have position:relative på !-)
Avatar billede klamse Nybegynder
14. marts 2004 - 17:56 #9
Ups opdaterede ikke sorry
prøver lige
Avatar billede klamse Nybegynder
14. marts 2004 - 18:03 #10
Hmm skal jeg sætte div inde i table
Eller udenom
Avatar billede roenving Novice
14. marts 2004 - 18:06 #11
Inde i cellerne er den bedste løsning !-)
Avatar billede klamse Nybegynder
14. marts 2004 - 18:15 #12
Det ser ok ud....
Men så snart man trykker på portfolio så udvider den sig jo???
Avatar billede klamse Nybegynder
14. marts 2004 - 18:33 #13
Nyt link:
http://www.repsack.dk/index80005.php

Den udvider sig stadig ved portfolio???
Avatar billede klamse Nybegynder
14. marts 2004 - 21:03 #14
Kan jeg gøre andet?
Har prøvet med px Kunne ikke få det til at virke!
Avatar billede klamse Nybegynder
17. marts 2004 - 20:41 #15
Tak for hjælpen men det løste ikke problemet...
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