Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    I am a newish self-taught website designer (still learning) and have hit a technical snag. I would appreciate any pointers anyone could give.
    I have used Expression to create our website: http://www.uniquewebsites.co.uk/
    This has a repeating sidebar (the black column on the left with the sample web designs and descriptions). I now would like to make this sidebar non-repeating - ie to keep the black background but to be able to put different web designs and text on each page.
    I have tried changing our master file:
    <!-- Begin Page Content -->
    <div id="page_content">
    <!-- Begin Sidebar -->
    <div id="sidebar" class="Style1">
    <h2>Headline 2</h2>
    <p>insert content here</p>
    <!-- End Sidebar --></div>
    <!-- Begin Content -->
    <div id="content">
    <!-- #BeginEditable "content" -->
    <h2>Headline 2</h2>
    <p>insert content here</p>
    <!-- #EndEditable --></div>
    <!-- End Content --></div>
    <!-- End Page Content -->
    but when I come to try to insert content in the back pages I find that the sidebar section is yellowed out - which in Microsoft means that you cannot change the code (or at least, you can do so but it is overwritten every time you change the master file).
    My style sheet - excluding all the little text formatting stuff - reads:
    @import url("unique-websites-layout.css");
    body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #000;
    background-image: url('../web-design-bury-st-edmunds-images/web-design-bury-st-edmunds-bk.gif');
    }
    #container {
    width: 800px;
    margin: 0 auto;
    background-image: url('../web-design-bury-st-edmunds-images/unique-websites-containerbkgrnd.gif');
    margin-top: 15px;
    }
    #masthead {
    width: 800px;
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 0px;
    overflow: auto;
    background-color: #000000;
    }
    #sidebar {
    float: left;
    width: 170px;
    position: relative;
    clear: both;
    margin-left: 0px;
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    }
    #content {
    float: right;
    width: 465px;
    margin-top: 0;
    margin-right: 0px;
    margin-left: 0;
    position: relative;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 10px;
    }
    #footer {
    text-align: center;
    clear: both;
    width: 800px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 10;
    overflow: auto;
    background-color: #000000;
    color: #FFFFFF;
    }
    #masthead img {
    float: left;
    }
    #masthead p {
    font-size: 0.8em;
    text-align: center;
    margin-top: 00px;
    margin-right: 0px;
    }
    /* Styles for Navigation */
    #sidebar ul {
    list-style-type: none;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    }
    #sidebar li {
    font-size: 0.9em;
    display: block;
    margin: 0;
    padding: 0;
    border: 0px solid #d3d3d3;
    color: #FFFFFF;
    }
    #sidebar a {
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    padding: 0px;
    border-bottom: 0px solid #f2f2f2;
    }
    #sidebar a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #FF9966;
    border-bottom: 0px solid #f2f2f2;
    background-color: #000000;
    }
    /* Styles for Footer */
    #footer p {
    font-size: 0.8em;
    color: #fff;
    margin: 2px;
    padding: 2px;
    }
    #footer a {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-decoration: none;
    }
    #footer a:hover {
    color: #FF9966;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    }
    Does anyone know what I'm doing wrong. I'm sure it's simple if you know how!!

  2.  

  3. #2
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    I think I may have now found a way round this: I've changed "sidebar" and "content" to "column l" and "column r" and I can now add text to each of these sections on all pages. The only problem is, my package has put all the "content" stuff into the "column l" section on each page rather than the "column r" and so I'm having to manually change each page.
    For future reference, would I be right in thinking that "sidebar" is used for designs where the left-hand column does NOT repeat whereas "column l" is used for designs where it DOES repeat?
    Is there any advantage in using "sidebar" and "content" rather than "column l" and "column r"?


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:58 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com