Support forums

How to display an html with images and css file from another folder?

Last post 10-01-2005, 12:12 AM by salama. 2 replies.
Sort Posts: Previous Next
  •  09-30-2005, 7:08 PM 11251

    How to display an html with images and css file from another folder?

    I have a folder with an html file and a few images and a css file. Cute Editor resides in its own folder through a file called editpage.aspx. The code in editpage.aspx uses 'loadhtml' with an absolute path to load an html file from any folder in the system.
    However the webpage insode cuteeditor doesn't display any images. It only displays them if the images are in the same folder as cuteeditor or if I use a full url for the src attribute.

    Any ideas?

  •  09-30-2005, 11:55 PM 11260 in reply to 11251

    Re: How to display an html with images and css file from another folder?


    Can you paste your html file and the file structure?
    Web Messenger: wysiwyg editor:
    asp wysiwyg html editor: Image Gallery:
    Live Support:

  •  10-01-2005, 12:12 AM 11266 in reply to 11260

    Re: How to display an html with images and css file from another folder?

    This is the html. The images and css files reside in the same folder.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
    <html xmlns="" xml:lang="en" lang="en">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="_your description goes here_" />
    <meta name="keywords" content="_your,keywords,goes,here_" />
    <meta name="author" content="_your name goes here_  / Original design: Andreas Viklund -" />
    <link rel="stylesheet" type="text/css" href="print.css" media="screen" title="andreas01 (print)" />
    <link rel="stylesheet" type="text/css" href="print.css" media="print" />

    <div id="wrap">

    <div id="header">
    <p><strong>"I can see you fly. You are an angel with wings, high above the ground!"</strong><br />(traditional haiku poem)<br /></p>

    <img id="frontphoto" src="front.jpg" width="760" height="175" alt="" />

    <div id="avmenu">
    <h2 class="hide">Menu:</h2>
    <li><a href="#">Welcome!</a></li>
    <li><a href="#">Litterature</a></li>
    <li><a href="#">Poetry</a></li>
    <li><a href="#">Locations</a></li>
    <li><a href="#">Oil paintings</a></li>
    <li><a href="#">Photos</a></li>
    <li><a href="#">Newsletter</a></li>

    <div class="announce">
    <h3>Latest news:</h3>
    <p><strong>June 23, 2005:</strong><br />
    New design and layout finished and uploaded to OSWD. Since it is my first contribution to this site, it has been given the title "andreas01".<br/>
    <a class="right" href="index.html">Read more...</a></p></div>

    <div id="extras">
    <h3>More info:</h3>
    <p>This is the third column, which can be used in many different ways. For example, it can be used for comments, site news, external links, advertisements or for additional navigation links - or you can make up your own way to use it. It is all up to you. Here are a couple of relevant links:</p>
    - <a href="">My website</a><br />
    - <a href=""></a><br />
    - <a href="">Valid XHTML</a><br />
    - <a href="">Valid CSS</a><br />

    <div id="content">
    <h2>Welcome to andreas01!</h2>
    <p>This is a very simple (but also very useful) standard web layout: a fixed-width 3-column page with header and footer. There are thousands of variations of this layout, and this is no perfect solution. But it should be a great starting layout that you can customize in many ways and easily give a unique touch to. The layout is made of valid XHTML 1.0 Strict and CSS only, and it has no tables. If you remove all CSS, the page still works great in text mode (I've tested it on my old mobile phone, and it works like a charm).</p>

    <p><img src="test.jpg" height="100" width="125" class="left" alt="" />The layout features one big image (front.jpg) which you can easily replace with your own header. The default image shows a snowy street in Porjus (northern Sweden), where I come from. The haiku can easily be replaced with an ad banner. There are also CSS classes for aligning text paragraphs and images.</p>

    <p>This layout also has a print stylesheet, that you can customize in any way you want to. Per default, navigation menus and images are removed, and only the main content text is printed. <a href="index2.html">Look here</a> for an example of how the print layout looks, or print this page to see it in reality.</p>

    <h3>The menubar</h3><p>The main navigation menu is an unsorted list, where each list item has been styled to be a button. There are lots of ways to style lists for navigation, but I've kept things simple for this layout. Adding "that little extra" is up to you! <img src="test.jpg" class="right" height="100" width="125"  alt="" /></p>

    <p>If you like this layout and would like to use it in any way, you are free to do so. This is an <a href="">open source web design</a>, and all I ask for is that you leave the "Design by Andreas Viklund" link in the footer of the site. If you would like to remove that line, or if you would like professional help with anything related to this layout (such as custom design, branding, scripting or programming), please contact me <a href="">through</a> or through my website for more information.</p>

    <p>Good luck with your new website!</p>

    <p>Return to the <a href="index.html">screen</a> CSS version.</p>

    <div id="footer">Copyright &copy; 2005 (_your name_). Design by <a href="">Andreas Viklund</a>.</div>


View as RSS news feed in XML
Powered by Community Server (Commercial Edition), by Telligent Systems