login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tabel height werkt niet

Offline finduilas - 14/04/2006 11:37
Avatar van finduilasPHP gevorderde Hallo;
Ik ben bezig met een layout.
Dit is m'n code:
  1. <tr>
  2. <td width="100" height="27" background="menu.gif"><center>
  3. Menu</center>
  4. </td>
  5. <td width="636" rowspan="2"><?php
  6. if (isset($_GET['pagina']))
  7. {
  8. if($_GET['pagina']=='home')
  9. {
  10. include('home.php');
  11. }
  12. elseif($_GET['pagina']=='aanmelden')
  13. {
  14. include('aanmelden.php?id=$_GET[id]');
  15. }
  16. elseif($_GET['pagina']=='top100')
  17. {
  18. include('top100.php');
  19. }
  20. elseif($_GET['pagina']=='regels')
  21. {
  22. include('regels.php');
  23. }
  24. elseif($_GET['pagina']=='prijzen')
  25. {
  26. include('prijzen.php');
  27. }
  28. }
  29. else
  30. {
  31. include('home.php');
  32. }
  33. ?>
  34. </td>
  35. </tr>
  36. <tr>
  37. <td bgcolor="#E8E8E8" valign="top" height="100%"><a href="<?php echo "?pagina=home&id=".$_GET[id].""; ?>">Home</a><br />
  38. <a href="<?php echo "?pagina=aanmelden&id=".$_GET[id].""; ?>">Aanmelden</a><br />
  39. <a href="<?php echo "?pagina=inloggen&id=".$_GET[id].""; ?>">Inloggen</a><br />
  40. <a href="<?php echo "?pagina=top100&id=".$_GET[id].""; ?>">Top100</a><br />
  41. <a href="<?php echo "?pagina=regels&id=".$_GET[id].""; ?>">Regels</a><br />
  42. <a href="<?php echo "?pagina=prijzen&id=".$_GET[id].""; ?>">Prijzen</a>
  43. </td>
  44. </tr>


Met deze code krijg ik:
http://www.intensityclan.be/dealer/NIEUW/fout.gif

Terwijl ik eigenlijk dit wil:
http://www.intensityclan.be/dealer/NIEUW/goed.gif

15 antwoorden

Gesponsorde links
Offline XeoN - 14/04/2006 11:48
Avatar van XeoN HTML interesse
  1. <tr>
  2. <td width="100" height="10" background="menu.gif"><center>
  3. Menu</center>
  4. </td>
  5. <td width="636" rowspan="2"><?php
  6. if (isset($_GET['pagina']))
  7. {
  8. if($_GET['pagina']=='home')
  9. {
  10. include('home.php');
  11. }
  12. elseif($_GET['pagina']=='aanmelden')
  13. {
  14. include('aanmelden.php?id=$_GET[id]');
  15. }
  16. elseif($_GET['pagina']=='top100')
  17. {
  18. include('top100.php');
  19. }
  20. elseif($_GET['pagina']=='regels')
  21. {
  22. include('regels.php');
  23. }
  24. elseif($_GET['pagina']=='prijzen')
  25. {
  26. include('prijzen.php');
  27. }
  28. }
  29. else
  30. {
  31. include('home.php');
  32. }
  33. ?>
  34. </td>
  35. </tr>
  36. <tr>
  37. <td bgcolor="#E8E8E8" valign="top" height="100%"><a href="<?php echo "?pagina=home&id=".$_GET[id].""; ?>">Home</a><br />
  38. <a href="<?php echo "?pagina=aanmelden&id=".$_GET[id].""; ?>">Aanmelden</a><br />
  39. <a href="<?php echo "?pagina=inloggen&id=".$_GET[id].""; ?>">Inloggen</a><br />
  40. <a href="<?php echo "?pagina=top100&id=".$_GET[id].""; ?>">Top100</a><br />
  41. <a href="<?php echo "?pagina=regels&id=".$_GET[id].""; ?>">Regels</a><br />
  42. <a href="<?php echo "?pagina=prijzen&id=".$_GET[id].""; ?>">Prijzen</a>
  43. </td>
  44. </tr>
Offline Thomas - 14/04/2006 12:18
Avatar van Thomas Moderator height en bgcolor zijn geen geldige HTML-attributen. Regel dit via CSS.
Offline finduilas - 14/04/2006 15:09 (laatste wijziging 14/04/2006 17:19)
Avatar van finduilas PHP gevorderde :s.Lukt me niet:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <LINK REL="stylesheet" HREF="style.css" TYPE="text/css">
  7. </head>
  8. <?php
  9. include('connect.php');
  10. ?>
  11. <body>
  12. <table>
  13. <tr>
  14. <td colspan="2"><img src="header.gif""></td>
  15. </tr>
  16. <tr>
  17. <td class="menutop"><center>
  18. Menu</center>
  19. </td>
  20. <td width="636" rowspan="2"><?php
  21. if (isset($_GET['pagina']))
  22. {
  23. if($_GET['pagina']=='home')
  24. {
  25. include('home.php');
  26. }
  27. elseif($_GET['pagina']=='aanmelden')
  28. {
  29. include('aanmelden.php?id=$_GET[id]');
  30. }
  31. elseif($_GET['pagina']=='top100')
  32. {
  33. include('top100.php');
  34. }
  35. elseif($_GET['pagina']=='regels')
  36. {
  37. include('regels.php');
  38. }
  39. elseif($_GET['pagina']=='prijzen')
  40. {
  41. include('prijzen.php');
  42. }
  43. }
  44. else
  45. {
  46. include('home.php');
  47. }
  48. ?>
  49. </td>
  50. </tr>
  51. <tr>
  52. <td bgcolor="#E8E8E8" valign="top" height="100%"><a href="<?php echo "".$_GET[id].""; ?>">Home</a><br />
  53. <a href="<?php echo "".$_GET[id].""; ?>">Aanmelden</a><br />
  54. <a href="<?php echo "".$_GET[id].""; ?>">Inloggen</a><br />
  55. <a href="<?php echo "".$_GET[id].""; ?>">Top100</a><br />
  56. <a href="<?php echo "".$_GET[id].""; ?>">Regels</a><br />
  57. <a href="<?php echo "".$_GET[id].""; ?>">Prijzen</a>
  58. </td>
  59. </tr>
  60. </table>
  61. </body>
  62. </html>


En m'n css:
  1. .menutop {
  2. background-image: url("menu.gif");
  3. height: 27px;
  4. }

M'n height gaat nog steeds niet.

Offline Kevin - 14/04/2006 17:27
Avatar van Kevin Crew Ajax/REST probeer als hoogte is 100% ?
Offline Ultimatum - 14/04/2006 17:27 (laatste wijziging 14/04/2006 17:28)
Avatar van Ultimatum PHP expert
  1. <td class="menu">
  2.  
  3. .menu {
  4. background-image: url("menu.gif");
  5. bacground-repeat: no-repeat;
  6. width: 100px;
  7. height: 27px;
  8. }


mss werkt dus 

edit: waarom in godsnaam height: 100%; , het moet tog niet 100% hoog zijn 
Offline finduilas - 14/04/2006 17:45
Avatar van finduilas PHP gevorderde Werkt ook niet.Zelfs die no-repeat werkt niet.Denk dat er iets mis is met dat.Ik geef de background dus aan een kolom.Mag dit?
Offline Kevin - 14/04/2006 17:47
Avatar van Kevin Crew Ajax/REST Normaal wel ja 
Offline finduilas - 14/04/2006 19:26
Avatar van finduilas PHP gevorderde NIet dus;

Mss even een tip?
Offline Simon - 14/04/2006 19:46 (laatste wijziging 14/04/2006 19:47)
Avatar van Simon PHP expert Hoe groot is menu.gif??
afmetingen

als het idd 27 px is, kan dit niet: height="27"
dat is geen 27 pixels

probeer eens zo bij die td

style="height: 27px"
Offline BramBo - 14/04/2006 20:10 (laatste wijziging 14/04/2006 20:11)
Avatar van BramBo JS gevorderde Probeer 't zo eens :
  1. td.menutop {
  2. width : 100px;
  3. height : 27px;
  4. background : url(menu.gif) no-repeat left top;
  5. text-align : center;
  6. }
  7.  
  8. td.menutop b {
  9. color : #000;
  10. line-height : 18px;
  11. font-size : 16px;
  12. font-weight : normal;
  13. }



  1. <table>
  2. <tr>
  3. <td class='menutop'><b<Menu</b></td>
  4. <td rowspan='2'></td>
  5. </tr>
  6. <tr>
  7. <td>Blaat<br><br></td>
  8. </tr>
  9. </table>
Offline finduilas - 15/04/2006 10:28 (laatste wijziging 15/04/2006 10:28)
Avatar van finduilas PHP gevorderde <b< => <b> 

Maar ik ga even proberen.
Offline Ultimatum - 15/04/2006 10:43
Avatar van Ultimatum PHP expert en als je dat css van mij nou gewoon in een <td style=""> zet dan 

dus
  1. <td style="background-image: url("menu.gif"); bacground-repeat: no-repeat; width: 100px; height: 27px;"></td>

?? 
Offline finduilas - 15/04/2006 10:48 (laatste wijziging 15/04/2006 15:56)
Avatar van finduilas PHP gevorderde Ik zit met een probleem(versie brambo)
Die No repeat werkt.Alleen is het niet echt wat ik wil.Hij mag wel uitrekken maar niet naar beneden dan.

En nu is alles eronder wit.Dat moet gewoon weg.

http://www.intensityclan.be/dealer/NIEUW/
Offline BramBo - 15/04/2006 17:05 (laatste wijziging 15/04/2006 17:07)
Avatar van BramBo JS gevorderde Hey Finduilas ik ben zo vrij geweest om je schematic structure even te herzien zodat je de code flink kan inkorten, zowel css als de html.

Verder zou je er ook goed aan doen om wanneer je css gebruikt dit te hanteren en zo min mogelijk inline styles te gebruiken. normaliter wekrt het wel, maar draagt niet echt bij aan de leesbaarheid van je document voor jou, en mogelijke se-bots.

Hier volgt een werkende versie [in iedergeval dat denk ik, niet getest]:
  1. /* CSS */
  2. table {
  3. padding : 0px;
  4. width : 740px;
  5. }
  6. div.menutop {
  7. width : 100px;
  8. height : 27px;
  9. background : url(menu.gif) repeat-x left top;
  10. text-align : center;
  11. vertical-align : top;
  12. padding : 0px;
  13. margin : 0px;
  14. }
  15.  
  16. td.menu a {
  17. color : #000;
  18. line-height : 18px;
  19. font-size : 16px;
  20. font-weight : normal;
  21. text-decoration : none;
  22. }
  23.  
  24. td.menu a:hover {
  25. text-decoration : underline;
  26. }
  27.  
  28. td.menu {
  29. vertical-align : top;
  30. width : 100px;
  31. background : #E8E8E8;
  32. padding : 0px;
  33. }
  34. td.content {
  35. width : 600px;
  36. text-align : left;
  37. vertical-align : top;
  38. }
  39.  
  40. /* HTML */
  41. <table>
  42. <tbody>
  43. <tr>
  44. <td colspan="2"><img src="NIEUW-bestanden/header.gif"></td>
  45. </tr>
  46. <tr>
  47. <td class="menu">
  48.  
  49. <div class='menutop'>Menu</div>
  50.  
  51. <a href="">Home</a><br>
  52. <a href="">Aanmelden</a><br>
  53. <a href="">Inloggen</a><br>
  54. <a href="">Top100</a><br>
  55. <a href="">Regels</a><br>
  56. <a href="">Prijzen</a>
  57. </td>
  58. <td class='content'>
  59. blaat
  60. </td>
  61. </tr>
  62. </tbody>
  63. </table>
Offline finduilas - 16/04/2006 08:21
Avatar van finduilas PHP gevorderde Het verbeterd.
Alleen nog altijd de width 

http://www.intensityclan.be/dealer/NIEUW/
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.431s