|
HTML - Issues With Opo Out Menu
I have inserted this http://www.dynamicdrive.com/style/cs...side_bar_menu/ it a test page, but there is a layout issue in FF, and possibly errors generally. It all displays ok in IE.
http://www.trytest.net/testing/build/ Can someone have a look and point out the error of my ways? Or if need be point me in the direction off a better solution? Cheers Similar TutorialsOK, I have a JavaScript code that toggles between the visibility of a div. When my mouse hovers over an element (lets say an li ), it would display the hidden div, on mouse out it would hide it again. When the drop down becomes visible, I click on any one of its links it takes me to the next page. The problem now is that if I was to then press the back button, the drop down menu would remain up, despite the fact that its not being triggered! Is there a code i'm missing that should correct this? How do I ensure if the user were to hit the back button, the div would reset to its original state? p.s. I had to cut some code out from the html, it exceed the character limit, but all the necessary codes are there. 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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>facpros</title>
<link rel="stylesheet" type="text/css" href="css1.css" id="default"/>
</head>
<body style="padding-top:0px;margin:0px;padding:0px;background-image:url('images/bg.png')" >
<script type =" text/javascript" src="fac.js" >
</script>
<!--beginning of div top-->
<div id="top"class="topstyle" style="left: 0px; top: 0px; " >
<!--the logo div-->
<div id="logo" style="width:285px; height:110px;position:relative; left: 0px; top: 0px;background-image:url('images/facproslogo.png')">
</div><!--end of logo div-->
<!--begining od facpros def-->
<div id="feder" class="fed" style="float:right; margin:0px; top: -110px;">
<p class="fac" style="position:absolute; width: 565px; left: 81px; top: 6px;"> Federation des Amis Chretiens pour la Promotion Sociale
</p>
</div><!--end of facpros def-->
<!--navigation menu list-->
<div id="Navigation" style="left:0px; top: -110px; float:right;" >
<ul class="nav" >
<li class="nli" id ="home" onclick="window.location.href='home.html'"style="width: 61px" ><a><span>Home</span></a></li>
<li class="nli"id ="about" onmouseover= "fabout('over')" onmouseout="fabout('out')" ><a><span>About Us</span></a>
<ul id="aboutdrop"style="visibility:hidden;position:absolute;list-style:none;z-index:1;top:45px;left:81px;text-align:left;">
<li onclick="window.location.href='about.html'" class="ischild" style=" width:150px;left: 0px; top: 0px;line-height:2em;height:30px;" >
Mission
</li>
<li onclick="window.location.href='leader.html'" class="ischild" style=" width:150px;left: 0px; top: 31px;line-height:2em;height:30px;" >
Leadership
</li>
<li onclick="window.location.href='member.html'" class="ischild" style=" width:150px;left: 0px; top: 62px;line-height:2em;height:30px;" >
Member
</li>
<li onclick="window.location.href='sof.html'" class="ischild" style=" width:150px;left: 0px; top: 93px;line-height:2.3em;height:30px; font-size:13px;" >
Statement Of Faith
</li>
</ul>
</li>
<li class="nli" id ="event" onclick="window.location.href='event.html'"><a><span>Events</span></a></li>
<li class="nli" id ="photo" onclick="window.location.href='photo.html'"><a><span >Gallery</span></a></li>
<li class="nli" id ="contact" onclick="window.location.href='contact.html'"><a><span >Contact Us</span></a></li>
<li class="nli" id ="lang" onmouseover= "flang('over')" onmouseout="flang('out')" ><a><span >Language</span></a>
<ul id="langdrop"style="list-style:none;width:100px; position:absolute; left:351px; top:61px;background-color:transparent;visibility:hidden;z-index:1;">
<li onclick="window.location.href='frhome.html'" class="ischild" style=" width:100px;left: 0px; top: -16px;line-height:2em;height:30px;" >
French
</li>
<li onclick="window.location.href='home.html'" class="ischild"style="width:100px;left:0px; bottom:-47px; height:30px;line-height:2em; ">
English
</li>
</ul>
</li>
</ul><!--navigation ul-->
</div><!--end of navigation menu div-->
</div><!--end of div top-->
</body>
</html>
Code: body{
background-color:gray;
}
p.fac{
font-family:"Lucida Calligraphy"; color:white; position:relative;font-size:large;
margin-left:auto;margin-right:auto;
}
li.ischild{
height:20px;
position:absolute;
text-align:center;
background-color:#f0f0f0;
cursor:pointer;
color:black;
border:thin gray solid;
text-align:left;
padding-left:5px;
}
ul.nav{
font-family:Copperplate33bc;
list-style:none;
padding: 0;
margin: 0; font-size:14px;
height:45px;
}
div.fed{
background-color:maroon;
position:relative;
width:715px;
height:65px;
}
div.topstyle{
top:0px;
background-color:transparent;
height:110px;
width: 1000px;
margin-left:auto;
margin-right:auto;
position:relative;
}
div.topcenter{
background-image:url('images/topcenterbgblue.png');
height:286px;
width: 1000px;
margin-left:auto;
margin-right:auto;
position:relative;
}
div.mbstyle{
background-color:white;
width:1000px;
position:relative;
margin-left:auto;
margin-right:auto;
height:390px;
}
div.bstyle{
background-color:white;
height:100px;
width: 1000px;
margin-left:auto;
margin-right:auto;
position:relative;
}
a:link,a:visited{
text-decoration:none;color:black;
}
a:link.nn,a:visited.nn{
text-decoration:none;
color:#666666;
margin-bottom:auto;
margin-top:auto;
font-family:'Times New Roman', Times, serif;
font-size:small;
}
#Navigation{
width:715px;
position:relative;
background-image:url('images/navbg2.png');
}
li.nli
{
float: left;
display: block;
text-decoration: none;
text-align: center;
padding-left:10px;
padding-right:10px;
width:auto;
height:45px;
line-height:3.5em;
border-right-width:2px;
border-right-style:groove;
border-right-color:#CCCCCC;
cursor:pointer;
background-image:url('images/hoverbg2.png');
}
td{
padding-left:50px;padding-right:100px; margin-bottom:auto;margin-top:auto;font-family:"Times New Roman", Times, serif; color:#666666;
}
#navigation li{
}
.ischild:hover{
height:20px;
position:absolute;
text-align:center;
background-color:#c0c0c0;
cursor:pointer;
color:black;
border:thin gray solid;
text-align:left;
padding-left:5px;
}
.nli:hover{
float: left;
display: block;
text-decoration: none;
text-align: center;
padding-left:10px;
padding-right:10px;
width:auto;
height:45px;
line-height:3.5em;
border-right-width:2px;
border-right-style:groove;
border-right-color:#CCCCCC;
cursor:pointer;
background-image:url('images/hoverbg.png');
color:#990000;
}
Code: function fabout(status)
{
switch(status)
{
case("over"):
{
document.getElementById("aboutdrop").style.visibility ='visible';
}break;
case("out"):
{
document.getElementById("aboutdrop").style.visibility ='hidden';
}break;
}
}//end of fabout
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function flang(status)
{
switch(status)
{
case("over"):
{
document.getElementById("langdrop").style.visibility = "visible";
}break;
case("out"):
{
document.getElementById("langdrop").style.visibility = "hidden";
}break;
}
}//end of flang
HI, Having trouble getting this menu to center. menu alone: http://www.havinc.com/menu.htm menu within the page: http://www.havinc.com/home.htm I have tried using the center tag, align="center" and no luck. I have tried within the menu fil eitself, and within the cell it is included in. Any help appreciated. tracie Good afternoon, I'm currently designing a site for a large exterior decorating company. I've had trouble, but nothing I couldn't work around. My graphic design skills are great, but my web coding is amateur at best. I've compiled a fixed-width site, it looks great in every browser, and in different resoultions. here's the kicker. (and I would have included code if the site were local on this computer, but it's on my laptop) My navigation is giving me major issues. Its set up to link to the site directory folder on my pc, the preview is real-time - what i'm trying to say is you can navigate the site from my pc, although it's not online. and the links work. I have one main-navigation, with drop-downs to a maximum of 2 sublevels (ie: spry vertical menu bar). I can navigate the main level to any of the sub-levels without issue. Code: /../index.html ---- to ---- /../products/siding/wood.html BUT when navigating back to any menu (or to a different sub-level in the same category, ie: siding/aluminum.html) for lack of a better explanation - the url won't drop the current directory. What I mean by this is Code: /../products/siding/wood.html ---- to ----- products/siding/aluminum.html redirects to products/siding/siding/aluminum.html So what i'm asking is if someone can assist me in fixing my page so it doesn't do this. I feel after writing this that my issue lies in the fact that I haven't specified index.html as my root directory. You would assume it would come intuitively for the page to drop the current directory, especially when you're specifying a page in a different level.. But apparently not. Also, i've explored it before but never found a decent answer: Is there any code that will allow me to embed the navigation to each page from a single file. Allowing easy changes to the navigation, simply by editing one file - the navigation? I am trying to implement a CSS dropdown menu into my site. I have it put in and positioned properly but when I hover over the links the menu doesn't drop. I have checked z-index's but other than that I am lost. I attached just the menu and the menu in the site. Menu Only (This Works): Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <style media="all" type="text/css">@import "menu/menu_style.css";</style> <div> <ul class="menu"> <li class="top"><a href="www.collegecovers.com" target="_self" class="top_link"><span>Home</span></a> </li> <li class="top"><a href="www.collegecovers.com/schools.html" target="_self" class="top_link"><span>Shop By School</span></a> <ul class="sub"> <li><a href="www.collegecovers.com/alabama.html" target="_self">Alabama</a></li> <li><a href="www.collegecovers.com/arkansas.html" target="_self">Arkansas</a></li> <li><a href="www.collegecovers.com/auburn.html" target="_self">Auburn</a></li> <li><a href="www.collegecovers.com/clemson.html" target="_self">Clemson</a></li> <li><a href="www.collegecovers.com/duke.html" target="_self">Duke</a></li> <li><a href="www.collegecovers.com/florida.html" target="_self">Florida</a></li> <li><a href="www.collegecovers.com/floridastate.html" target="_self">Florida State</a></li> <li><a href="www.collegecovers.com/georgia.html" target="_self">Georgia</a></li> <li><a href="www.collegecovers.com/gonzaga.html" target="_self">Gonzaga</a></li> <li><a href="www.collegecovers.com/georgetown.html" target="_self">Georgetown</a></li> <li><a href="www.collegecovers.com/iowa.html" target="_self">Iowa</a></li> <li><a href="www.collegecovers.com/iowastate.html" target="_self">Iowa State</a></li> <li><a href="www.collegecovers.com/kansas.html" target="_self">Kansas</a></li> <li><a href="www.collegecovers.com/kansasstate.html" target="_self">Kansas State</a></li> <li><a href="www.collegecovers.com/kentucky.html" target="_self">Kentucky</a></li> <li><a href="www.collegecovers.com/louisianastate.html" target="_self">Louisiana State</a></li> <li><a href="www.collegecovers.com/michigan.html" target="_self">Michigan</a></li> <li><a href="www.collegecovers.com/michiganstate.html" target="_self">Michigan State</a></li> <li><a href="www.collegecovers.com/northcarolina.html" target="_self">North Carolina</a></li> <li><a href="www.collegecovers.com/northcarolinastate.html" target="_self">North Carolina State</a></li> <li><a href="www.collegecovers.com/nebraska.html" target="_self">Nebraska</a></li> <li><a href="www.collegecovers.com/ohiostate.html" target="_self">Ohio State</a></li> <li><a href="www.collegecovers.com/oklahoma.html" target="_self">Oklahoma</a></li> <li><a href="www.collegecovers.com/oklahomastate.html" target="_self">Oklahoma State</a></li> <li><a href="www.collegecovers.com/oregon.html" target="_self">Oregon</a></li> <li><a href="www.collegecovers.com/oregonstate.html" target="_self">Oregon State</a></li> <li><a href="www.collegecovers.com/penn.html" target="_self">Penn State</a></li> <li><a href="www.collegecovers.com/southcarolina.html" target="_self">Oregon</a></li> <li><a href="www.collegecovers.com/texas.html" target="_self">Texas</a></li> <li><a href="www.collegecovers.com/texasam.html" target="_self">Texas A&M</a></li> <li><a href="www.collegecovers.com/texastech.html" target="_self">Texas Tech</a></li> <li><a href="www.collegecovers.com/vanderbilt.html" target="_self">Vanderbilt</a></li> <li><a href="www.collegecovers.com/wakeforest.html" target="_self">Wake Forest</a></li> <li><a href="www.collegecovers.com/westvirginia.html" target="_self">West Virginia</a></li> </ul> </li> <li class="top"><a href="www.collegecovers.com/category.html" target="_self" class="top_link"><span>Shop By Category</span></a> <ul class="sub"> <li><a href="www.collegecovers.com/bib.html" target="_self">Bed in a Bag</a></li> <li><a href="www.collegecovers.com/comforter.html" target="_self">Comforters</a></li> <li><a href="www.collegecovers.com/sheets.html" target="_self">Sheets</a></li> <li><a href="www.collegecovers.com/futon.html" target="_self">Futon Covers</a></li> <li><a href="www.collegecovers.com/crib.html" target="_self">Crib Covers </a></li> <li><a href="www.collegecovers.com/etc.html" target="_self">Accessories</a></li> </ul> </li> <li class="top"><a href="www.collegecovers.com/register.html" target="_self" class="top_link"><span>Register</span></a> </li> <li class="top"><a href="www.collegecovers.com/contactus.html" target="_self" class="top_link"><span>Contact Us</span></a> </li> </ul> </div> </body> </html> Menu on site (Not working): Code:
.bg {background: url(images/button4.gif);}
.menu {
padding:0 0 0 32px;
margin:0;
list-style:none;
height:40px;
background:#fff url(images/button1a.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
z-index: 100;
visibility: visible;
}
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}
.menu li:hover > a.top_link {color:#000; background: url(images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:100;}
.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}
Thank you for the help! Hi guys. I have a menu on this page, and the last menu item "galleries" drops down a menu when it's hovered over. http://www.dualimagephotography.com/gallery/ But in IE instead of dropping beneath it shoots out to the right. Anyone know why? I don't really mind it so much except it's really hard to hover over the submenu when it goes that way The CSS: ul#nav, ul#nav ul { margin: 0px; padding: 0px; list-style: none; } ul#nav ul { border: 0px solid #999; background-color: transparent; display: none; position: absolute; z-index: 9; } ul#nav li { display: inline; float: left; text-indent: 0px; margin: 0 12px 0 12px; float:right; } ul#nav ul li a { display: block; text-decoration: none; color: #000; padding: 2px; } ul#nav ul li a:hover { background: transparent; color: #fff; } ul#nav li ul { border-bottom: 0px solid #999; background-color: transparent; display: none; position: absolute; z-index: 9; } ul#nav li ul li { display: inline; float: left; text-indent: 0px; margin: 3px 0px 3px 0px; } ul#nav li ul li a { display: block; text-decoration: none; color: #000; padding: 2px; border-bottom: 1px solid #fff; } ul#nav li ul li a:hover { background: transparent; color: #fff; border-bottom: 1px solid #ccc; } ul#nav li li { display: block; float: none; } I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> Hello, I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help! Ben I have a page I created in dream weaver. It displays fine in IE7, but in IE6 it does not. Here is a link to the page: Problem Page If anyone has any ideas, I'd really appreciate it. Right then... Problem is, uploaded website, thought that it was ok, checked in Firefox, Safari and even icab... did not check IE (rookie) and did IE have problems? Of course. Basically Some of pics are not showing up - mainly in the shop and one or two on the main pages. I cannot work out how to fix, def not broken links, really boring I know, but can anyone help? Link to site: http://www.thefrenchpantry.co.uk much appreciated... Arg... IE is bugging me as usual.... Now I've been working on the fantasy football site the past few days getting ready for the fantasy season... but when I look at the site on IE we have a few issues going on... here they a 1. text rendering on the image switcher... why does the text look bold? The info there is using the default font-size of 13px which I set... I'm assuming that probably has something to do with it. 2. The poll part 1 Why on earth is the question indented 6px? The links in the "newest articles" section are set to indent 6px... but I set that on the list... the question of the poll isn't even in a list and it somehow got indented... 3. More crappy text rendering on the poll answers... now I'm seeing the results because I voted and the text looks absolutely horrendous... no idea why either. Any help with these IE crazy things would be greatly appreciated... thanks! I'm experiencing an issue when using DIVs in DIVs.. I have a container-DIV and a content-DIV, and I would like the container-DIV to stretch vertically as necessary based on how much content is in the content-DIV. Code: <html>
<header>
<style type="text/css">
#divContainer{
position:absolute;
top:10px;
left:10px;
height:100%;
width:200px;
background-color:#CCC;
}
#divContent{
position:absolute;
top:10px;
left:10px
width:180px;
background:color:#BBB;
}
</style>
</header>
<body>
<div id="divContainer">
<div id="divContent">
<!-- Fill me with content -->
</div>
</div>
</body>
</html>
This is basically the code I'm using... whenever the content amount pushes the divContent lower than the bottom of the divContainer, it just overflows out and down the page. What am I doing wrong? Edit: OOPS I set height to 100px on the divContainer, it was supposed to be 100% Hello! I'm having quite a problem implementing multiple backgrounds into my website. Simply put I want to have a top bar, that will function as header, and a bottom bar, that will function as a footer. I've tried the following solution but it just doesn't seem to work. The div id "bgBottomDiv" just won't show. I was hoping someone could help me out. HTML: HTML Code: <body> <div id="wrapper"> <div id="bgBottomDiv"> "Content goes here " </div> </div> CSS: Code: #wrapper{
position:relative;
margin:0 auto;
width:1100px;
}
body {
background-image:url(/images/Styler_top.png);
background-attachment: scroll;
background-repeat: repeat-x;
background-position: top;
font-family: arial;
color: #111111;
font-size: 0.75em; /* 12px/16=0.75 em */
word-spacing: 2px;
line-height: 175%;
}
#bgBottomDiv{
background-image: url(images/Styler_top.png);
background-repeat: repeat-x;
background-position: bottom;
}
Thanks in advance! Alright, so I have this site on which I need a certain part of the site (the content part where the main text bit is) to extend down to the bottom (and preferably no longer), so that if the window is smaller or bigger the text will still just go all the way down to the bottom of the page, and when the text is further down that div will have a scrollbar so you can scroll through the text. The main issue is making it so the end of the div is always on the bottom of the page. (I've tried height=100% on that div but then it just goes below the bottom for some reason.) This is the site. And here's the code: Code: CSS:
div.main { position: absolute;
top: 181px;
left: 110px;
width: 510px;
height: 1500px;
background: url("images/Content Box Bit.png"); }
div.news { position: absolute;
top: 25px;
left: 15px;
width: 494px;
height: 372px;
overflow-x: hidden;
overflow-y: auto; }
Code: HTML:
<div class="main">
<img src="images/News and Updates.png"><div class="news">
<span class="f4"><?php include('sitemapbase.php'); ?></span></div>
</div>
The reason the height of main=1500px is that that's not gonna be scrollable anyway, and I just added a random value to assure that went to the bottom no matter what. Thanks for any help. Wasn't really sure where to put this, sorry if it's the wrong place.. EDIT: Just encountered an additional issue, being that the navigation menus (to the left) look off in IE. The background seems not to start where the div starts. Suggestions? http://www.farewell-travel.com/newsl...rch2012_2.html Why does this look like crap in Internet Explorer? (Specifically talking about the "Highlights" box) It looks fine in firefox but not on IE. I've tried everything to fix it, I don't know what to do! The width dimensions for some reason are way off. It bloats up to 272px when it should be 200px! Please help! Thanks -Please note this is an e-mail newsletter, that is the reason I'm using tables! Hello, I've been having trouble laying out my website. I'm quite new to HTML, so if you could give me the simplest answer possible it would be appreciated. As of right now I have an image aligned to the top of my page, and two side by side tables underneath it. However, although the tables are aligned the way I want them in Mozilla Firefox (the tables being directly under the image), when I display my site in Internet Explorer the tables are beside the image. I found that I could insert page breaks until the image fit where I wanted it in Internet Explorer, then, however, the tables were further away from the image in Mozilla firefox. If anyone could tell me how to fix this problem it would be most appreciated. Cheers, Dancing Pancake Hello Guys, This is my first thread. When i try to validate website at W3C.org, i found many errors but below 2 are main reasons to write here. Errors 1) Line 424, Column 88: document type does not allow element "FORM" here 2) Line 425, Column 6: document type does not allow element "TR" here I've called 4 php files using include tag in my index.php. Here are codes of right.php from where errors has come. Code: <table width="100%" border="0" cellspacing="0" cellpadding="5" class="arial1" style="border-bottom-color:#999999; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#999999; border-top-style:solid; border-top-width:1px; border-left-color:#999999; border-left-style:solid; border-left-width:1px; border-right-color:#999999; border-right-style:solid; border-right-width:1px;"> <form name="frmRight" method="post" action="<?php echo __HOST__?>pro_search.php"> <tr> <td align="center" bgcolor="#FF0000"><span class="Times2">Product Search </span></td> </tr> <tr> <td height="33" align="center"><input name="pro_search" class="inputbox150" type="text" id="pro_search" size="20" maxlength="25" /></td> </tr> <tr> <td height="35" align="center"><input type="submit" name="Submit" value="GO" class="button03"/></td> </tr> <tr> <td align="center"></td> </tr> </form> </table> <br> If you want to check website directly on W3C validation service, please note site: www.abroadpharma.com line # 424 & 425. Thanks Ok im working on the website for the company I work for and Im having some issues. Lastnight everything was perfect and now I see in FireFox and SeaMonkey I get a "side to side" scroll bar on the bottom which Im sure wasnt there lastnight. As im sure its no supprise that IE7 has not cooperated with me in this endevour but oddly enough IE7 is the only one not showing the scrollbar. The page I would like any of you to view is being hosted on my last clients server. here it is. http://www.millermachinecompany.com/test2.htm please feel free to look at the code to. any advice to make the code better would be GREATLY appreceated. Thank you all so much for the help. I am new to the world of web design and i am building http://www.bluephoric.com i am using a bg image on two of the pages and it is throwing off the header alignment. the header jumps around depending what page you are on? i am soo lost as how to fix this. can someone please help thanks Hi am coding a new website the the moment but i am testing a few things, i am wondering if somebody could help me. Basically the issue it the links sit to high on the navibar but when i add a break they sit to low. Is there a code which can enable me to get it to sit in the middle. The link on the navibar is text not images. I look forward to the feed back. if you would like so see what the problem is i can post the website URL here is the URL http://www.ycn-hosting.eu/newsite/ Kind Regards Hello all. This is my first post with you guys and i hope that someone can help me. i have created a website at www.beresfordmandley.co.uk and i am having a problem with only one page that scrolls down when using IE7. This does not happen with Safari or Firefox. On the race calendar page there is unexpected movement on the left menu buttons and on the right tables and it does not look right. is there a snippet of code that would stop this happening. (I can post the HTML code. Just ask) Many thanks Marcus |
|||||||