Menü über die Grafiken

psy23

Moin... ich habe nen Fettes Problem... ich will das Menü über die hintergrundgrafik rüber haben, doch es will nicht so wie ich das will...

hier ist erstmal der Code

PHP

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td align="left" valign="middle" class="menucontent">
    <table border="0" cellpadding="0" cellspacing="0" id="AutoNumber1"  width="100%" class="menu">
     <tr>
        <td  WIDTH=360 HEIGHT=150 class="menubar">
		</td>
        <td> <td><table width=50%><tr><td></td></tr></table></td></td>
		<td  WIDTH=360 HEIGHT=150 align=right class="menubar1"></td>
      </tr>
    </table>
  </td>        	
</tr>
</table>	
</tr>
</table>
[img]<?php echo DIR_WS_IMAGES; ?>menuleft.gif[/img]
</td>
<td>
<a onmouseover="home.src='<?php echo DIR_WS_IMAGES; ?>homea.gif';" 
   onmouseout="home.src='<?php echo DIR_WS_IMAGES; ?>home.gif';" 
   href="<?php echo tep_href_link(FILENAME_DEFAULT); ?>" class="headerNavigation">
   [img]<?php echo DIR_WS_IMAGES; ?>home.gif[/img]
</a>
</td>
<td>
<a onmouseover="aboutus.src='<?php echo DIR_WS_IMAGES; ?>aboutusa.gif';" 
   onmouseout="aboutus.src='<?php echo DIR_WS_IMAGES; ?>aboutus.gif';" 
   href="<?php echo tep_href_link(FILENAME_CONTACT_US);?>" class="headerNavigation">
   [img]<?php echo DIR_WS_IMAGES; ?>aboutus.gif[/img]
</a>
</td>
<td>
<a onmouseover="products.src='<?php echo DIR_WS_IMAGES; ?>productsa.gif';" 
   onmouseout="products.src='<?php echo DIR_WS_IMAGES; ?>products.gif';" 
   href="<?php echo tep_href_link(FILENAME_DEFAULT); ?>" class="headerNavigation">
   [img]<?php echo DIR_WS_IMAGES; ?>products.gif[/img]
</a>
</td>
<td>
<?php if (tep_session_is_registered('customer_id')) { ?>
   <a onmouseover="imglogin.src='<?php echo DIR_WS_IMAGES; ?>logouta.gif';" 
   onmouseout="imglogin.src='<?php echo DIR_WS_IMAGES; ?>logout.gif';" 
   href="<?php echo tep_href_link(FILENAME_LOGOFF, '../../os01c00014/ver_2.2ms2/includes', 'SSL'); ?>" class="headerNavigation">
   <img border=0 name=imglogin src=<?php echo DIR_WS_IMAGES; ?>logout.gif></a>
   <?php } 
   else {?>
   <a onmouseover="imglogout.src='<?php echo DIR_WS_IMAGES; ?>logina.gif';" 
   onmouseout="imglogout.src='<?php echo DIR_WS_IMAGES; ?>login.gif';" 
   href="<?php echo tep_href_link(FILENAME_LOGIN, '../../os01c00014/ver_2.2ms2/includes', 'SSL'); ?>" class="headerNavigation">
   <img border=0 name=imglogout src=<?php echo DIR_WS_IMAGES; ?>login.gif></a>
   <?php } ?>
</td>
<td>
<a onmouseover="yourcart.src='<?php echo DIR_WS_IMAGES; ?>yourcarta.gif';" 
   onmouseout="yourcart.src='<?php echo DIR_WS_IMAGES; ?>yourcart.gif';" 
   href="<?php echo tep_href_link(FILENAME_SHOPPING_CART, '../../os01c00014/ver_2.2ms2/includes', 'SSL'); ?>" class="headerNavigation">
   [img]<?php echo DIR_WS_IMAGES; ?>yourcart.gif[/img]
</a>
</td>
<td>
<a onmouseover="checkout.src='<?php echo DIR_WS_IMAGES; ?>checkouta.gif';" 
   onmouseout="checkout.src='<?php echo DIR_WS_IMAGES; ?>checkout.gif';" 
   href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '../../os01c00014/ver_2.2ms2/includes', 'SSL'); ?>" class="headerNavigation">
   [img]<?php echo DIR_WS_IMAGES; ?>checkout.gif[/img]
</a>
</td>
<td>
[img]<?php echo DIR_WS_IMAGES; ?>menuright.gif[/img]
</td>
</tr>
</table>

Alles anzeigen

Michael_D

Ich find jetzt in deim Code grad kein CSS-Stil und weiß deswegen nicht, ob Du's schon probiert hast, aber machs doch mal so: in das Stylesheet von Deiner Menütabelle einfach:

Code

.menutable {
         ...
	background-image: url(http://www.pfad-zum-bild.de/bild.jpg);
         ...
}

dazutun. Müsste dann eigentlich passen. Darfst halt dann keine Hintergrundfarbe für die Tabelle mehr definieren sonst siehst nix mehr vom Bild...

Ronald

Zitat von Michael_D

Darfst halt dann keine Hintergrundfarbe für die Tabelle mehr definieren sonst siehst nix mehr vom Bild...

Das ist falsch, eine Hintergrundgrafik überdeckt eine Hintergrundfarbe und nicht umgekehrt.

G.a.d.M.

Ronald

Michael_D

Richtig, da hat Roland recht. war mir selber nimmer so sicher und habs unglücklicherweise in ner datei mit zwei verschachtelten <table>'s ausprobiert. Da überdeckt dann natürlich die Zellenfarbe...

Tags