Header Help Please

[winndknot]

Hello all ~ It's been a long time since I've been on here, but I am trying to insert a header into my pages at http://www.dreamsonthefly.com the header being "Guided Fly Fishing on the Owyhee & Grande Ronde Rivers". I am not finding any .css on the page so I am hoping I can place in where it sits now but using the JS below and getting more space so the drop down menus don't interfere with the h1. I use Homestead and found when I was working with the JS Homestead put's their own code in as needed for their site. I am not well versed in all of this but I do understand what I need just not certain how to do it.

I sure hope this all makes sense and appreciate the help.

<div align="center">
<img src="headerforflybooklarger.jpg" alt="Fly fishing for Steelhead, Brown Trout & Smallmouth Bass" width="1020" height="126" hspace="0"/>

</div>
<div align="center">
<script type="text/javascript" language="JavaScript1.2">
<!--
stm_bm(["menu3374",430,"","blank.gif",0,"","",1,2,2,2,1000,1,1,1,"","100%",83886335],this);
stm_bp("p0",[0,4,0,0,15,3,0,7,100,"progidXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=0.10)",-2,"progidXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=0.10)",-2,100,0,0,"#000000","transparent","",0,0,0,"#000000"]);
stm_ai("p0i0",[0,"Home","","",-1,-1,0,"http://www.dreamsonthefly.com/index.html","_self","","","","",0,0,0,"","",0,0,0,1,1,"#A87F09",1,"#A87F09",1,"","",0,0,0,0,"#A87F09 ","#000000","#000000","#000000"," bold 12pt Garamond"," bold 12pt Garamond",0,0],10,0);
stm_aix("p0i1","p0i0",[0,"The Fish","","",-1,-1,0,"http://www.dreamsonthefly.com/thefish.html"],10,0);


stm_aix("p0i2","p0i0",[0,"Destinations","","",-1,-1,0,"http://www.dreamsonthefly.com/destinations.html","_self","","","","",0,0,0,"arrow_r.gif","arrow_r.gif",7,7],10,0);
stm_bp("p1",[1,4,0,-1,4,3,0,0,100,"progidXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=0.41)",-2,"progidXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=0.41)",-2,69,2,8,"#A87F09","",0,1,1,"#000000"]);


stm_aix("p1i0","p0i0",[0,"Owyhee Trout","","",-1,-1,0,"http://www.dreamsonthefly.com/owyhee.html","_self","","","","",0,0,0,"","",0,0,0,1,1,"#A87F09",1,"#A87F09",1,"","",0,0,1,1],10,0);

stm_aix("p1i0","p0i0",[0,"Grande Ronde","","",-1,-1,0,"http://www.dreamsonthefly.com/granderonde.html","_self","","","","",0,0,0,"","",0,0,0,1,1,"#A87F09",1,"#A87F09",1,"","",0,0,1,1],10,0);

stm_aix("p1i1","p1i0",[0,"Owyhee Bass","","",-1,-1,0,"http://www.dreamsonthefly.com/ofloat.html"],10,0);
stm_ep();


stm_aix("p0i3","p0i2",[0,"Guides","","",-1,-1,0,"http://www.dreamsonthefly.com/Newguides.html"],10,0);
stm_bpx("p2","p1",[]);
stm_aix("p2i0","p1i0",[0,"Dave Tucker","","",-1,-1,0,"http://www.dreamsonthefly.com/dtguide.html"],10,0);
stm_aix("p2i1","p1i0",[0,"Rhonda Price","","",-1,-1,0,"http://www.dreamsonthefly.com/rkpguide.html"],10,0);
stm_aix("p2i2","p1i0",[0,"Our Guides","","",-1,-1,0,"http://www.dreamsonthefly.com/guidesbios.html"],10,0);
stm_ep();

stm_aix("p0i4","p0i0",[0,"Rates","","",-1,-1,0,"http://www.dreamsonthefly.com/newlodging.html","_self","","","","",0,0,0,"","",0,0,0,1,1,"#A87F09",1,"#A87F09",1,"","",0,0,0,0,"#A 87F09","#000000","#000000","#000000","bold 12pt Garamond","bold 12pt Garamond",0,0],10,0);




stm_aix("p0i5","p0i2",[0,"Flies","","",-1,-1,0,"http://www.dreamsonthefly.com/allflyinfo.html"],10,0);
stm_bpx("p3","p1",[]);
stm_aix("p3i0","p1i0",[0,"Steelhead Flies","","",-1,-1,0,"http://www.dreamsonthefly.com/steelheadflies.html"],10,0);
stm_aix("p3i1","p1i0",[0,"Trout Flies","","",-1,-1,0,"http://www.dreamsonthefly.com/troutflies.html"],10,0);
stm_aix("p3i2","p1i0",[0,"Atlantic Salmon Flies","","",-1,-1,0,"http://www.dreamsonthefly.com/atlanticsalmonflies.html"],10,0);
stm_ep();
stm_aix("p0i6","p0i4",[0,"Photos","","",-1,-1,0,"http://www.dreamsonthefly.com/photogallery.html"],10,0);







stm_aix("p0i7","p0i2",[0,"Contact Us","","",-1,-1,0,"http://www.dreamsonthefly.com/Contact.html"],10,0);
stm_bpx("p4","p1",[]);
stm_aix("p4i0","p1i0",[0,"Airline Reservations","","",-1,-1,0,"http://www.travelstoremaker.com/cgit/porch?agentid=dreamsonthefly"],10,0);
stm_ep();
stm_aix("p0i8","p0i2",[0,"Links","","",-1,-1,0,"http://www.dreamsonthefly.com/links.html"],10,0);
stm_bpx("p5","p1",[]);
stm_aix("p5i0","p1i0",[0,"Education","","",-1,-1,0,"http://www.dreamsonthefly.com/education.html"],10,0);
stm_aix("p5i1","p1i0",[0,"Resources","","",-1,-1,0,"http://www.dreamsonthefly.com/resources.html"],10,0);

stm_ep();
stm_aix("p0i9","p0i0",[0,"Blog","","",-1,-1,0,"http://www.dreamsonthefly.com/blog.html","_self","","","","",0,0,0,"","",0,0,0,1,1,"#A87F09",1,"#A87F09",1,"","",0,0,0,0,"#A87F09" ,"#000000","#000000","#000000","bold 12pt Garamond","bold 12pt Garamond",0,0],10,0);


stm_ep();
stm_aix("p0i9","p0i0",[0,"Book Trip ","","",-1,-1,0,"http://www.theflybook.com/Default.aspx?shop=108e506d-f6f6-4356-8e19-1e682ece3bf1","_self","","","","",0,0,0,"","",0,0,0,1,1,"#A87F09",1,"#A87F09",1,"","",0,0,0,0,"#A87F 09","#000000","#000000","#000000","bold 12pt Garamond","bold 12pt Garamond",0,0],10,0);
;
;
stm_ep();
stm_ep();
stm_em();
//-->
</script>

</div>

[BLiZZaRD]

Wow! Remind me to NEVER use Homestead to build a site. 99% of that crap (and I use that term loosely) you don't even need.

Anyway, do you own the server the site is on? Can you upload files and edit files on your own?

If so, just make your own CSS file. It can be a small one. Set a div with a background image. Make the image the text you want and how you want it to look. Then in the HTML file set the div in place.

Something like this:

CSS code -

.header {
     background: ulr(/path/to/image.jpg) no repeat center center;
     width: 100%;
     height: 5em;
     margin: 0 auto;
}

and the HTML:

blah blah stuff up top...

</head>
<body>
<div class="header">&nbsp;</div>
blah blha rest of crap on page to the end....

Hope that helps.

[winndknot]

I think I have it. Take a look and tell me what you think....Dreams on the Fly

Thank you for all your help, I truly appreciate it.

[Beverleyh]

Just from a visual perspective, how about tidying up your layout some more? Here's a start:


Basically, make all your text sit centrally on the page instead of randomly jumping around.
Also, if you made the image thumbnails all the same size it would look a lot neater (with vertical position matched on each side), and possibly add a border so they look more finished.
A caption under each would be useful and also for the ones that link elsewhere, put "view larger picture" too because at the minute, visitors dont know which are links and which arn't unless they hover.

There's also rather a large gap between your banner and main title so maybe reduce that too.

Hope that helps

[winndknot]

I see what you have done looks great, I will give it a try...thank you!