We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 32347
    • 143 Posts
    Hello,

    I am having trouble with the images I am putting in the page not showing up. It’s as if it is not seeing the path to the image. The image is in the file that it is supposed to be in. ANy idea as to why it is not working? I ahve tried even hard codeing the image with web url and it still is not showing up. frustrated please help.

    Thank you
      • 28042 ☆ A M B ☆
      • 24,524 Posts
      What does a "view source" on the actual web page look like? What does the URL it has to the images point to? Do you have a base tag in your template head?
      <base href="[(site_url)]"></base>
        Studying MODX in the desert - http://sottwell.com
        Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
        Join the Slack Community - http://modx.org
        • 32347
        • 143 Posts
        Quote from: sottwell at Jun 23, 2010, 12:48 AM

        What does a "view source" on the actual web page look like? What does the URL it has to the images point to? Do you have a base tag in your template head?
        <base href="[(site_url)]"></base>

        <html>
        <head>
        
        <title>[(site_name)] | [*pagetitle*]</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
         
          <base href="[(site_url)]"></base>
          <link href="/assets/templates/modxhost/Styles.css" rel="stylesheet" type="text/css">
          <link rel="stylesheet" href="assets/templates/modxhost/modx.css" type="text/css" media="screen" />
         
           
          <link rel="stylesheet" href="assets/templates/modxhost/print.css" type="text/css" media="print" />
          <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="[(site_url)][~11~]" />
          <script src="manager/media/script/mootools/mootools.js" type="text/javascript"></script>
          <script src="assets/templates/modxhost/drop_down_menu.js" type="text/javascript"></script>
          
          
        <style type="text/css">
        <!--
        body {
        	background-image: url(/images/background.jpg);
        	background-repeat: repeat;
        }
        .text {
        	font-family: Georgia, "Times New Roman", Times, serif;
        	font-size: 18px;
        	font-weight: bold;
        	color: #F90;
        }
        .linkspinergy {
        	color: #fff;
        	text-decoration: none;
        	font-family: "Times New Roman", Times, serif;
        	font-size: 18px;
        }
        .linkspinergy:active {
        	color: #fff;
        	text-decoration: none;
        	font-family: "Times New Roman", Times, serif;
        	font-size: 18px;
        }
        .linkspinergy:visited {
        	color: #fff;
        	text-decoration: none;
        	font-family: "Times New Roman", Times, serif;
        	font-size: 18px;
        	}
        	
        .linkspinergy:hover {
        	color:#F90;
        	text-decoration: none;
        	font-family: "Times New Roman", Times, serif;
        	font-size: 18px;
        	}
        
        -->
        </style>
        </head>
        <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
        <!-- Save for Web Slices (Main2.psd) -->
        <table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td align="left" valign="top"><table id="Table_01" width="1024" height="801" border="0" cellpadding="0" cellspacing="0">
        	<tr>
        	  <td align="left" valign="top"><table width="1024" border="0" cellspacing="0" cellpadding="0">
        	    <tr>
        	      <td width="62" height="57" align="left" valign="top" background="main2/Main/Main2_01.jpg"><img src="main2/Main/Main2_01.jpg" width="62" height="57" alt=""></td>
        	      <td width="904" height="57" align="left" valign="top" background="main2/Main/Main2_02.jpg">{{spinergymenu}}</td>
        	      <td width="58" height="57" align="left" valign="top" background="main2/Main/Main_03.jpg"><img src="main2/Main/Main_03.jpg" width="58" height="57" alt=""></td>
        	      </tr>
        	    </table></td>
        	  </tr>
        	<tr>
        	  <td height="217" align="left" valign="top" background="main2/Main/Main2_04.jpg"><img src="main2/Main/Main2_04.jpg" width="1024" height="217" alt=""></td>
        	  </tr>
        	<tr>
        		<td align="left" valign="top"><table width="1024" border="0" cellspacing="0" cellpadding="0">
        		  <tr>
        		    <td width="74" height="486" align="left" valign="top" background="main2/Main/Main2_05.jpg"><img src="main2/Main/Main2_05.jpg" width="74" height="486" alt=""></td>
        		    <td width="630" align="left" valign="top" bgcolor="#FFFFFF"><table width="630" border="0" cellspacing="0" cellpadding="5">
        		      <tr>
        		        <td height="486" align="left" valign="top">
        		          <p><h3>[*longtitle*]</h3></p>
        		          <p>[*#content*]</p></td>
        		        </tr>
        		      </table></td>
        		    <td width="320" height="486" align="left" valign="top" background="main2/Main/Main2_07.jpg"> </td>
        		    </tr>
        		  </table></td>
        	</tr>
        	<tr>
        	  <td align="left" valign="top" background="main2/Main/Main2_08.jpg"><img src="main2/Main/Main2_08.jpg" width="1024" height="40" alt=""></td>
        	  </tr>
        	<tr>
        	  <td align="center" valign="middle" bgcolor="#FCFCFE">{{copyright}}</td>
        	  </tr>
            </table></td>
          </tr>
        </table>
        <map name="Map3">
          <area shape="rect" coords="0,-1,45,46" href="http://www.facebook.com/group.php?gid=121565463367" target="_blank">
        </map>
        <script type="text/javascript">
        
          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-8633982-18']);
          _gaq.push(['_trackPageview']);
        
          (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
          })();
        
        </script>
        <!-- End Save for Web Slices -->
        </body>
        </html>


        Domain Name http://spinergy.org/index.php?id=81
          • 32347
          • 143 Posts
          Quote from: sottwell at Jun 23, 2010, 12:48 AM

          What does a "view source" on the actual web page look like? What does the URL it has to the images point to? Do you have a base tag in your template head?
          <base href="[(site_url)]"></base>


          The forum was acting up on my last post so I am addding another....

          the image path is http://spinergy.org/assets/images/THGU_logo.jpg

          What is funny is that everything whould be working and I am not sure why? Should I reload the Tinymce? and what version should I use for the 1.0.2
            • 28042 ☆ A M B ☆
            • 24,524 Posts
            Is the image not showing up in the actual final page, or not showing up in the Rich Text editor when editing the document in question?
              Studying MODX in the desert - http://sottwell.com
              Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
              Join the Slack Community - http://modx.org
              • 32347
              • 143 Posts
              Quote from: sottwell at Jun 23, 2010, 09:35 AM

              Is the image not showing up in the actual final page, or not showing up in the Rich Text editor when editing the document in question?

              both in the editor and also on the website.