Fastgørelse af elementer til top og bottom i samme kollonne
Hej EksperterJeg er i gang med at udvikle et template til min nye hjemmeside. Det er gået meget godt indtil nu, men her til sidst er jeg stødt på et problem. Jeg har en kolonne i en tabel, hvor jeg vil have et element klæbet til toppen og et element klæbet til bunden.
I kan se min hjemmeside her: www.rasmusmp.dk. Hvis den ser mærkelig ud, er det, fordi jeg roder med den. Hvis det er tilfældet, så kig i stedet på dette screenshot for at forstå, hvad jeg prøver på: www.rasmusmp.dk/rasmusmpscreenshot.JPG
Det, der giver mig problemer (tror jeg), er følgende kode:
<TD background="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_13.gif" style="background-repeat:no-repeat "><table width="164" border="0" cellspacing="0" cellpadding="0">
<td width="50"> </td>
<td width="135" valign="top"><table width="135" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="15"> </td>
</tr>
<tr>
<td><?php mosLoadModules( 'right' ); ?></td>
</tr>
<tr>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_17.gif" WIDTH=164 HEIGHT=39 ALT=""></TD>
</tr>
</table></td>
<td width="10"> </td>
</tr>
Koden er kolonnen ude i højre side hvor der er en talebobbel. Jeg vil gerne have "<?php mosLoadModules( 'right' ); ?>" op i taleboblen mens "<IMG SRC="temp....GHT=39 ALT="">" skal sidde allernederst. Jeg har prøvet at valigne og aligne stort set alt jeg kunne komme til, men uanset hvad så har de to elementer bare været centreret.
Har du nogle gode ideer til hvad jeg kan gøre? For en god ordens skyld jeg jeg tilføjet hele koden nederst i svaret, hvis der nu skal rodes et andet sted. På forhånd tak for hjælpen.
Med venlig hilsen
Rasmus Mark Pedersen
<?php echo "<?xml version=\"1.0\"?>";
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?>
<!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>
<?php
/**
* YourTemplatesName - Millennium templates Series
* @version 0.1
* @package millennium
* @copyright (C) www.joomla-templates.com
* @license GPL License
*/
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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">
<?php if ( $my->id ) initEditor(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link rel="stylesheet" type="text/css" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/<?php echo $cur_template; ?>/css/template_css.css" />
<?php include ("templates/$cur_template/links.php"); ?>
</head>
<body>
<a name="up"></a>
<TABLE WIDTH=900 BORDER=0 CELLPADDING=0 CELLSPACING=0 background="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_14.gif">
<TR>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_01.gif" WIDTH=186 HEIGHT=107 ALT=""></TD>
<TD COLSPAN=8>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_02.gif" WIDTH=714 HEIGHT=107 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_03.gif" WIDTH=186 HEIGHT=32 ALT=""></TD>
<TD>
<a href="<?php echo sefRelToAbs("$cool_link_1"); ?>"><IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_04.gif" ALT="<?php echo $text_link_1; ?>" WIDTH=48 HEIGHT=32 border="0"></a></TD>
<TD>
<a href="<?php echo sefRelToAbs("$cool_link_2"); ?>"><IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_05.gif" ALT="<?php echo $text_link_2; ?>" WIDTH=80 HEIGHT=32 border="0"></a></TD>
<TD>
<a href="<?php echo sefRelToAbs("$cool_link_3"); ?>"><IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_06.gif" ALT="<?php echo $text_link_3; ?>" WIDTH=108 HEIGHT=32 border="0"></a></TD>
<TD>
<a href="<?php echo sefRelToAbs("$cool_link_4"); ?>"><IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_07.gif" ALT="<?php echo $text_link_4; ?>" WIDTH=108 HEIGHT=32 border="0"></a></TD>
<TD>
<a href="<?php echo sefRelToAbs("$cool_link_5"); ?>"><IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_08.gif" ALT="<?php echo $text_link_5; ?>" WIDTH=55 HEIGHT=32 border="0"></a></TD>
<TD>
<a href="<?php echo sefRelToAbs("$cool_link_6"); ?>"><IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_09.gif" ALT="<?php echo $text_link_6; ?>" WIDTH=83 HEIGHT=32 border="0"></a></TD>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_10.gif" WIDTH=68 HEIGHT=32 ALT=""></TD>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_11.gif" WIDTH=164 HEIGHT=32 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=8 background="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_12.gif" style="background-repeat:no-repeat "><table width="736" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5"> </td>
<td width="150" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="22"> </td>
</tr>
<tr>
<td height="53"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="27%" height="53"> </td>
<td width="73%"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><form action='<?php echo sefRelToAbs("index.php"); ?>' method='post'>
<div align="left">
<input class="searchbox" type="text" name="searchword" height="16" size="15" value="<?php echo _SEARCH_BOX; ?>" onblur="if(this.value=='') this.value='<?php echo _SEARCH_BOX; ?>';" onfocus="if(this.value=='<?php echo _SEARCH_BOX; ?>') this.value='';" />
<input type="hidden" name="option" value="search" />
</div>
</td></form>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left"><?php mosLoadModules ( 'left' ); ?></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="35"> </td>
<td width="515" valign="top"><table width="515" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25"> </td>
</tr>
<tr>
<td align="center"><span class="pathway">
<?php mosPathWay(); ?>
</span></td>
</tr>
<tr>
<td align="center"><?php mosLoadModules( 'banner', -1 ); ?></td>
</tr>
<tr>
<td align="left"><?php mosLoadModules ( 'top' ); ?></td>
</tr>
<tr>
<td align="left"><?php mosMainBody(); ?></td>
</tr>
<tr>
<td align="left"><?php mosLoadModules ( 'bottom' ); ?></td>
</tr>
</table>
<tr>
<TD COLSPAN=8>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_16.gif" WIDTH=736 HEIGHT=39 ALT=""></TD>
</tr>
</td>
</table>
</TD>
<TD background="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_13.gif" style="background-repeat:no-repeat "><table width="164" border="0" cellspacing="0" cellpadding="0">
<td width="50"> </td>
<td width="135" valign="top"><table width="135" border="0" cellspacing="0" cellpadding="0">
<tr align="top">
<td height="15"> </td>
</tr>
<tr align="top">
<td><?php mosLoadModules( 'right' ); ?></td>
</tr>
<tr align="bottom">
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_17.gif" WIDTH=164 HEIGHT=39 ALT=""></TD>
</tr>
</table></td>
<td width="10"> </td>
</tr>
</table>
</TD>
</TR>
<TR>
<TD COLSPAN=9>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/rasmusmpredeye_18.gif" WIDTH=900 HEIGHT=12 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/spacer.gif" WIDTH=186 HEIGHT=0 ALT=""></TD>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/spacer.gif" WIDTH=48 HEIGHT=0 ALT=""></TD>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/spacer.gif" WIDTH=80 HEIGHT=0 ALT=""></TD>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/spacer.gif" WIDTH=108 HEIGHT=0 ALT=""></TD>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/spacer.gif" WIDTH=108 HEIGHT=0 ALT=""></TD>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/spacer.gif" WIDTH=55 HEIGHT=0 ALT=""></TD>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/spacer.gif" WIDTH=83 HEIGHT=0 ALT=""></TD>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/spacer.gif" WIDTH=68 HEIGHT=0 ALT=""></TD>
<TD>
<IMG SRC="templates/<?php echo $cur_template; ?>/images/spacer.gif" WIDTH=164 HEIGHT=0 ALT=""></TD>
</TR>
</TABLE>
</body>
</HTML>
