HTML - Question About Header Usage

I have a webpage that has about 100 links on it. All of them point to the same 900+ page document, but go to a different page. This document changes, so that a page may get added prior to a certain page. because of that, I'd prefer not to have to hardcode each of the 100 page numbers. I'd like to have a rolling reference page, so that if the first link started on page 150, and the second link would go to page 155, then I'd like for it to be #page=var1+5.

Here is the hardcoded version that I've started creating:
<a href="http://.../PDF_file.pdf#page=155">O15_test_setup .... page 5-16</a>

the #page=155 would be indicative of the second link above.

I'd like to set up an array that i can use in the href tag for each of these links, that will allow me to goto the correct page. and if a page gets added, then it would only take one change to update the file.

I've also looked for a way to open the PDF file, and search for the "O15_test_setup" text, but haven't found a way to do that.

My thought of how it could be done is with javascript, declare the array, and fill in the array.
Something like
array(1,1) = first link text (http://...pdf_file.pdf#page=150)
array(1,2) = first link displaytext (O14_test_setup)
array(2,1) = second link text (http://...pdf_file.pdf#page=155)
array(2,2) = first link displaytext (O15_test_setup)

Then in the HTML part of the file, have something like
<a href = array(1,1);array(2,1)>

What is the correct way to do this?

If you want to create your own website or if you are wandering how different tings and knowledge require to create website, here I am writing all necessary things which work together to create professional business website.

Hosting and Domain name: it is first initial step which require buying domain and web space to store different things for your website. Shared and dedicated is common hosting in which you share hosting space with other website or can have private server only for your website.

Web Design, Web template, CSS and HTML: All these terms are related with style factor of your website and development of each decides how your website would look. Templates are available which readymade web page designs which you can use are. CSS are files which stores attributes for designing different things and HTML is basic language and web standard used to give final touch.

Web Development, CMS, PHP, ASP, Open source, Website Builder and Ecommerce: All these terms are related to different functionality of website. CMS gives facility to manage website on your own, PHP and ASP.net are platform which support different programming language to implement functionality of website, open source are technology which is free and can include lots of stuff necessary for programming and website builder are tool to create web pages on your own.

Hey, im trying to find out why the header on my website isnt at the top of the page. it also moves sometimes even though the code appears to be all the same.

the address is www.themonsterbox.com

thanks in advance for any help.

Hi guys,

I've done design work before, but the website I just finished is my first stab at doing html & css by myself and I just have one problem that isn't working. There is a gap a few pixels high between the top images in my header and the bottom of the header where the navigation is. This gap doesn't appear in Firefox or Safari, only IE. Does anyone know how to fix this. The site can be seen on my company's test server at www.worthy-llc.com/pfpk. Thanks so much, it's a charity site and I want to make sure it gets done correctly.

Brendan

Hey guys just need a little help in getting a google adsense ad in the top right hand side of my website next to the header image.. Help is much appreciated thanks.

My site http://www.prized4you.com

Thanks in advanced

hi, guys new here and to html. i am writing my code as, <div class="header"> Drums</div>, for example, now my trainer wants it in a span class so i can change the font and color etc, what is the next step to take?

hi,
when i open web in internet explorer i see web without header and footer. then open with firefox i see web without header but i see footer. How to fix this problem and then i open web with every explorer i can see good web.
sorry for english language.

web url is www.xxlpramogos.lt

Hi people.

hope everyones ok

http://www.airportcarhireliverpool.co.uk/ is my website and it looks fine on firefox but when i go to IE the nav is too low. i really dont know why and its doing my head in.

also when we use ie 7 it re-directs to youtube?

whattttttt?

lol

please help me!!!

Thanks!!

I have this theme that I'm using for a project and I can't find where I made the mistake in the HTML ... the Header/title is supposed to be the color of the text, but for some reason it's purple ...
This is the website: http://simplybeautifulinmtl.tumblr.com/

And this is the HTML (I deleted a bunch of it that had no relevance and this is what's left ... I know it's asking a lot but can someone help me?):
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" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>{Title}</title>
        <META NAME="Title" CONTENT="{Title}">
        <META NAME="Description" CONTENT="{MetaDescription}">
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        
 <meta name="color:Title" content="#fffdf7"/>
  <meta name="color:Background" content="#fff"/>
  <meta name="color:Text" content="#fffdf7"/>
  <meta name="color:Link" content="#000000"/>
  <meta name="color:LinkHover" content="#fffdf7"/>
  <meta name="color:LinkBackground" content="#FFECF3"/>
  <meta name="color:LinkHoverBackground" content="#F1F0F0"/>
  <meta name="color:DescriptionBackground" content="#F1F0F0"/>
  <meta name="if:Large Photos" content="1"/>
  <meta name="if:Show Archive Link" content="1"/>
  <meta name="if:Show RSS Link" content="1"/>
  <meta name="if:Show Random Link" content="0"/>
  <meta name="if:Show Likes Link" content="0"/>
  <meta name="if:Show Mobile Link" content="0"/>
  <meta name="if:Show Description" content="0"/>
  <meta name="if:Fixed Header" content="1"/>
  <meta name="if:InfiniteScroll" content="0"/>

{block:IfInfiniteScroll}
 <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
{/block:IfInfiniteScroll}


</script> 
<style type="text/css">
hr { display:none; }
img { border:0px; }
body { 
		background: {color:Background}; 
		color:{color:Text}; 
		font-family:' georgia, sans-serif;
		font-size: 0.75em; /* 12px */
		margin:0px; 
		padding:0px;
		letter-spacing: 0.1em;
}


}

}
a:focus { outline: none; }


/* ---------------------------------------------------- Funky **** ------------------ */
::selection,
a::selection,
img::selection {
 background: {color:Text};;
 color: {color:Text};;
}

::-moz-selection {
 background: {color:Text};;
 color: {color:Text};; 
}


/* ---------------------------------------------------- Header ------------------ */



header {
 display: block;
 margin: 40px auto 20px auto;
 width: 820px;
 text-align: center;
}
header.fixed {
 position: fixed;
 width: 100% !important;
}
header h1 {
 font-family: Georgia, sans-serif;
 display: block;
 font-size: 4em;
 -webkit-margin-befo  0em;
 -webkit-margin-after: 0em;
 -webkit-margin-start: 0px;
 -webkit-margin-end: 0px;
 margin-bottom: 5px;
 font-weight: normal;
 color: {color:Text};
}
header h1 a {
 font-weight: normal;
 text-decoration:none !important; 
}

nav a {
 color: {color:Text};
 padding: 3px 5px 1px 5px;
 margin: 0 2px;
 background: {color:LinkBackground};
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px; 
 text-decoration:none !important; 
}

nav a:hover {
 color: {color:Text};
 background: {color:LinkHoverBackground};
}

div.wrapper {
 display: block;
 margin: 0px auto 100px auto;
{block:IfFixedHeader}
  padding: 115px 0 0 0;
{/block:IfFixedHeader}
 width: 500px;
 text-align: center;
 color: {color:Text};
}

div.description {
    float:left;
margin-top:0px;
 padding: 5px 10px;

}



/* ---------------------------------------------------- Text ------------------ */
.text {
 width: 500px;
 margin: 25px auto 125px auto;
 line-height: 1.6em;
}
.text .caption {
 font-size: 1.66em; /* 20px */
 text-decoration:none !important; 
}

/* ---------------------------------------------------- Stuff ------------------ */
div.tumblrAutoPager_page_info {
 display:none;
}

#back-top {
 position: fixed;
 right: 15px;
 bottom: 10px;
 font-size: 0.83em;
}
#back-top a {
 color: {color:Text};
 padding: 3px 5px 1px 5px;
 margin: 0 2px;
 background: {color:LinkBackground};
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px; 
 text-decoration:none !important; 
}
#back-top a:hover {
 color: {color:Text};
 background: {color:LinkHoverBackground};
}


{CustomCSS}
</style>
</head>
<body>




<header {block:IfFixedHeader}class="fixed"{/block:IfFixedHeader}>
  <h1><a href="/">{Title}</a></h1>

<nav>


 

</nav>

</header>

<div class="wrapper">

{block:IfShowDescription}
 {block:Description}
  <div class="description">
   {Description}
  </div>
 {/block:Description}
{/block:IfShowDescription}

</div>




<!---------------------------------------------------------------------------- POSTS ----->


<Div class="autopagerize_page_element" id="posts">
  {block:Posts}


{block:Text}
  <div class="text">
    {block:Title}<a {block:IndexPage}href="{Permalink}"{/block:IndexPage} class="caption">{Title}</a>{/block:Title}
        {Body}

     {block:Date}
       <div class="permalink"><a href="{Permalink}" class="permalink">❖</a></div>
     {/block:Date}

  </div>
{/block:Text}

I have to insert javascript between <Body> & </Body>, of a HTML page.

The page, however, is a header and only contains a <Body>. There is no </Body>.

So, the script does not work.

Any thoughts on how I can resolve this?

- b

PS: Forgot to mention that the javascrip does work. I've already tried it on a test HTML page that does have <Body> & </Body> and the script does work.

On my website www.fresh-lobster.co.uk my footer displays 3 lists with various links, in a horizontal line (ul is floated left in the css).

But the way i created the list headers was to put a the list header within an LI so it would format (margin etc) with the rest of the list.

ul
li --list header-- /li
li --list item -- /li
li --list item -- /li
/ul

But when viewing in non-css mode, it displays a disc like any other element in an LI.

I tried using the LH (which is included in html3)...

ul
lh --list header-- /lh
li --list item -- /li
li --list item -- /li
/ul

But IE doesnt like it (even though Opera does). Is the LH element still functioning? or is there some other way of doing it.

Thanks

Okay prepare for whats probably a real dumbass question, but how do you create a website where you have a header that never changes, only the body of it changes to correspond with the users selections made from the header. I can do this with frames but I don't like this and want to learn other ways.

Thanks in advance

I am wanting to get the header image div to go to resize based off of the window and go to the edges of the browser and be at the top with no space. No matter what I do the image won't resize and the image appears to have a border even though I do not have one set. :wtf:

here is a link http://www.deejayoctane.com/dev/
any help would be appreciated.

Thanks Guys!
8)

Both work fine in Firefox.

Code:

Code:

<style TYPE="text/css">
<!--
#rotate
{
	background: url(/images/banner/players/rotate.php) no-repeat center top;
	color: inherit;
	width: 967px;
	height: 202px;
}

-->
</STYLE>
<table width="967" height="202" id="rotate" style="cursor:pointer;" onclick="location.href='';">
<tr valign="top">
<td width="222">&nbsp;</td>
<td width="733" style="padding-top: 9px">
<script type="text/javascript"><!--
google_ad_client = "pub-8692420629844560";
/* 728x90, created 10/7/10 */
google_ad_slot = "0662884499";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
</table>

In IE, works fine on site - ad is placed perfectly:



In forums, using same code, the ad is misplaced slightly, and shows more of the white space from when the banner was designed, as a placeholder for ad:



Banner design, w/ whitespace - creates a 1-px white border around ad:

Any ideas what could be causing the inconsistency? As far as I know, it's IE only.