login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Verticale uitlijning klopt niet helemaal

Offline AgentX - 06/07/2007 14:30
Avatar van AgentXHTML beginner Hallo luitjes,

Ik heb een plaatje in een table staan, maar ik krijg dat niet echt goed uitgelijnd... (het plaatje is wel kleiner dan die balk)
Iemand een ideetje?

Zie hier het voorbeeld:
http://v2.themafiaclub.nl/
Het gaat om dat knopje boven het menu... je ziet het al.

Thanks! 

4 antwoorden

Gesponsorde links
Offline tbsites - 06/07/2007 15:03
Avatar van tbsites Onbekend Wat is de code?
Offline AgentX - 06/07/2007 18:30 (laatste wijziging 06/07/2007 18:38)
Avatar van AgentX HTML beginner Je kunt in de broncode kijken, maar goed, dit is het stukkie eigenlijk:

[** Edit **] Hier nog een screentje: http://img401.i...eemdj2.jpg

  1. <table border="0" cellpadding="0" cellspacing="0" style="background-color: #FFFFFF; padding: 0px; border: 1px solid black; width: 980px; height: 100%;">
  2. <tr>
  3. <td colspan="3" style="width: 980px; height: 42px; background: url(img/a.png) repeat-x; text-align: right;">
  4. <a class="toplink" href="?"> Contact </a>
  5. <a class="toplink" href="?"> Copyright </a>
  6. </td>
  7. </tr>
  8. <tr>
  9. <td style="background: url(img/header.jpg); width: 980; height: 100px;" colspan="3" valign="middle">
  10.  
  11. </td>
  12. </tr>
  13. <tr>
  14. <td colspan="3" style="background: url(img/a.png) repeat-x;">
  15. <a class="toplink" href="index.php"> Home </a>
  16. <a class="toplink" href="forum.php"> <img src="img/forum.png" border="0"> </a>
  17. <a class="toplink" href="status.php"> Status </a>
  18. <a class="toplink" href="leden.php"> Ledenlijst </a>
  19. </td>
  20. </tr>
  21. <tr>
  22. <td style="background: #333333; width: 200px; float: left; padding: 5px;" valign="top" rowspan="1">
  23. <?php
  24. include("menu.php");
  25. ?>
  26. <br>
  27. </td>
  28. <td align="left" valign="top" style="background-color: #333333; width: 780px; float: left; padding: 5px;">
  29.  
  30. <!-- Naja dan zit hier dus de content -->
  31.  
  32. </td>
  33. </tr>
  34. <tr>
  35. <td colspan="2" style="background: url(img/a.png) repeat-x; height: 36px; border-top: 1px solid black; line-height: 36px; color: #DDDDDD; text-align: center;">
  36. CopyRight </td>
  37. </tr>
  38. </table>


Naja tis misschien een beetje lange lap met code, maar goed...
Het gaat denk ik om dit stukkie:

  1. <td colspan="3" style="background: url(img/a.png) repeat-x;">
  2. <a class="toplink" href="index.php"> Home </a>
  3. <a class="toplink" href="forum.php"> <img src="img/forum.png" border="0"> </a>
  4. <a class="toplink" href="status.php"> Status </a>
  5. <a class="toplink" href="leden.php"> Ledenlijst </a>
  6. </td>


Je ziet hier nog CSS (toplink):

  1. <style>
  2. a.toplink{
  3. /*color: #D1D3D7; */
  4. color: #FFFFFF;
  5. text-decoration: none;
  6. background: url(img/a.png);
  7. height: 42px;
  8. padding-left: 10px;
  9. padding-right: 10px;
  10. line-height: 38px;
  11. text-align: center;
  12. }
  13. a:hover.toplink{
  14. /*color: #484E56; */
  15. color: #FFFFFF;
  16. background: url(img/a_hover.png);
  17. height: 42px;
  18. }
  19. </style>


Thanks!
Offline zointer - 07/07/2007 06:58 (laatste wijziging 07/07/2007 07:00)
Avatar van zointer HTML gevorderde
Citaat:
Het gaat om dat knopje boven het menu... je ziet het al.

Nee, tussen home en status staat forum.

Bekijk je site eens in ff, opera........

http://dump.lowereast.nl/lowereast/1183784229.gif (als link niet werkt copy en past)
Offline JBke - 07/07/2007 07:47
Avatar van JBke PHP gevorderde gebruik v-align om je buttons verticaal uit te lijnen.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.254s