1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Web Design Fault

Discussion in 'Web Design' started by mrxram, Oct 14, 2006.

  1. mrxram

    mrxram New Member

    Im sorry guys I don't know if this is the right board to post, but I cannot find a better one.

    i've a problem with my board. the thumbnails dont work :(
    This is the code: Can someone help me?

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
    <meta http-equiv="Content-Style-Type" content="http://www.freewebs.com/mzphotography/Start/style.css" />
    
    <title>
    Marnix Zambon Photography
    </title>
    
    <link rel="stylesheet" href="http://www.freewebs.com/mzphotography/Start/style.css" type="text/css" media="screen" />
    
    </head>
    
    <body style="background-image: url('http://www.freewebs.com/mzphotography/Start/background_top.gif')">
    
    <div id="body_wrapper">
    <div id="container">
    
        <!-- Start of Page Header -->
    
        <div id="page_header" style="width: 280px; height: 88px">
        <p style="text-align: center">&nbsp;</p>
        <p style="text-align: center">
        <img border="0" src="http://www.freewebs.com/mzphotography/Start/Untitled%2D1.jpg" width="216" height="37"></div>
    
        <!-- End of Page Header -->
    
    
        <!-- Start of Navigational Menu -->
    
        <div id="nav_menu">
    
            <ul>
            <li id="menu1"><a href="http://www.google.com"><span>Mainpage</span></a></li>
            <li id="menu2"><a href="http://www.google.com"><span>About Me</span></a></li>
            <li id="menu3"><a href="http://www.google.com"><span>Services</span></a></li>
            <li id="menu4"><a href="http://www.google.com"><span>Portfolio</span></a></li>
            <li id="menu5"><a href="http://www.google.com"><span>Contacts</span></a></li>
            <li id="menu6"><a href="http://www.google.com"><span>Links</span></a></li>
            </ul>
    
            <div class="clearthis">&nbsp;</div>
        </div>
    
        <!-- End of Mavigational Menu -->
    
        <div class="clearthis">&nbsp;</div>
    
    
        <!-- Start of Welcome to my Site -->
    
        <div id="welcome">
    
            <div class="content_header">
            <h2><span>Welcome to my Site</span></h2>
            </div>
    
            <div class="content">
    
                <div class="thumbnail_dborder_1"><div class="thumbnail_dborder_2"><div class="thumbnail_dborder_3"><div class="thumbnail_dborder_4">
                <img border="0" src="http://www.freewebs.com/mzphotography/Start/Untitled%2D5.jpg" width="118" height="116">
                </div></div></div></div>
                <p>Welcome to Marnix Zambon Photography! </p>
                <p>On this site you'll find some photographs I made.</p>
                <p>I hope you enjoy them!</p>
                <p>&nbsp;</p>
                <p><b>Marnix Zambon</b></p>
                <p>&nbsp;</p>
    
    
            </div>
    
            <div class="clearthis">&nbsp;</div>
        </div>
    
        <!-- End of Welcome to my Site -->
    
    
        <!-- Start of Client List -->
    
        <div id="clientlist">
    
            <div class="content_header">
            <h1><span>Client List</span></h1>
            </div>
    
            <div class="content">
    
                <div class="thumbnail_border_1"><div class="thumbnail_border_2"><div class="thumbnail_border_3"><div class="thumbnail_border_4">
                <img border="0" src="http://www.freewebs.com/mzphotography/Start/Untitled%2D4.jpg" width="132" height="73">
                </div></div></div></div>
    
    
    <p>
    Please don't remove the link at the bottom. We have worked hard to make the 
    templates and ask that you respect our hard work so we can continue providing 
    you with high quality templates. 
    </p>
    
    <p>
    If you really want to remove the link you can buy a copyright free version on <a href="http://www.freewebsitetemplates.com/">
    our website</a>. Thanks.
    </p>
    
    
            </div>
    
            <div class="clearthis">&nbsp;</div>
    
            <div id="photographer_image">
                <div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 632px; top: 510px" id="laag1">
                    <img border="0" src="http://www.freewebs.com/mzphotography/Start/Untitled%2D7.jpg" width="238" height="243"></div>
                &nbsp;</div>
    
        </div>
        <p>
    
        <!-- End of Client List -->
    
    
        <!-- Start of My Portfolio -->
    
        </p>
    
        <div id="portfolio">
    
            <div class="content_header">
            <h1><span>My Portfolio</span></h1>
            </div>
    
    
            <!-- Start of Gallery -->
    
            <div id="gallery">
    
                <ul>
                <li>
                <img border="0" src="http://www.freewebs.com/mzphotography/Start/Untitled%2D8.jpg" width="84" height="76"></li>
                <li>
                <img border="0" src="http://www.freewebs.com/mzphotography/Start/Untitled%2D9.jpg" width="93" height="76"></li>
                <li>
                <img border="0" src="http://www.freewebs.com/mzphotography/Start/Untitled%2D11.jpg" width="59" height="77"></li>
                <li>
                <img border="0" src="http://www.freewebs.com/mzphotography/Start/Untitled%2D12.jpg" width="134" height="77"></li>
                <li>
                <img border="0" src="http://www.freewebs.com/mzphotography/Start/Untitled%2D13.jpg" width="119" height="78"><div style="position: absolute; width: 1006px; height: 96px; z-index: 2; left: 0px; top: -3px; text-align: center" id="laag2">
                    <img border="0" src="http://www.freewebs.com/mzphotography/Start/Banner3%20copy.jpg" width="605" height="83"></div>
                </li>
                </ul>
    
            </div>
    
            <!-- End of Gallery -->
    
    
            <div class="clearthis">&nbsp;</div>
    
        </div>
    
        <!-- End of Client List -->
    
    
    </div>
    </div>
    
    
    <!-- Start of Page Footer -->
    
    <div id="page_footer">
    <font size="1">Marnix Zambon © 2006-2007</font></div>
    
    <!-- End of Page Footer -->
    
    </body>
    </html>
    
    If needed, this are the links of the thumbnails:
    Code:
    http://www.freewebs.com/mzphotography/Start/thumbnail%5Fborder%5F1.gif
    http://www.freewebs.com/mzphotography/Start/thumbnail%5Fborder%5F2a.gif
    http://www.freewebs.com/mzphotography/Start/thumbnail%5Fborder%5F2b.gif
    http://www.freewebs.com/mzphotography/Start/thumbnail%5Fborder%5F2c.gif
    http://www.freewebs.com/mzphotography/Start/thumbnail%5Fborder%5F2d.gif
    http://www.freewebs.com/mzphotography/Start/clientlist%5Fheader.gif
    http://www.freewebs.com/mzphotography/Start/content%5Fheader%5Fbg.gif
    http://www.freewebs.com/mzphotography/Start/gallery%5Ftitle.gif
    http://www.freewebs.com/mzphotography/Start/header%5Fleftborder.gif
    http://www.freewebs.com/mzphotography/Start/portfolio%5Fheader.gif
    http://www.freewebs.com/mzphotography/Start/welcome%5Fheader.gif
    THIS IS MY RESULT:
    http://www.freewebs.com/mzphotography/Home/Home.htm

    This is what it supposed to be:
    https://freewebsitetemplates.com/preview/template28/


    If you guys need more info, pls send me an email on mrxram@gmail.com

    Gr ;)
    Marnix
     
  2. mcstec

    mcstec New Member

    I went to the link you PMed me with, i got a page not found, post your style.css
     
  3. mcstec

    mcstec New Member

    I noticed that the images you are missing are the images that are part of the site itself, IE: the divider lines.

    try uploading the images that came with the template, edit your style.css with your images. example below:

    style.css

    line 95
    #page_header h1 {
    width: 280px;
    height: 125px;
    overflow: hidden;
    background: url('images/website_title.gif') no-repeat 50% 50%;
    }

    Change 'website_title.gif' to ur image. like this:

    page_header h1 {
    width: 280px;
    height: 125px;
    overflow: hidden;
    background: url('images/Untitled-1.jpg') no-repeat 50% 50%;
    }

    Doing this should fix it.

    I would also suggest re-naming your images so that it is better to follow in the style.css.

    Let me know if it works out

    Mike