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 10 of 10
  1. #1
    Junior Member dsnyder's Avatar
    Join Date
    Apr 2007
    Location
    Cleveland, OH
    Posts
    27
    Member #
    15091
    I’m not able to figure out how to place my copyright text out side of my #wrapper. I’ve created a ID selector for my copyright info and placed it what I think is outside of the wrapper div but apparently I am wrong.

    The page can be seen here http://cellocelli.com/basiclayout1.htm

    Css code

    Code:
    #copyright {font-size: 75%;
            text-align:center;
            color:#000;
            border:none;
            background-color:none;
            }
    HTML

    HTML Code:
    <div id="footer">
    <p><a href="http://www.google.com/">STORE </a>|<a href="#"> SCHOOL </a>|<a href="#"> SERVICES </a>|<a href="#"> BOOKINGS </a>|<a href="#"> ARTISTS </a>|<a href="mailto:dsnyder@cellocelli.com"> CONTACT </a></p>
            <!-- End footer (ds) -->
      </div>
      </div>
       
      <div id="copyright">
    <p><span class="colorcopy">&copy;</span> Cello Celli Music 1031 Allston Road, Cleveland Heights, Ohio 44121, 216.382.8640</p>
            <!-- End copyright (ds) -->
                        </div>
      </body>
      </html>
    This is all new to me so I could be missing something simple. Any ideas?
    Thanks………….

  2.  

  3. #2
    Senior Member leprechaun13's Avatar
    Join Date
    May 2005
    Location
    Northampton
    Posts
    487
    Member #
    10058
    can you post the html for the entire page with the content stripped out so I can get a better look at things

    I think the problem is you havnt closed the wrapper, try this

    HTML Code:
    <div id="footer">
      <p><a href="http://www.google.com/">STORE </a>|<a href="#"> SCHOOL </a>|<a href="#"> SERVICES </a>|<a href="#"> BOOKINGS </a>|<a href="#"> ARTISTS </a>|<a href="mailto:dsnyder@cellocelli.com"> CONTACT </a></p>
    
        <!-- End footer (ds) -->
    </div>
    
    </div>
    </div>
    <div id="copyright">
        <p><span class="colorcopy">&copy;</span> Cello Celli Music 1031 Allston Road, Cleveland Heights, Ohio 44121,  216.382.8640</p>
        <!-- End copyright (ds) -->
            </div>
    </body>
    </html>
    Regards Phil,


  4. #3
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    With the example site you provided,
    http://cellocelli.com/basiclayout1.htm

    You've got some issues with IE 6.0

    I'm guessing that once you address the layout issues
    associated with the browsers, you will most likely find
    the solution to the footer problem.

    Phil has a good idea ...

    Create a page with little content, just enough to
    position the sections, and see where things fall.


  5. #4
    Junior Member dsnyder's Avatar
    Join Date
    Apr 2007
    Location
    Cleveland, OH
    Posts
    27
    Member #
    15091
    Silly, silly boy am I. Thanks leprechaun & mlseim, it was indeed a missing </div>. I guess I lost track of how many things I'd closed.

    I'm just getting into learning about how to deal with the IE6 problems.
    From what I've read/seen I've got a float drop (double margin bug?) and my nav menu has a gap when the sub menus open (no clue as to why yet). Any other issues that you see? Or general things to look to for fixes?

    Thanks for the tip on stripping down the content to see things better!

  6. #5
    Senior Member leprechaun13's Avatar
    Join Date
    May 2005
    Location
    Northampton
    Posts
    487
    Member #
    10058
    little tip indent things as you go along like this

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Indenting HTML</title>
    </head>
    <body style="font-family:Arial, Helvetica, sans-serif;">
    <div id="container">
        <div id="header" style="font-family:Arial, Helvetica, sans-serif; font-size:36px; text-align:center;">Your Site</div>
        <div id="nav">
            <ul id="navlist">
                <li style="display: inline; margin-right:20px;">Item 1</li>
                <li style="display: inline; margin-right:20px;">Item 2</li>
            </ul>
        </div>
        <div id="content" style="padding:10px;">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce tincidunt nulla. Morbi quam nisl, venenatis et, lobortis ut, porta sed, ante. Maecenas nonummy,                             purus semper blandit mattis, nibh sem adipiscing metus, vitae elementum nisl tellus eget orci. Integer rhoncus viverra nibh. Sed tincidunt. Praesent sapien libero, viverra nec, bibendum sed, tempus vitae, risus. Pellentesque ornare diam et erat malesuada hendrerit. Proin luctus blandit ante. Proin semper, lacus vitae scelerisque placerat, purus nisi fringilla urna, eget ornare urna tortor vel nunc. Suspendisse suscipit nulla sed est. Etiam eu dui. Proin feugiat. Etiam sit amet nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin tempor mi ut elit. Integer at nunc eget nibh egestas ullamcorper. Vivamus magna dolor, luctus sed, posuere accumsan, nonummy id, pede. Quisque arcu sapien, mollis id, accumsan a, sodales eu, erat. Nulla facilisi.
        </div>
    </div>
    </body>
    </html>
    just a quick 1 I knocked up, hope ive helped educate a little further
    Regards Phil,


  7. #6
    Junior Member dsnyder's Avatar
    Join Date
    Apr 2007
    Location
    Cleveland, OH
    Posts
    27
    Member #
    15091
    Hey, thanks Phil,
    Not sure that I follow
    little tip indent things as you go along
    I assume this is an organizing idea. I've been inserting comments as I go because i don't remember things for very long. Is this similar.
    I thought the title area is for lableing a pages purpose.
    derek

  8. #7
    Senior Member leprechaun13's Avatar
    Join Date
    May 2005
    Location
    Northampton
    Posts
    487
    Member #
    10058
    yea this is just to organise your code.

    I find it easier than comments to read, and at a quick glance its even easier to spot a missing end tag for something
    Regards Phil,


  9. #8
    Junior Member dsnyder's Avatar
    Join Date
    Apr 2007
    Location
    Cleveland, OH
    Posts
    27
    Member #
    15091
    Sorry, I misread what you had written.
    The tip was incredibly clear.
    I agree its easy to follow things.
    Thanks.

  10. #9
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    In case it's of interest to you, there is a tutorial in the Tutorials section on indenting XHTML. Disclaimer: it's by me :-P

  11. #10
    Senior Member Karloff's Avatar
    Join Date
    Oct 2005
    Posts
    744
    Member #
    11702
    Quote Originally Posted by Shadowfiend
    In case it's of interest to you, there is a tutorial in the Tutorials section on indenting XHTML. Disclaimer: it's by me :-P
    And I will say that its a belter:-)


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 03:12 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com