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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New Coder
    Join Date
    Jan 2013
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts

    HTML not recognising CSS sheets.

    Hello,
    I have 2 CSS style-sheets for one HTML page. One of them is being completely ignored. Even when I delete all the reference to the other stylesheet it still isn't working. I am trying to get the CSS Nav Bar to work!!

    For now I have put the navbar at the top of the body not in the table just to try and get it working.

    N.B. I have created an additional example.html with just the nav bar in with the same css url to connect to the CSS file which is working flawlessly?!?
    Any ideas?

    Thanks,
    Nick.

    PHP Code:
    <!DOCTYPE html>
    <
    html>
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <
    title>Trance Dance</title>
    <
    link rel="stylesheet" type="text/css" href="css/masterstyle.css">

    <
    link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
    </
    head>
    <
    body class="backgroundCell">

    <!-- 
    css navigation bar -->
    <
    div style="none" id="wrapper">
    <
    div id="navmenu">
    <
    link rel="stylesheet" type="text/css" href="css/navbar.css" title="style1"/>       
                        <
    ul> <!-- button 1 -->
                             <
    li><a href="#">Trance Dance</a>
                            <
    ul>
                            <
    li><a href="aboutus.html">About Us</a></li>
                            </
    ul
                            </
    li>
                            </
    ul><!-- button 1 -->

                        <
    ul> <!-- button 2 -->
                              <
    li><a href="#">Music</a>
                            <
    ul>
                            <
    li><a href="artists.html">Artists</a></li>
                            <
    li><a href="tracks.html">Tracks</a></li>
                            <
    li><a href="albums.html">Albums</a></li>
                            </
    ul
                            </
    li>
                        </
    ul> <!-- end button 2 -->
                        
                        <
    ul> <!-- button 3 -->
                            <
    li><a href="#">Favourite</a>
                            <
    ul>
                            <
    li><a href="fartists.html">Artists</a></li>
                            <
    li><a href="ftracks.html">Tracks</a></li>
                            <
    li><a href="falbums.html">Albums</a></li>
                            </
    ul
                            </
    li
                        </
    ul> <!-- end button 3 -->

     <!-- 
    css -->       <ul> <!-- button 4 -->
                            <
    li><a href="#">Customer Services</a>
                            <
    ul>
                            <
    li><a href="help.html">Help</a></li>
                            <
    li><a href="sitemap.html">Site Map</a></li>
                            <
    li><a href="contactus.html">Contact Us</a></li>

                            </
    ul
                            </
    li
                         </
    ul> <!-- end button 4 -->


             <
    br class="clearfloat" />
             
    <
    div/><div/>
                    

                    

    <
    table border="0" align="center" bgcolor="#FFFFFF">
      <
    tr><!-- START Banner Sideframes -->
        <
    td rowspan="10"><class="centerImage"><img src="images/sbannerl.fw.png" alt="Copyright 2013 Infinity Vesto." width="48" height="748"></p></td>
        <
    td colspan="06" height="96"><class="centerImage"><img src="images/wbanner.fw.png" alt="Copyright 2013 Infinity Vesto." width="1196" height="96"></p></td>
        <
    td rowspan="10"><class="centerImage"><img src="images/sbannerr.fw.png" alt="Copyright 2013 Infinity Vesto." width="48" height="748"></p></td>
      </
    tr><!-- END Banner Sideframes -->
      <
    tr><!-- START Nav Bar -->
        <
    td colspan="06">
        </
    td>
      </
    tr><!-- END Nav Bar -->
      <
    tr><!-- START Main Content -->
        <
    td colspan="6" rowspan="5" height="300"><class="centerImage">
        <
    table height="300" width="1196" border="0">
        <
    td></td>
        </
    table></p></td>
      </
    tr>
      <
    tr></tr>
      <
    tr></tr>
      <
    tr></tr>
      <
    tr></tr><!-- END Main Content -->
      <
    tr><!-- START Widget Line -->
        <
    td colspan="6" height="200">
        <
    table border="0">
        <
    td width="295" height="200" class="backgroundCell"><class="textWhite"></p></td><!-- Widget 1 Nick Crane -->
        <
    td width="295" height="200" class="backgroundCell"><class="textWhite">Widget 2 <br /> Gareth Eskandarzadeh <br /> Height 194px<br /> Width 289px</p></td><!-- Widget 2 Andrew Preen -->
        <
    td width="295" height="200" class="backgroundCell"><class="textWhite">Widget 3 <br /> Andrew Preen <br /> Height 194px<br /> Width 289px</p></td><!-- Widget 3 Gareth Eskandarzadeh -->
        <
    td width="295" height="200" class="backgroundCell"><class="textWhite">Widget 4 <br /> Anatoliy Gorshkov <br /> Height 194px<br /> Width 289px</p></td><!-- Widget 4 Anatoliy Gorshkov -->
        </
    td>
      </
    tr><!-- END Widget Line -->
      <
    tr><!-- START Footer Line -->
        <
    td colspan="6"><class="centerImage"><img src="images/footer.fw.png" alt="Copyright 2013 Infinity Vesto." width="1196" height="48"></p></td>
      </
    tr><!-- END Footer Line -->
      <
    tr><!-- START Copyright Line -->
        <
    td colspan="6"><class="centerImage"><img src="images/copyright.fw.png" alt="Copyright 2013 Infinity Vesto." width="1196" height="16"></p></td>
      </
    tr><!-- END Copyright Line -->
    </
    table>
    </
    body>
    </
    html
    Last edited by nickcraneuk; 01-31-2013 at 10:24 PM.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    It is not allowed to put <link> elements inside the body, they must always go in the head of the document. Then also, try to remove the title from the stylesheet.

  • #3
    Regular Coder student101's Avatar
    Join Date
    Nov 2007
    Posts
    634
    Thanks
    80
    Thanked 15 Times in 15 Posts
    Quote Originally Posted by nickcraneuk View Post
    Hello,
    I have 2 CSS style-sheets for one HTML page. One of them is being completely ignored. Even when I delete all the reference to the other stylesheet it still isn't working. I am trying to get the CSS Nav Bar to work!!

    For now I have put the navbar at the top of the body not in the table just to try and get it working.

    N.B. I have created an additional example.html with just the nav bar in with the same css url to connect to the CSS file which is working flawlessly?!?
    Any ideas?
    Start here:
    2. <head> ... </head> — The document head

    Sources:
    Basic HTML & CSS Tutorials
    HTML & CSS Resources
    Thanks for your support!
    Update MySQL with checkboxes | Tell A Friend | Delete MySQL with checkboxes

    Give thanks & resolve when done :thumbsup:

  • #4
    New Coder
    Join Date
    Jan 2013
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Thanks for your feedback so far...

    Deleted due to multiple posts.
    Last edited by nickcraneuk; 01-31-2013 at 10:33 PM. Reason: Deleted due to multiple posts.

  • #5
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Got any online sample for us?

  • #6
    Regular Coder student101's Avatar
    Join Date
    Nov 2007
    Posts
    634
    Thanks
    80
    Thanked 15 Times in 15 Posts
    Quote Originally Posted by nickcraneuk View Post
    Done all you both said, that was how I originally had it, but was misguided from online tutorials!!
    Still has not made a difference still not recognised the CSS style sheets.
    Any further suggestions?
    Post the url / link to this page, please.
    Otherwise decode your css files, take away & add as needed.
    Thanks for your support!
    Update MySQL with checkboxes | Tell A Friend | Delete MySQL with checkboxes

    Give thanks & resolve when done :thumbsup:

  • #7
    New Coder
    Join Date
    Jan 2013
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Deleted due to multiple posts.
    Last edited by nickcraneuk; 01-31-2013 at 10:32 PM. Reason: Deleted due to multiple posts.

  • #8
    Regular Coder student101's Avatar
    Join Date
    Nov 2007
    Posts
    634
    Thanks
    80
    Thanked 15 Times in 15 Posts
    Post the entire page again pls. The entire code in code tags pls.

    Edit: each css file too
    Thanks for your support!
    Update MySQL with checkboxes | Tell A Friend | Delete MySQL with checkboxes

    Give thanks & resolve when done :thumbsup:

  • #9
    New Coder
    Join Date
    Jan 2013
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Thanks again.

    Deleted due to multiple posts.
    Last edited by nickcraneuk; 01-31-2013 at 10:27 PM. Reason: Deleted due to multiple posts.

  • #10
    New Coder
    Join Date
    Jan 2013
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Deleted due to multiple posts.
    Last edited by nickcraneuk; 01-31-2013 at 10:28 PM. Reason: Deleted due to multiple posts.

  • #11
    Regular Coder student101's Avatar
    Join Date
    Nov 2007
    Posts
    634
    Thanks
    80
    Thanked 15 Times in 15 Posts
    Quote Originally Posted by nickcraneuk View Post
    Sorry it is only local, as will be on private university servers.
    Dude u started off with posting the entire code from the page.
    I'm asking u 2 re-post that with each css file. pls

    Edit: What online tutorial did u say u did?

    Do u have access to those css files, can u open them? then paste it here pls.
    Last edited by student101; 01-31-2013 at 09:51 PM. Reason: more info
    Thanks for your support!
    Update MySQL with checkboxes | Tell A Friend | Delete MySQL with checkboxes

    Give thanks & resolve when done :thumbsup:

  • #12
    New Coder
    Join Date
    Jan 2013
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    CSS 1 Master Style
    PHP Code:
      .centerImage
        
    {
        
    text-align:center;
        
    margin-top:0px;
        
    margin-bottom:0px;
        
    padding:0px;
        }

     .
    backgroundCell
     
    {
    background#cedbe9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    backgroundurl(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGJlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2FhYzVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzYxOTljNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzNhODRjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzQxOWFkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzRiYjhmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzNhOGJjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjU1OGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%); /* FF3.6+ */
    background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#cedbe9), color-stop(17%,#aac5de), color-stop(50%,#6199c7), color-stop(51%,#3a84c3), color-stop(59%,#419ad6), color-stop(71%,#4bb8f0), color-stop(84%,#3a8bc2), color-stop(100%,#26558b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* IE10+ */
    backgroundlinear-gradient(to bottom,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* W3C */
    filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#cedbe9'endColorstr='#26558b',GradientType=); /* IE6-8 */
    }

    p.textWhite
    {
    color:#FFFFFF;
    text-align:center;
    font-family:"Verdana",Georgia,Serif;
    font-size:120%;

    CSS 2 Nav Bar
    PHP Code:
    @charset "utf-8";
    #navMenu {
         
    margin:0;
         
    padding:0;
         
    z-index:20;
         
         }
         
    #navMenu ul {
          
    margin:0;
          
    padding:0;
          
    line-height:30px;
                   
              
          }
    #navMenu li {
          
    margin:0;
          
    padding:0;      
          list-
    stylenone;
          
    float:left;
          
    position:relative;
          
    background:background#ffffff;
          
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 71%, #f6f6f6 100%);
          
    background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(71%,#e1e1e1), color-stop(100%,#f6f6f6));
          
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 71%,#f6f6f6 100%);
          
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 71%,#f6f6f6 100%);
          
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 71%,#f6f6f6 100%);
          
    backgroundlinear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 71%,#f6f6f6 100%);
          
    filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#ffffff'endColorstr='#f6f6f6',GradientType=);
          
         }
    #navMenu ul li a {
         
    text-align:center
        
    vertical-align:center;
         
    font-family:"Arial"cursive;
         
    text-decoration:none;
         
    font-size:14px;
         
    height:30px;
         
    width:299px;
         
    display:block;
         
    color:#000;
         
    border:1px solid #000;
         
    text-shadow:1px 1px 1px #000;
         
         
    }     
    #navMenu ul ul{
         
    position:absolute;
         
    visibility:hidden;
         
    top:32px;
         
    }
    #navMenu ul li:hover ul{
         
    position:absolute;
         
    visibility:visible;
         
    z-index:11;
         
         

    }
    /*******************************/
     
         #navMenu li:hover{
             
    backgroundrgb(206,219,233); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    backgroundurl(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGJlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iI2FhYzVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzYxOTljNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzNhODRjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzQxOWFkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzRiYjhmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzNhOGJjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjU1OGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(206,219,233,10%, rgba(170,197,222,117%, rgba(97,153,199,150%, rgba(58,132,195,151%, rgba(65,154,214,159%, rgba(75,184,240,171%, rgba(58,139,194,184%, rgba(38,85,139,1100%); /* FF3.6+ */
    background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,rgba(206,219,233,1)), color-stop(17%,rgba(170,197,222,1)), color-stop(50%,rgba(97,153,199,1)), color-stop(51%,rgba(58,132,195,1)), color-stop(59%,rgba(65,154,214,1)), color-stop(71%,rgba(75,184,240,1)), color-stop(84%,rgba(58,139,194,1)), color-stop(100%,rgba(38,85,139,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(206,219,233,10%,rgba(170,197,222,117%,rgba(97,153,199,150%,rgba(58,132,195,151%,rgba(65,154,214,159%,rgba(75,184,240,171%,rgba(58,139,194,184%,rgba(38,85,139,1100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(206,219,233,10%,rgba(170,197,222,117%,rgba(97,153,199,150%,rgba(58,132,195,151%,rgba(65,154,214,159%,rgba(75,184,240,171%,rgba(58,139,194,184%,rgba(38,85,139,1100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(206,219,233,10%,rgba(170,197,222,117%,rgba(97,153,199,150%,rgba(58,132,195,151%,rgba(65,154,214,159%,rgba(75,184,240,171%,rgba(58,139,194,184%,rgba(38,85,139,1100%); /* IE10+ */
    backgroundlinear-gradient(top,  rgba(206,219,233,10%,rgba(170,197,222,117%,rgba(97,153,199,150%,rgba(58,132,195,151%,rgba(65,154,214,159%,rgba(75,184,240,171%,rgba(58,139,194,184%,rgba(38,85,139,1100%); /* W3C */
    filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#cedbe9'endColorstr='#26558b',GradientType=); /* IE6-8 */

             
    }

         
    #navMenu ul li:hover ul li a:hover {
         
    background:#ccc;
         
    color:#000;
         
    }
         
    #navMenu a:hover {
         
    color:#FFF;
         

    HTML Homepage
    PHP Code:
    <!DOCTYPE html>
    <
    html>
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <
    title>Trance Dance</title>
    <
    link rel="stylesheet" type="text/css" href="css/masterstyle.css">
    <
    link rel="stylesheet" type="text/css" href="css/navbar.css"/>
    <
    link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
    </
    head>
    <
    body class="backgroundCell">
    <!-- 
    css navigation bar -->
    <
    div style="none" id="wrapper">
    <
    div id="navmenu">
               
                        <
    ul> <!-- button 1 -->
                             <
    li><a href="#">Trance Dance</a>
                            <
    ul>
                            <
    li><a href="aboutus.html">About Us</a></li>
                            </
    ul
                            </
    li>
                            </
    ul><!-- button 1 -->

                        <
    ul> <!-- button 2 -->
                              <
    li><a href="#">Music</a>
                            <
    ul>
                            <
    li><a href="artists.html">Artists</a></li>
                            <
    li><a href="tracks.html">Tracks</a></li>
                            <
    li><a href="albums.html">Albums</a></li>
                            </
    ul
                            </
    li>
                        </
    ul> <!-- end button 2 -->
                        
                        <
    ul> <!-- button 3 -->
                            <
    li><a href="#">Favourite</a>
                            <
    ul>
                            <
    li><a href="fartists.html">Artists</a></li>
                            <
    li><a href="ftracks.html">Tracks</a></li>
                            <
    li><a href="falbums.html">Albums</a></li>
                            </
    ul
                            </
    li
                        </
    ul> <!-- end button 3 -->

     <!-- 
    css -->       <ul> <!-- button 4 -->
                            <
    li><a href="#">Customer Services</a>
                            <
    ul>
                            <
    li><a href="help.html">Help</a></li>
                            <
    li><a href="sitemap.html">Site Map</a></li>
                            <
    li><a href="contactus.html">Contact Us</a></li>

                            </
    ul
                            </
    li
                         </
    ul> <!-- end button 4 -->


             <
    br class="clearfloat" />
             
    <
    div/><div/>
                    

                    

    <
    table border="0" align="center" bgcolor="#FFFFFF">
      <
    tr><!-- START Banner Sideframes -->
        <
    td rowspan="10"><class="centerImage"><img src="images/sbannerl.fw.png" alt="Copyright 2013 Infinity Vesto." width="48" height="748"></p></td>
        <
    td colspan="06" height="96"><class="centerImage"><img src="images/wbanner.fw.png" alt="Copyright 2013 Infinity Vesto." width="1196" height="96"></p></td>
        <
    td rowspan="10"><class="centerImage"><img src="images/sbannerr.fw.png" alt="Copyright 2013 Infinity Vesto." width="48" height="748"></p></td>
      </
    tr><!-- END Banner Sideframes -->
      <
    tr><!-- START Nav Bar -->
        <
    td colspan="06">
        </
    td>
      </
    tr><!-- END Nav Bar -->
      <
    tr><!-- START Main Content -->
        <
    td colspan="6" rowspan="5" height="300"><class="centerImage">
        <
    table height="300" width="1196" border="0">
        <
    td></td>
        </
    table></p></td>
      </
    tr>
      <
    tr></tr>
      <
    tr></tr>
      <
    tr></tr>
      <
    tr></tr><!-- END Main Content -->
      <
    tr><!-- START Widget Line -->
        <
    td colspan="6" height="200">
        <
    table border="0">
        <
    td width="295" height="200" class="backgroundCell"><class="textWhite"></p></td><!-- Widget 1 Nick Crane -->
        <
    td width="295" height="200" class="backgroundCell"><class="textWhite">Widget 2 <br /> Gareth Eskandarzadeh <br /> Height 194px<br /> Width 289px</p></td><!-- Widget 2 Andrew Preen -->
        <
    td width="295" height="200" class="backgroundCell"><class="textWhite">Widget 3 <br /> Andrew Preen <br /> Height 194px<br /> Width 289px</p></td><!-- Widget 3 Gareth Eskandarzadeh -->
        <
    td width="295" height="200" class="backgroundCell"><class="textWhite">Widget 4 <br /> Anatoliy Gorshkov <br /> Height 194px<br /> Width 289px</p></td><!-- Widget 4 Anatoliy Gorshkov -->
        </
    td>
      </
    tr><!-- END Widget Line -->
      <
    tr><!-- START Footer Line -->
        <
    td colspan="6"><class="centerImage"><img src="images/footer.fw.png" alt="Copyright 2013 Infinity Vesto." width="1196" height="48"></p></td>
      </
    tr><!-- END Footer Line -->
      <
    tr><!-- START Copyright Line -->
        <
    td colspan="6"><class="centerImage"><img src="images/copyright.fw.png" alt="Copyright 2013 Infinity Vesto." width="1196" height="16"></p></td>
      </
    tr><!-- END Copyright Line -->
    </
    table>
    </
    body>
    </
    html
    HTML Example
    PHP Code:
    <!-- css navigation bar -->
    <
    div style="none" id="wrapper">
    <
    div id="navmenu">
    <
    link rel="stylesheet" type="text/css" href="css/navbar.css" />
               
                        <
    ul> <!-- button 1 -->
                             <
    li><a href="#">Trance Dance</a>
                            <
    ul>
                            <
    li><a href="aboutus.html">About Us</a></li>
                            </
    ul
                            </
    li>
                            </
    ul><!-- button 1 -->

                        <
    ul> <!-- button 2 -->
                              <
    li><a href="#">Music</a>
                            <
    ul>
                            <
    li><a href="artists.html">Artists</a></li>
                            <
    li><a href="tracks.html">Tracks</a></li>
                            <
    li><a href="albums.html">Albums</a></li>
                            </
    ul
                            </
    li>
                        </
    ul> <!-- end button 2 -->
                        
                        <
    ul> <!-- button 3 -->
                            <
    li><a href="#">Favourite</a>
                            <
    ul>
                            <
    li><a href="fartists.html">Artists</a></li>
                            <
    li><a href="ftracks.html">Tracks</a></li>
                            <
    li><a href="falbums.html">Albums</a></li>
                            </
    ul
                            </
    li
                        </
    ul> <!-- end button 3 -->

     <!-- 
    css -->       <ul> <!-- button 4 -->
                            <
    li><a href="#">Customer Services</a>
                            <
    ul>
                            <
    li><a href="help.html">Help</a></li>
                            <
    li><a href="sitemap.html">Site Map</a></li>
                            <
    li><a href="contactus.html">Contact Us</a></li>

                            </
    ul
                            </
    li
                         </
    ul> <!-- end button 4 -->


             <
    br class="clearfloat" />
    <
    div/><div/> 

  • #13
    New Coder
    Join Date
    Jan 2013
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Deleted due to multiple posts.
    Last edited by nickcraneuk; 01-31-2013 at 10:28 PM. Reason: Deleted due to multiple posts.

  • #14
    New Coder
    Join Date
    Jan 2013
    Posts
    16
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Deleted due to multiple posts.
    Last edited by nickcraneuk; 01-31-2013 at 10:32 PM. Reason: Deleted due to multiple posts.

  • #15
    Regular Coder student101's Avatar
    Join Date
    Nov 2007
    Posts
    634
    Thanks
    80
    Thanked 15 Times in 15 Posts

    Thumbs up

    #navMenu wont reference #navmenu
    Edit: Dude I was busy testing your code, glad u got it sorted
    Last edited by student101; 01-31-2013 at 10:22 PM.
    Thanks for your support!
    Update MySQL with checkboxes | Tell A Friend | Delete MySQL with checkboxes

    Give thanks & resolve when done :thumbsup:

  • Users who have thanked student101 for this post:

    nickcraneuk (01-31-2013)


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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