Go Back   CodingForums.com > :: Client side development > HTML & CSS
Reload this Page Resolved HTML not recognising CSS sheets.

Before you post, read our: Rules & Posting Guidelines

Reply
Page 1 of 2 1 2
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 01-31-2013, 08:39 PM   PM User | #1
nickcraneuk
New Coder

 
Join Date: Jan 2013
Posts: 16
Thanks: 3
Thanked 0 Times in 0 Posts
nickcraneuk is an unknown quantity at this point
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"><p class="centerImage"><img src="images/sbannerl.fw.png" alt="Copyright 2013 Infinity Vesto." width="48" height="748"></p></td>
    <td colspan="06" height="96"><p class="centerImage"><img src="images/wbanner.fw.png" alt="Copyright 2013 Infinity Vesto." width="1196" height="96"></p></td>
    <td rowspan="10"><p 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"><p 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"><p class="textWhite"></p></td><!-- Widget 1 - Nick Crane -->
    <td width="295" height="200" class="backgroundCell"><p 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"><p 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"><p 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"><p 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"><p 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..
nickcraneuk is offline   Reply With Quote
Old 01-31-2013, 09:25 PM   PM User | #2
VIPStephan
The fat guy next door


 
VIPStephan's Avatar
 
Join Date: Jan 2006
Location: Halle (Saale), Germany
Posts: 7,613
Thanks: 5
Thanked 865 Times in 842 Posts
VIPStephan is a jewel in the roughVIPStephan is a jewel in the roughVIPStephan is a jewel in the rough
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.
__________________
Don’t click this link!
VIPStephan is offline   Reply With Quote
Old 01-31-2013, 09:31 PM   PM User | #3
student101
Regular Coder

 
student101's Avatar
 
Join Date: Nov 2007
Posts: 610
Thanks: 80
Thanked 13 Times in 13 Posts
student101 is on a distinguished road
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:
student101 is offline   Reply With Quote
Old 01-31-2013, 09:34 PM   PM User | #4
nickcraneuk
New Coder

 
Join Date: Jan 2013
Posts: 16
Thanks: 3
Thanked 0 Times in 0 Posts
nickcraneuk is an unknown quantity at this point
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.
nickcraneuk is offline   Reply With Quote
Old 01-31-2013, 09:36 PM   PM User | #5
VIPStephan
The fat guy next door


 
VIPStephan's Avatar
 
Join Date: Jan 2006
Location: Halle (Saale), Germany
Posts: 7,613
Thanks: 5
Thanked 865 Times in 842 Posts
VIPStephan is a jewel in the roughVIPStephan is a jewel in the roughVIPStephan is a jewel in the rough
Got any online sample for us?
__________________
Don’t click this link!
VIPStephan is offline   Reply With Quote
Old 01-31-2013, 09:37 PM   PM User | #6
student101
Regular Coder

 
student101's Avatar
 
Join Date: Nov 2007
Posts: 610
Thanks: 80
Thanked 13 Times in 13 Posts
student101 is on a distinguished road
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:
student101 is offline   Reply With Quote
Old 01-31-2013, 09:40 PM   PM User | #7
nickcraneuk
New Coder

 
Join Date: Jan 2013
Posts: 16
Thanks: 3
Thanked 0 Times in 0 Posts
nickcraneuk is an unknown quantity at this point
Deleted due to multiple posts.
Last edited by nickcraneuk; 01-31-2013 at 10:32 PM.. Reason: Deleted due to multiple posts.
nickcraneuk is offline   Reply With Quote
Old 01-31-2013, 09:43 PM   PM User | #8
student101
Regular Coder

 
student101's Avatar
 
Join Date: Nov 2007
Posts: 610
Thanks: 80
Thanked 13 Times in 13 Posts
student101 is on a distinguished road
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:
student101 is offline   Reply With Quote
Old 01-31-2013, 09:43 PM   PM User | #9
nickcraneuk
New Coder

 
Join Date: Jan 2013
Posts: 16
Thanks: 3
Thanked 0 Times in 0 Posts
nickcraneuk is an unknown quantity at this point
Thanks again.
Deleted due to multiple posts.
Last edited by nickcraneuk; 01-31-2013 at 10:27 PM.. Reason: Deleted due to multiple posts.
nickcraneuk is offline   Reply With Quote
Old 01-31-2013, 09:46 PM   PM User | #10
nickcraneuk
New Coder

 
Join Date: Jan 2013
Posts: 16
Thanks: 3
Thanked 0 Times in 0 Posts
nickcraneuk is an unknown quantity at this point
Deleted due to multiple posts.
Last edited by nickcraneuk; 01-31-2013 at 10:28 PM.. Reason: Deleted due to multiple posts.
nickcraneuk is offline   Reply With Quote
Old 01-31-2013, 09:46 PM   PM User | #11
student101
Regular Coder

 
student101's Avatar
 
Join Date: Nov 2007
Posts: 610
Thanks: 80
Thanked 13 Times in 13 Posts
student101 is on a distinguished road
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.
__________________
Thanks for your support!
Update MySQL with checkboxes | Tell A Friend | Delete MySQL with checkboxes

Give thanks & resolve when done :thumbsup:
Last edited by student101; 01-31-2013 at 09:51 PM.. Reason: more info
student101 is offline   Reply With Quote
Old 01-31-2013, 09:50 PM   PM User | #12
nickcraneuk
New Coder

 
Join Date: Jan 2013
Posts: 16
Thanks: 3
Thanked 0 Times in 0 Posts
nickcraneuk is an unknown quantity at this point
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' */
background: url(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(linear, left top, left bottom, color-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+ */
background: linear-gradient(to bottom,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* 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-style: none;
      float:left;
      position:relative;
      background:background: #ffffff;
      background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 71%, #f6f6f6 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-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%);
      background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 71%,#f6f6f6 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
      
     }
#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{
         background: rgb(206,219,233); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(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,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-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,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* 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"><p class="centerImage"><img src="images/sbannerl.fw.png" alt="Copyright 2013 Infinity Vesto." width="48" height="748"></p></td>
    <td colspan="06" height="96"><p class="centerImage"><img src="images/wbanner.fw.png" alt="Copyright 2013 Infinity Vesto." width="1196" height="96"></p></td>
    <td rowspan="10"><p 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"><p 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"><p class="textWhite"></p></td><!-- Widget 1 - Nick Crane -->
    <td width="295" height="200" class="backgroundCell"><p 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"><p 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"><p 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"><p 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"><p 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/> 
nickcraneuk is offline   Reply With Quote
Old 01-31-2013, 09:52 PM   PM User | #13
nickcraneuk
New Coder

 
Join Date: Jan 2013
Posts: 16
Thanks: 3
Thanked 0 Times in 0 Posts
nickcraneuk is an unknown quantity at this point
Deleted due to multiple posts.
Last edited by nickcraneuk; 01-31-2013 at 10:28 PM.. Reason: Deleted due to multiple posts.
nickcraneuk is offline   Reply With Quote
Old 01-31-2013, 09:55 PM   PM User | #14
nickcraneuk
New Coder

 
Join Date: Jan 2013
Posts: 16
Thanks: 3
Thanked 0 Times in 0 Posts
nickcraneuk is an unknown quantity at this point
Deleted due to multiple posts.
Last edited by nickcraneuk; 01-31-2013 at 10:32 PM.. Reason: Deleted due to multiple posts.
nickcraneuk is offline   Reply With Quote
Old 01-31-2013, 10:15 PM   PM User | #15
student101
Regular Coder

 
student101's Avatar
 
Join Date: Nov 2007
Posts: 610
Thanks: 80
Thanked 13 Times in 13 Posts
student101 is on a distinguished road
Thumbs up
#navMenu wont reference #navmenu
Edit: Dude I was busy testing your code, glad u got it sorted
__________________
Thanks for your support!
Update MySQL with checkboxes | Tell A Friend | Delete MySQL with checkboxes

Give thanks & resolve when done :thumbsup:
Last edited by student101; 01-31-2013 at 10:22 PM..
student101 is offline   Reply With Quote
Users who have thanked student101 for this post:
nickcraneuk (01-31-2013)
Reply
Page 1 of 2 1 2

Bookmarks

Jump To Top of Thread


« Previous Thread | Next Thread »
Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT +1. The time now is 09:10 AM.
Advertisement
Log in to turn off these ads.