Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Exclamation Strange background effect after tidying code.

    Strange background effect after tidying code.
    I used a code tydy program on the code of my program 'Sources'

    See url in signature at bottom. [View source - all code available there,]

    It has caused the background colour of the nifty panels to change at the top.

    I have not been able to find why. Like the prize twit I can sometimes be; I have not got a backup.

    HELP!!

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    Change or remove the background(color)
    Code:
      b.rtop, b.rbottom {
      display: block;
      background: #996699;/* This has to match your main background colour */
      }
    
      b.ltop, b.lbottom {
      display: block;
      background: #996699;/* This has to match your main background colour */
      }

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    If I do that, I lose my round corner.

    Strangely, if I put- </LI> </UL> before each panel info. It almost removes the brown.

    Code:
      <div id="content">
          <div id="links">
            <div class="nifty">
              <b class="rtop"></b>
    
              <ul>
                <li><a href="http://www.alvit.de/handbook/">Web
                Developer's Handbook.</a></li>
    
                <li><a href=
                "http://www.websitebytes.com/articles/index.php">Webpage
                Creation HTML Tutorials.</a></li>
    
                <li class="nobullet">
                </li></ul>
                  <ul>
                    <li><a href=
                    "http://www.boagworld.com/archives/2005/11/semantic_code_what_why_how.html">
                    Semantic code: What? Why? How?.</a></li>
    
                    <li><a href=
                    "http://brainstormsandraves.com/articles/semantics/structure">
                    Semantics, and Structure</a></li>
    
                    <li><a href=
                    "http://creativecoding.webforumz.com/articles/semantics.php">
                    Semantic web design.</a></li>
    
                    <li><a href=
                    "http://www.positioniseverything.net/">Position is
                    everything.</a></li>
    
                    <li><a href=
                    "http://www.brainjar.com/css/positioning/">CSS
                    positioning again.</a></li>
    
                    <li><a href=
                    "http://www.tanfa.co.uk/css/examples/">CSS examples
                    - index.</a></li>
    
                    <li><a href="http://blog.html.it/layoutgala/">CSS
                    Layout Gala.</a></li>
                  </ul>
                </li>
              </ul>

    All this just because I re-formatted the code to make it look tidier.

    Weird or what!

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #4
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    Reformatting can add nodes to the document causing unpredictable results, notably with images.

    You rounded corners are no longer visible.

  • #5
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by Fang View Post
    Reformatting can add nodes to the document causing unpredictable results, notably with images.

    You rounded corners are no longer visible.
    How do I rectify. Do I have to re-write the code?

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #6
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    The original code was given in this forum, look-up your old posts.

  • #7
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by Fang View Post
    The original code was given in this forum, look-up your old posts.
    Hi Fang.

    I can't find it.

    I have had to remove the nifty rounded corners.
    It appears to be something to do with the first few lines of html code per content div.
    If I put them into a similar program, written earlier; it has the same effect.
    Eventually I'll re-write the program.

    Thanks for your help.

    Frank
    Last edited by effpeetee; 10-27-2007 at 03:22 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #8
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts

  • #9
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by Fang View Post
    No. It wasn't the original nifty progran that I had not got.
    It is in the list on my Sources site.
    I needed the original Sources program which I foolishly did not back up before I processed it.

    It will teach me a lesson.

    http://www.exitfegs.co.uk/Sources3.html This is the nearest version that I have. I cannot see where it differs. As far as I can see, nothing has changed in the program except the list content and the appearance on screen.

    Can you see what I may have missed..

    It's not a big deal but I'll have to keep trying. I don;t like mysteries.

    Thanks again,

    Frank
    Last edited by effpeetee; 10-27-2007 at 03:58 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •