login  Naam:   Wachtwoord: 
Registreer je!
 Forum

hoogte van de cellen dmv div

Offline Gust - 19/07/2008 11:44 (laatste wijziging 19/07/2008 11:46)
Avatar van GustMySQL interesse Ik ben bezig met mijn agenda dynamisch te maken. Op dit ogenblik ziet het er zo uit: Klik op http://www.hoorn.be - activiteiten

De dynamische agenda ziet tot nu toe als volgt uit: http://www.hoorn.be/agenda/agenda.php
- de activiteit verdwijnt vanzelf als de datum verlopen is
-aan de rest moet nog gewerkt worden, maar dat is voor later.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php 
  2.   while (list($id, $dag, $datum, $uur, $titel, $beschrijving, $land, $adres, $url, $afbeelding) = 
  3. mysql_fetch_row($result)){ 
  4.         echo (" 
  5.         <table width=\"95%\" border=\"0\" align=\"center\" height=\"100\"> 
  6.   <tr valign=\"top\" bgcolor=\"#decb7b\"> 
  7.     <td rowspan=\"4\" valign=\"middle\" width=\"25%\" bgcolor=\"#E6D697\"><br><div align=\"center\"> 
  8.       <p><font face=\"Helvetica, sans-serif, Arial\">$dag</font><font face=\"Helvetica, sans-serif, Arial\"><br> 
  9.         $datum<br> 
  10.         $uur</font></p> 
  11.     </div> 
  12.     <p align=\"center\"><img src=\"$afbeelding\" width=\"200\"/></p><br /></td> 
  13.     <td rowspan=\"4\" valign=\"middle\" width=\"1%\" bgcolor=\"#efe3b5\">&nbsp;</td> 
  14.     <td bgcolor=\"#efe3b5\" height=\"20\" width=\"64%\"><font face=\"Helvetica, Arial, sans-serif\" size=\"3\"><b>$titel</b></font></td> 
  15.     <td bgcolor=\"#FF0000\" height=\"20\" width=\"10%\"><div align=\"center\"><font face=\"Helvetica, sans-serif, Arial\" color=\"#efe3b5\"><b>$land</b></font></div></td> 
  16.   </tr> 
  17.   <tr valign=\"top\"> 
  18.     <td height=\"2\" bgcolor=\"#efe3b5\" colspan=\"2\">$beschrijving</td> 
  19.   </tr> 
  20.   <tr valign=\"top\"> 
  21.     <td height=\"20\" colspan=\"2\" bgcolor=\"#efe3b5\"><font face=\"Helvetica, sans-serif, Arial\" color=\"#7E5429\"><b>Locatie:</b> </font><font face=\"Helvetica, Arial, sans-serif\" size=\"3\" color=\"#7E5429\">$adres</SPAN></font></td> 
  22.   </tr> 
  23.   <tr valign=\"top\"> 
  24.     <td height=\"20\" bgcolor=\"#efe3b5\" colspan=\"2\" valign=\"middle\"><font face=\"Helvetica, sans-serif, Arial\" size=\"3\"><a href=\"$url\" target=\"_blank\"><font color=\"#000000\">meer 
  25.       info</font></a></font></td> 
  26.   </tr> 
  27. </table><br> 
  28.         "); 
  29.     } 
  30.     ?>


Wat is mijn probleem nu?
Als je de twee agenda's met elkaar vergelijkt, zie je dat de titel, het land, de locatie en de url in een cel zitten van 20 pixels hoog. Alleen de beschrijving (en uiteraard ad linkerkant de data en foto) mag een verwisselbare hoogte hebben. Dat is toch de bedoeling.

In de oorpsronkelijke agenda is dit zo, in de flexibele niet. Hoe komt dit?

De oplossing:
Zou het iets te maken hebben dat je geen hoogte kunt instellen met tabellen? Moet dit met div's gebeuren?

Ik heb geen ervaring in div's, weet er iemand hoe je dat kunt klaarspelen?

Dit is de tabel zonder de escapes:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table width="95%" border="0" align="center" height="100">
  2.   <tr valign="top" bgcolor="#decb7b">
  3.     <td rowspan="4" valign="middle" width="25%" bgcolor="#E6D697"><br><div align="center">
  4.       <p><font face="Helvetica, sans-serif, Arial">$dag</font><font face="Helvetica, sans-serif, Arial"><br>
  5.         $datum<br>
  6.         $uur</font></p>
  7.     </div>
  8.     <p align="center"><img src="$afbeelding" width="200"/></p><br /></td>
  9.     <td rowspan="4" valign="middle" width="1%" bgcolor="#efe3b5">&nbsp;</td>
  10.     <td bgcolor="#efe3b5" height="20" width="64%"><font face="Helvetica, Arial, sans-serif" size="3"><b>$titel</b></font></td>
  11.     <td bgcolor="#FF0000" height="20" width="10%"><div align="center"><font face="Helvetica, sans-serif, Arial" color="#efe3b5"><b>$land</b></font></div></td>
  12.   </tr>
  13.   <tr valign="top">
  14.     <td bgcolor="#efe3b5" colspan="2">$beschrijving</td>
  15.   </tr>
  16.   <tr valign="top">
  17.     <td height="20" colspan="2" bgcolor="#efe3b5"><font face="Helvetica, sans-serif, Arial" color="#7E5429"><b>Locatie:</b> </font><font face="Helvetica, Arial, sans-serif" size="3" color="#7E5429">$adres</SPAN></font></td>
  18.   </tr>
  19.   <tr valign="top">
  20.     <td height="20" bgcolor="#efe3b5" colspan="2" valign="middle"><font face="Helvetica, sans-serif, Arial" size="3"><a href="$url" target="_blank"><font color="#000000">meer 
  21.       info</font></a></font></td>
  22.   </tr>

2 antwoorden

Gesponsorde links
Offline Martijn - 19/07/2008 15:23
Avatar van Martijn Crew PHP wat me eigenlijk meteen opvalt is dat je html een beetje slordig is. Overal zet je font face neer, terwijl je dat heel simpel met 1 regel in een css kunt zetten, zodat je het niet steeds hoeft te typen

wat je zou kunnen doen is per <tr> dit maken:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <tr style="min-height: 20px;">


ook dat kun je simpel met een css maken, maar dit is wat directer
Offline Gust - 19/07/2008 15:37 (laatste wijziging 23/07/2008 12:49)
Avatar van Gust MySQL interesse Nee hoor, dat helpt niet met een tr-style (zie online).

Heeft er iemand een oplossing, want heb het nog altijd niet gevonden  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.194s