Headers

Paul_Blackpool · August 24, 2012

I have created a header with the usual items. ie logo and menue bar. If I run the header through the server all works fine, however if I include it on the home page everything appears except the menue bar. Obviously I have done something wrong.

The first code is from the header.html and the second from the index.php. Any help would be apreciated.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

div#container

{

width: 766px;

position: relative;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

text-align: left;

}

body

{

text-align: center;

margin: 0;

background-color: #FFFFFF;

color: #000000;

}

</style>

a

{

color: #C8D7EB;

text-decoration: underline;

}

a:visited

{

color: #C8D7EB;

}

a:active

{

color: #C8D7EB;

}

a:hover

{

color: #376BAD;

text-decoration: underline;

}

</style>

#Image1

{

border: 0px #000000 solid;

}

.ThemeMenuBar1Menu,

.ThemeMenuBar1SubMenuTable

{

font-family: Arial;

font-size: 13px;

font-weight: normal;

color: #376BAD;

text-align: left;

padding: 0;

cursor: pointer;

}

.ThemeMenuBar1MenuOuter

{

background-color: #BBCEE6;

border: 0;

}

.ThemeMenuBar1SubMenu

{

position: absolute;

visibility: hidden;

border: 0;

padding: 0;

border: 0;

}

.ThemeMenuBar1Menu td

{

padding: 3px 0px 3px 0px;

}

.ThemeMenuBar1SubMenuTable

{

color: #376BAD;

text-align: left;

background-color: #BBCEE6;

font-weight: normal;

font-style: normal;

text-decoration: none;

}

.ThemeMenuBar1SubMenuTable td

{

white-space: nowrap;

}

.ThemeMenuBar1MainItem

{

}

.ThemeMenuBar1MainItem,

.ThemeMenuBar1MainItemHover,

.ThemeMenuBar1MainItemActive,

.ThemeMenuBar1MenuItem,

.ThemeMenuBar1MenuItemHover,

.ThemeMenuBar1MenuItemActive

{

white-space: nowrap;

}

.ThemeMenuBar1MainItemHover,

.ThemeMenuBar1MainItemActive

{

color: #376BAD;

background-color: #EDF2F8;

font-weight: normal;

font-style: normal;

text-decoration: none;

}

.ThemeMenuBar1MenuItemHover,

.ThemeMenuBar1MenuItemActive

{

color: #376BAD;

background-color: #EDF2F8;

font-weight: normal;

font-style: normal;

text-decoration: none;

}

.ThemeMenuBar1MenuFolderLeft,

.ThemeMenuBar1MenuFolderRight,

.ThemeMenuBar1MenuItemLeft,

.ThemeMenuBar1MenuItemRight

{

padding: 3px 0px 3px 0px;

}

td.ThemeMenuBar1MainFolderText,

td.ThemeMenuBar1MainItemText

{

padding: 3px 5px 3px 5px;

}

.ThemeMenuBar1MenuFolderText,

.ThemeMenuBar1MenuItemText

{

padding: 3px 5px 3px 5px;

}

td.ThemeMenuBar1MenuSplit

{

overflow: hidden;

background-color: inherit;

}

div.ThemeMenuBar1MenuSplit

{

height: 1px;

margin: 0px 0px 0px 0px;

overflow: hidden;

background-color: inherit;

border-top: 1px solid #376BAD;

}

.ThemeMenuBar1MenuVSplit

{

display: block;

width: 1px;

margin: 0px 7px 0px 7px;

overflow: hidden;

background-color: inherit;

border-right: 1px solid #376BAD;

}

#Image3

{

border: 0px #000000 solid;

}

#Image4

{

border: 0px #000000 solid;

}

</style>

</head>

<body>

<li><span></span><span>About</span></li>

<li><span></span><span>Contact</span></li>

<li><span></span><span>Employers</span></li>

<li><span></span><span>Jobseekers</span></li>

<li><span></span><span>Training</span></li>

<li><span></span><span>Extras</span></li>

</ul>

</div>

<!--

var cmMenuBar1 =

{

mainFolderLeft: '',

mainFolderRight: '',

mainItemLeft: '',

mainItemRight: '',

folderLeft: '',

folderRight: '',

itemLeft: '',

itemRight: '',

mainSpacing: 0,

subSpacing: 0,

delay: 100,

offsetHMainAdjust: [0, 0],

offsetSubAdjust: [0, 0]

};

var cmThemeMenuBar1HSplit = [_cmNoClick, '<td colspan=3" class="ThemeMenuBar1MenuSplit"><div class="ThemeMenuBar1MenuSplit"><\/div><\/td&gt];

var cmThemeMenuBar1MainHSplit = [_cmNoClick, '<td colspan=3" class="ThemeMenuBar1MenuSplit"><div class="ThemeMenuBar1MenuSplit"><\/div><\/td&gt];

var cmThemeMenuBar1MainVSplit = [_cmNoClick, '<div class=ThemeMenuBar1MenuVSplit">|<\/div&gt];

cmDrawFromText('MenuBar1', 'hbr', cmMenuBar1, 'ThemeMenuBar1');

-->

</script>

</div>

</div>

</body>

</html>

<?php

$page_title = 'Home Page';

include ('includes/header.html')

?>

div#container

{

width: 994px;

position: relative;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

text-align: left;

}

body

{

text-align: center;

margin: 0;

background-color: #FFFFFF;

color: #000000;

}

</style>

a

{

color: #C8D7EB;

text-decoration: underline;

}

a:visited

{

color: #C8D7EB;

}

a:active

{

color: #C8D7EB;

}

a:hover

{

color: #376BAD;

text-decoration: underline;

}

a.style1:link

{

color: #0000FF;

}

a.style1:visited

{

color: #800080;

text-decoration: underline;

}

a.style1:active

{

color: #FF0000;

font-weight: bold;

text-decoration: underline;

}

a.style1:hover

{

color: #0000FF;

text-decoration: underline;

}

</style>

#Line1

{

color: #E6E6FA;

background-color: #E6E6FA;

border-width: 0px;

}

#wb_Text3

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text3 div

{

text-align: center;

}

#Image6

{

border: 0px #000000 solid;

}

#wb_Text1

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text1 div

{

text-align: center;

}

#Image9

{

border: 0px #000000 solid;

}

#wb_Text2

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text2 div

{

text-align: left;

}

#wb_Text4

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text4 div

{

text-align: left;

}

#Image5

{

border: 0px #000000 solid;

}

#wb_Text5

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text5 div

{

text-align: center;

}

#wb_Text6

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text6 div

{

text-align: center;

}

#wb_Text7

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text7 div

{

text-align: left;

}

#Image7

{

border: 0px #000000 solid;

}

#wb_Text23

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text23 div

{

text-align: left;

}

#wb_Text24

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text24 div

{

text-align: left;

}

#wb_Text22

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text22 div

{

text-align: left;

}

#wb_Text25

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text25 div

{

text-align: left;

}

#wb_Text26

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text26 div

{

text-align: left;

}

#wb_Text27

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text27 div

{

text-align: left;

}

#Image8

{

border: 0px #000000 solid;

}

#Image10

{

border: 0px #000000 solid;

}

#Image11

{

border: 0px #000000 solid;

}

#Image12

{

border: 0px #000000 solid;

}

#Image13

{

border: 0px #000000 solid;

}

#Image14

{

border: 0px #000000 solid;

}

#wb_Text8

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text8 div

{

text-align: justify;

}

#wb_Text30

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text30 div

{

text-align: center;

}

#wb_Text9

{

background-color: transparent;

border: 0px #000000 solid;

padding: 0;

}

#wb_Text9 div

{

text-align: left;

}

</style>

</head>

<body>

<span style="color:#000000;font-family:Arial;font-size:20px;">Employers</span></div>

<span style="color:#000000;font-family:Arial;font-size:20px;">Jobseekers</span></div>

<span style="color:#000000;font-family:Arial;font-size:16px;">Login<br><br> Create an account<br><br>Contact Us</span></div>

<span style="color:#000000;font-family:Arial;font-size:16px;">Login<br><br>Create an account<br><br>Register for agency work</span></div>

<span style="color:#000000;font-family:Arial;font-size:20px;">Job Sectors</span></div>

<span style="color:#000000;font-family:Arial;font-size:13px;">Skilled Workers</span></div>

<span style="color:#000000;font-family:Arial;font-size:12px;">Plant & Construction</span></div>

<span style="color:#000000;font-family:Arial;font-size:12px;">Transport & logistics</span></div>

<span style="color:#000000;font-family:Arial;font-size:12px;">Catering & Hospitality</span></div>

<span style="color:#000000;font-family:Arial;font-size:12px;">Office & Admin</span></div>

<span style="color:#000000;font-family:Arial;font-size:12px;">General Workforce</span></div>

<span style="color:#000000;font-family:Arial;font-size:15px;">We supply staff on a Temporary, Permanent and Temp to Perm basis to some well known Blue Chip companies and Local Authorities all over the UK. <br><br>Whether you’re an Employer looking for staff or a Jobseeker looking for work we can help. Employers can also post permanent vacancies and search CVs on this site. Jobseekers just register and search for currently active jobs or complete our agency registration form and we will contact you with further information. <br><br>You can access most of this site by using the navigation bar above. <br><br>For privacy reasons some areas are protected and can only be accessed by registered users. <br><br>You can create a free account at any time. Or if you have already registered please log in.</span></div>

<span style="color:#000000;font-family:Arial;font-size:13px;"><strong><a href="./terms_and_legal/site_terms.html" class="style1">Site Terms</a> | Privacy Policy | <a href="./terms_and_legal/disclaimer.html" class="style1">Disclaimer</a> | <a href="./site_map.html" class="style1">Site Map</a> | </strong></span></div>

</div>

</body>

</html>

HartleySan · August 24, 2012

Please edit your post by placing the relevant code within code tags.

Also, please use ellipsis or something to cut out all the unnecessary code.

If you could please do that, I'll take another look.

Thanks.

margaux · August 24, 2012

seriously???

There are so many things wrong with this post that you are not going to get any help unless you amend it.

Way too much code.
Insert your code within code tags - or use the <> icon on the edit tool bar
Only include the code that is relevant - no one is going to wade through all that code
This is not really a forum for help on html and css - we will be happy to comment on html and css code but post in the correct forum.
At least take out the css and put into an external file to link to
Have you run your code through the W3C validator?

Edward · August 24, 2012

This is awesome.

Paul_Blackpool · August 24, 2012

Thanks lads Iv'e fixed it. The menue bar is one of those mega ones that I tried but I just went back to a tab menue and it works fine. Still cant work out why it apears on the header page but when you include the header page on the home page it vanishes I thought it was the relative to option in DW but that didn't work either.

Thanks for the input

HartleySan · August 24, 2012

Geez, Paul, not to gang up on you, but you've really left us hanging.

If you're willing to clean up your code, we're willing to try and find the problem.

Sign In

Headers

Recommended Posts

Paul_Blackpool

Link to comment

Share on other sites

HartleySan

Link to comment

Share on other sites

margaux

Link to comment

Share on other sites

Edward

Link to comment

Share on other sites

Paul_Blackpool

Link to comment

Share on other sites

HartleySan

Link to comment

Share on other sites

Browse

Activity