|
HTML - Problem Showing Header Menu
I am facing problem related to header menu. Please see attached file for clarification. Please suggest how i correct this error
Similar TutorialsI'm fairly new to designing and building pages. In Dreamweaver it's testing ok with Firefox however with IE it's only showing the flash header.. Can someone please assist?!!? Appreciate it! When I try to paste my code it says it's too long?! Thanks again. First of all im sorry if i double posted but i dunno what to search for and i tried lookin thru the forum b4 i posted .. Well, my problem is im a total beginner (noob) in html/css/javascript codin..but i was doin site to try coding..i divided my site into 4 main sections usin <div> as u can see in the pic (pic at end of ma post), but the my problem is i had to copy the codes of the header and the two menus in every page, then after endin it, i misspelled something in a menu..so had to change it in every page (about 20),so i wanted to make the header and menus each in a file and make them fixed, so i put each in a html and made an iframe and inserted and it worked but (i knw too many buts XD) the side menu was a spry menu..it cant go out of its frame so i had to make it expanded menu So,My question is i wanna do the spry menu..so is there any other way to make the side menu & header each in a document and link it to every page..so when i wanna change something..i can change from one document and it changes all, coz it seems tht iframes tht is the only thing tht gnna work. I knw i wrote alot..sorry >.<..well, i hope u cud help me out..thnx in advance I am using a template that I have modified for this web site. However, I am using my own menu bar and I cant get it to close the gap between the header and the body of the web stie. I have tried everything, Please help. I think I can resize the letters but I would like to close the gap. Thanks http://www.freechildrensvitamins.com I 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 my header is in line with the background on IE but not FF / OPERA etc.. what can i do to solve this? www.anastaciadreams.com 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. 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) Hi, I'm not an expert with html and css and I'm having a problem with the header pushing down from the top. How can I fix this..and are there any other problems with my code? Thank you in advance! Here's my html Code: <!DOCTYPE html> <html> <head> <title>SevoDesign</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="headerbg"></div> <div id="footerbg"></div> <div id ="wrapper"> <div id="header"> <h1><a href="#">sevodesign</a></h1> <ul id="nav"> <li><a href="#">home</a></li> <li><a href="#">portfolio</a></li> <li><a href="#">social networks</a></li> </ul> </div><!-- end header--> <div id="content"> <div class="mainpost"> <div class="postheader"> <h2>Hello World</h2> <h3>July 31, 2011</h3> </div><!-- end postheader--> <div class="postcontent"></div><!-- end postcontent--> </div><!-- end mainpost--> <div class="mainpost"> <div class="postheader"> <h2>Hello World</h2> <h3>July 31, 2011</h3> </div><!-- end postheader--> <div class="postcontent"></div><!-- end postcontent--> </div><!-- end mainpost--> </div><!-- end content--> <div id="sidebar"> <div id="search"> <div id="searchinput"> <a href="#"><img src="images/searchicon.png"/></a> </div><!-- end searchinput--> </div><!-- end search--> <div id="sidebox"> <div id="inside"> <ul id="links"> <li>Register</li> <li>Login</li> <li>Entries RSS</li> <li>Comments RSS</li> <li>WordPress.com</li> </ul><!-- end links--> </div><!-- end inside--> </div><!-- end sidebox--> </div><!-- end sidebar--> </div><!-- end wrapper--> </body> </html> and Here's the CSS: Code: body {
margin: 0px;
background-color: #eeeeee;
}
#headerbg {
top: 0px;
position: relative;
height: 107px;
width: 100%;
background-repeat: repeat-x;
background-image: url(images/header.jpg);
}
#wrapper {
top: 0px;
height: 807px;
width: 960px;
background-color: #fffd89;
margin-left: -480px;
left: 50%;
position: absolute;
}
#footerbg {
top: 660px;
position: relative;
height: 40px;
width: 100%;
background-repeat: repeat-x;
background-image: url(images/footer.png);
}
#header {
background-color: #b2ffce;
top: 0px;
position: relative;
height: 107px;
width: 960px;
}
h1 a {
text-decoration: none;
color: white;
padding: 0px;
margin: 0px;
top: 0px;
position: relative;
float: left;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 36px;
font-family: rockoultraflf;
}
#nav {
position: relative;
top: 15px;
width: 400;
float: right;
padding: 0;
list-style: none;
}
#nav li {
float: left;
}
#nav li a {
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0px 1px 2px #252525;
font-size: 18px;
font-family: rockoultraflf;
display: block;
padding: 8px 13px;
text-decoration: none;
color: white;
}
#nav li a:hover {
text-decoration: underline;
}
Hello, On my site ( http://www.regyourdomain.com/go/kb.php ) if you view in Firefox, a small greyish box appears linking to the CSS (see screenshot) Any ideas how to remove it? I cannot remove that line of code, as the script I am using does not allow it. Thanks hi guys, I'm basically wanting to have a H1 and a Google AdSense custom search box in the same div. The H1 needs to be left aligned, the search box needs to be right aligned. So, I did the following with span tags: Code: <span style="float:left;">Stainless Steel Kitchen Sinks</span> <span style="float:right;">AdSense search form</span> <br style="clear:both;" /> Now, the header is not big enough and things look cramped up. Please check out: http://topaussieflorists.com/temp3/ I would really appreciate any help on this! Thanks guys. Hi all, well, i have a problem with the header in my blog. The address is blog.groffudd.net. When i open it with Mozilla Firefox everything is ok, but with ie7 my header hides the title of the first article... i can solve the problem putting
Code: <br /><br /> after the header, but then in firefox the space between the content and the header becomes too big. Is there a better way to control this space in the both browsers (btw i've put my header in table like you can see from the source)? Thank U in advance! Sry for this explanation, but my english is poor. thank you for taking the time to help. Being very new at HTML codes, I almost got it where I want it. The problem I have I can't see one of the objects in the web page. Can someone show me why its not showing up. Now be kind to me, like I said I so new at this. This will be my second day working with HTML. The codes that I do have. was pasted in from various web sites. The code as follows: HTML Code: <html>
<head>
<title></title>
</head>
<body>
<!-- Put the body of your page below this line -->
<HTML>
<HEAD>
<TITLE>SCHEDULE OF EVENTS</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=2>
<CAPTION>UPCOMMING EVENTS</CAPTION>
<TR>
<TH><div><embed src="http://widget-75.slide.com/widgets/slidemap.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675403893&site=widget-75.slide.com" style="width:450px;height:425px" name="flashticker" align="middle"/><div style="width:450px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=5" target="_blank"><img src="http://widget-75.slide.com/c1/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide11.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=6" target="_blank"><img src="http://widget-75.slide.com/c2/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide6.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=H" target="_blank"><img src="http://widget-75.slide.com/c4/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div></TH>
<TH><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="416" height="312" id="mbox_player_309edbb41214e3c3be"><param name="movie" value="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" /><param name="allowScriptAccess" value="always" /><param name="allowFullscreen" value="true" /><embed src="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="416" height="312" allowFullscreen="true" allowScriptAccess="always" name="mbox_player_309edbb41214e3c3be"></embed></object></TH>
<TR>ALIGN=middle
<TH><object type="application/x-shockwave-flash" width="435" height="270" data="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569">
<param name="bgcolor" value="#e8e8e8"/>
<param name="movie" value="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569"/>
</object>
<br/>
<a href="http://www.profileplaylist.net"><img src="http://www.profileplaylist.net/mc/images/create_black.jpg" border="0" alt="Get a playlist!"/></a>
<a href="http://www.mysocialgroup.com/standalone/58484656" target="_blank"><img src="http://www.profileplaylist.net/mc/images/launch_black.jpg" border="0" alt="Standalone player"/></a>
<a href="http://www.mysocialgroup.com/download/58484656"><img src="http://www.profileplaylist.net/mc/images/get_black.jpg" border="0" alt="Get Ringtones!"/></a>
</div></TH>
<TH><div><embed src="http://widget-37.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675390263&site=widget-37.slide.com" style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=1" target="_blank"><img src="http://widget-37.slide.com/p1/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=2" target="_blank"><img src="http://widget-37.slide.com/p2/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=F" target="_blank"><img src="http://widget-37.slide.com/p4/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div>
<div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"></TH>
</TR>
<TR>
</BODY>
</HTML>
http://www.ars-guardian.com/services.html After most of the sentences there is a little box. It's nowhere in my code and I can't figure out how to get rid of it. Any help very much appreciated. why does my local copy of my site look like this http://img106.imagevenue.com/aAfkjfp...m_122_61lo.JPG but after I upload it to my webserver at http://shellsite.okinawapc.com it looks correct?? Hi everyone, I am having a basic problem with a header for my site. The header template is a 3 column 4 row table, with various graphic pieces plugged into each cell. On the second row, I have a graphic that is as wide as the 2nd column plus the 3rd column, and I used the colspan command so it should take up both columns. But, there is a goofy gap to the left of it! Can anyone help? The website is www.precisionpythons.com Thank you! JonV Hey guys, I'm managing this website that my boss created. I'm a devoted Dreamweaver user and she created it HTML style. I need help because I can't figure out why it's not showing up in Internet Explorer, Firefox, and Netscape. It shows up in Safari, but that's not going to satisfy our client. Here's the url: http://www.kwph.com it's the logo under the About Us section. Thank you for any help Jordan Hi, this is my first post on here and probably not my last, but I hope there are some experts that can help me out with this issue. I myself am extremely good with Flash and basic HTML but this problem has gone above my skills. Ok, so one of my clients had a template they wanted me to modify. Was mostly not a problem, but I am running into an issue with my Menu. It is a Flash/XML menu which works fine, but within the template there are some problems. The template itself uses HTML, CSS, and .js to call sections of the pages. Listed below is the URL and the problems. I hope someone can help and forgive me if this is not posted in the correct place. 1. Menu is visible on my Mac in both Firefox and Safari, but only in Firefox on my PC not IE6 2. Menu system is a dropdown and these are hidden behind the main table. Where the menu is are swf files which are called from a header.js file. I have added a z-index div command to try a allow the swf to come to the top level but this is not working. www.bellydancecollege.com I just started learning HTML yesterday, and I'm still getting a hang of it. I put a table menu on the side of my page, and I want to program it, so when my mouse hovers over a specific option, another menu appears, i'll post a link to show what i mean, incase what i stated is confusing. Appreciate all help. http://www.dar-us-salam.com/ I want to do with my table/menu the same as this website, or in this format. Thanks for the help Peace Hi can anybody see anything wrong with this code, sorry if its an obvious mistake im a begginner. <div class="menu"> <table class="navbar" > <tr> <td class="menuNormal" width="100" onmouseover="expand(this);" onmouseout="collapse(this);" > <p> Home </p> <div class="menuNormal" width="155"> <table class="menu" width="155"> <tr> <td class="menuNormal" > <a href="http:google.com" class="menuitem"> google </a> </td> </tr> <tr> <td class="menuNormal" > <a href="http:google.com" class="menuitem"> google </a> </td> </tr> <tr> <td class="menuNormal" > <a href="http:google.com" class="menuitem"> google </a> </td> </tr> <tr> <td class="menuNormal" > <a href="http:google.com" class="menuitem"> google </a> </td> </tr> <tr> <td class="menuNormal" > <a href="http:google.com" class="menuitem"> google </a> </td> </tr> </table> </div> </td> </tr> </table> </div> javascript: function expand(s) { var td = s; var d = td.getElementsByTagName("div").item(0); td.className = "menuHover"; d.className = "menuHover"; } function collapse(s) { var td = s; var d = td.getElementsByTagName("div").item(0); td.className = "menuNormal"; d.className = "menuNormal"; } and css td.menuNormal{ background-color: blue; } td.menuHover{ background-color:green; } Thanks Hi! I'm new on the site, and hope that I can get some help inhere. I got the "simple" job, to make a website for at pretty big-5day long party in my town. I thoug it was easy, and it ran great, until i crashed into this problem: When i click a button on in the menu bar, the front page keep showing up, and the site which should show up, dik only show in the small menu area. If you can't see what my problem is, then please check out the site: http://www.egernsundbyfest.dk Thanks ! |
|||||||