HTML - How Do I Add An Html Header/logo?
Here is my site:
http://www.straighttothetop.net What I want to do is add the image (the one in the background) and put it in the header above the navigation links (home, products, etc) Just having a black background and the image on the header as a kinda banner/logo centered on top of the navigation links Similar TutorialsI am currently managing the site: www.miamibc.com. I would like to move the top menu (home, about us, etc) below the logo so that I can add more links. I'm new to Dreamweaver and can't figure out how to do this. Here is a copy of the code around that area: <body> <div class="main"> <div class="blok_header"> <div class="header"> <div class="logo"><img src="images/Church-logo.png" alt="MBC header" width="600" height="100" /></div> <div class="menu"> <ul> <li><a href="index.html"><span>Home</span></a></li> <li><a href="about.html"><span>About Us</span></a></li> <li><a href="directions.html"><span>Map and Times</span></a></li> <li><a href="mailto:btobias@miamibaptistchurch.com"><span>Contact Us</span></a></li> </ul> </div> <div class="clr" /> </div> <div class="clr" /> </div> <div class="clr" /> <div class="header_text_resize"> <h1><br /> Any suggestions? Thanks so much for your help. Ben Hey, thanks ahead of time for any amazing answers, Anyway, i am hosting my website on Tumblr, which is a blogging thing @ quickcache.org And you can customize your theme in HTML. I want to add a 150 by 150 or less picture to the left of the blog title. You can view to code here and view the sample website here If you could give me a updated copy with fill in the blank code that would be epic! I assume it should be easy for anyone with any knowledge of HTML. And yes i know i need a image host. Also if you add to the code, could you give me a recommended picture size to fit it to the left of the title? Thanks so much! I am trying to changed the logo on my website. The part of the html code which does this, is showing as: <div id="logo-div" class="fw-logo"></div> the logo is a .gif file and I cant find anywhere in the html which is calling this image file. Where is it getting logo-div and fw-logo from, can someone please explain the html above that I posted I am creating very simple Adsense websites for novice programming moms. I have my tables set, I need a header to display Google Adsense within one of the top tables on all 80 pages of content. In PHP we refer to the process as "Calling". I need to call the header to each page. Frames won't work, have to use tables. I would like to make a header that contains the Adsense info, so when there are 80 pages of content the newbee mom programmer doesn't have to add google adsense separately to each of the 80 pages. Its difficult enough to get them to do it once without saving the template as a .txt file. If I can just write the instructions so they can open 1 header file, pop in the adsense code in a large open area then save it using a html ext. it will be a life saver. Then I just have to explain ftp - wish me luck. (I am use to hacking up PHP scripts, sad to say I hack well, I program badly.) I have probably over explained this, sorry. Thank you for any help you can give, ~eDee Is it possible to include a header and footer file using HTML? I have my file as a .html and need to be able to include the HTML for the header and footer. Anyone know how I can do this? Is it possible to include a header and footer file using HTML? I have my file as a .html and need to be able to include the HTML for the header and footer. Anyone know how I can do this? Dear experts, I want to freeze html table header. I find the .css to do that, however, the freeze header width does not align with the body part of table. My code is as below: <div id="div1" > <table id="webRef" > <thead > <tr> <th >#</th> <th >網站</th> <th >學習重點</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> <tr> <td>1</td> <td>www.ipandaR.com</td> <td> <p> <span style=\"color: #ffff00\">Yellow</span></p> <p> <span style=\"color: #0000cd\">Blue</span></p> <p> <span style=\"color: #ff0000\">Red</span><br /> </p> <p> <span style=\"color: #000000\"><strong>Bold</strong></span></p> </td> </tr> </tbody> </table> </div> Thanks a lot!. Regards, Man Pak Hong, Dave manpakhong@hotmail.com HI I have a .htm file in which i dynmically insert the data. Now wht i want that i want to put header and footer in each print page of thta html file , dynmically thoroght VB.NET Code. The header and footer can contail , the company logo, Title of page and so on. can u big boss please tell me how can i do this. Thanks Hello! I was wondering how you make a little logo to your website like the one on google.com for an example. I have a logo on my page coded like this <img src="http://www.etcetc.com/logo.gif" border="0"align="center"> however when u hover ure mouse over the logo it turns into a linked image and when u click on it ,it opens a blank page. I havent coded for the logo to be linked anywhere. why is that happeninig?: thanks I've changed the logo on my site at www.manchestermodelling.com. However, I need to move it higher. I've tried absolute positioning, valign etc. but it hasn't moved. I may have entered the wrong syntax however. Does anyone know what code I should use? Thank you Hello, This is the site in question: www.hbcacworth.org I would like to place a small rectangular logo on the right side of the page on the same line as the church logo which is already there. I cannot figure out how to do this. Does anyone have any suggestions? Thank you so much. bt I've lost the montage in the header section of my website, any ideas? http://www.mcaorals.co.uk I have a CSS file code follows BODY { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #42d4ca; background-color: #540a67; } .text { FONT-SIZE: 16px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica } .newstext { FONT-SIZE: 14px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica } .prtext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .smalltext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .wsmalltext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .smalltext2 { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica } .eresource { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .wtext { FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica } .bullet { FONT-FAMILY: Arial, Helvetica } .secthdr { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none } .tabhdr { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none } .peheader { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica } .desthdr { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #42d4ca; FONT-FAMILY: Arial, Helvetica } .header { FONT-WEIGHT: bold; FONT-FAMILY: Arial,Helvetica } .nulink { TEXT-DECORATION: FONT-SIZE: 14px; COLOR: #42d4ca; FONT-FAMILY: Verdana, Arial, Helvetica; font-size: 12px; background-color: #540a67; } .nulink:hover { COLOR: #42d4ca } .tabhdrlink { COLOR: green; TEXT-DECORATION: none } .wtabhdrlink { COLOR: #fff000 ; TEXT-DECORATION: none } .wtabhdrlink:visited { COLOR: orange; TEXT-DECORATION: none } .tabhdrlink:visited { COLOR: pink } .tabhdrlink:link { COLOR: white } .tabhdrlink:hover { COLOR: white } .svclink { FONT-FAMILY: Verdana, Arial, Helvetica } .destlink { FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica } .tablink { FONT-WEIGHT: bold; TEXT-DECORATION: none } A:hover { COLOR: pink } A.menubartext { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } TD.clsMenuBarItem A { FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none } A.clsMenuBarItem { FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none } A.clsMenuBarItem:visited { FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none } TD.clsMenuBarItem { FONT-WEIGHT: bold; FONT-SIZE: 10px; CURSOR: hand; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } TD.clsMenuBarItem A:hover { COLOR: orange } .clsMenuBarItem { FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } .clsMenuBarItem:hover { COLOR: orange } DIV.clsMenu { PADDING-RIGHT: 5px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Verdana,Arial,Helvetica; BACKGROUND-COLOR: #00bede } DIV.clsMenuGray { PADDING-RIGHT: 5px; BORDER-TOP: white 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Verdana,Arial,Helvetica; BACKGROUND-COLOR: gray } DIV.clsMenu A { FONT-WEIGHT: bold; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } DIV.clsMenuGray A { FONT-WEIGHT: bold; COLOR: white; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none } DIV.clsMenu A:hover { COLOR: white } DIV.clsMenu_blk A:hover { COLOR: white } .dllist { FONT-SIZE: 12px } <div id="logo"> <a href="/"><img src="../Montage/New-Montage-Chrome.jpg" width="1024" height="98" alt="MCA Orals Chrome Montage Header"></a> </div> Ok so I have these affiliate links and what I would like to do is create a page have my banner/logo located at the top of the page and then have the affiliate link open at the bottom of the page I've begun to notice that most websites now, up on the address bar, have a logo, to the left of the "http://..." address. Is it a piece of html code, or something else? My guess is the latter.. i have a domain registered with network solutions, do i have to pay for it? Thanks, -Adam adam79@toast.net I'm not the greatest when it comes to coding a website. I'm currently using WordPress for my site and can't seem to get my logo/header to hyperlink to my homepage. Right now it's just unclickable. My site is www.BlackjackClassroom.com Any help with this issue would be very much appreciated. I usually use an <a href> tag to hyperlink things, but this is giving me trouble for some reason. Thanks! Having problems with my logo on ie and firefox. It opens fine in safari. Site is www.justintimemelodies.com. I am new to html and am not sure what the problem is. I assume i need to add something for the coding to show in those two browsers. the following is the code:<div id="Logo"> <a href="index.html"><img src="./images/JustInTime2.jpg"alt="Home" border="0"></img></a></div> <a href="index.html"></a> Hi, i'm having a bit of an issue with my website in different browsers etc. It's a pretty basic html website with an iframe in the middle. I made it in dreamweaver, and it looks ok on my computer, however I had some people email in saying that the logo dissapears under the menu bar and is not visible (see attached jpeg). Is there any way I can make sure that the logo (an image) and the menu bar dont overlap on older versions of IE? Website is webuyanyphone.com btw. Any help would be awesome. Google has this awesome Christmas logo up- it's really neat! The images all have "thumbnails" that are part of a picture, and when you hover over one of the thumbnails, it reveals the full image! Does anyone have a code that replicates this, or even the code itself? I read that it took 250 hours for Google to complete the whole set up, so I don't expect it to be easy to recreate... maybe there is a similar script available? More info on the logo he Google Christmas Logo (news.cnet.com) Merry Christmas, by the way! |