chris_p

Yep I tried adding the rest and also put all the content in a wrapper div but still doesn't seem to be centering in IE. I re-uploaded if anyone else wants to take a look. http://www.dpmgroup.co.uk/preview/jasdip_email/ Thanks

Hey everyone I have this site but can;t seem to get the main content div to center in IE. http://www.dpmgroup.co.uk/preview/jasdip_email/ I have two seperate style sheets (one of IE) and I've used "margin-left: auto;" and "margin-right: auto" to try to center the div which has work on all my other project so I'm not sure why it's not working now. If anyone could help it would be great as its causing me a lot of stress.

Thanks for your help!

I'm not sure but if you validate your code then that should tell you if there are any errors or not.

Hey I have a table where the first row just has one cell in and the row below it has two cells in. I want the cell on the first row to be the lenght of the entire table but because there are two cells underneath it puts it as the same width as the first cell of the second row. How can I get rid of this problem? <table width="500" border="1" cellspacing="1px" cellpadding="1px"> <tr> <td class="header">cell 1</td> </tr> <tr> <td>cell 1</td> <td class="blue">cell 2</td> </tr> </table> Thanks for any help

Hey everyone I have the following jquery code that hides or shows a div depending on which button is pressed. $(document).ready(function(){ $("input#1").click(function(event){ event.preventDefault(); $("div#footer3").css('display', 'none'); $("div#footer1").css('display', 'block'); }); $("input#2").click(function(event){ event.preventDefault(); $("div#footer3").css('display', 'block'); $("div#footer1").css('display', 'none'); }); }); It all works fine except I'd like to improve it a bit. When you click "input#2" more than once it cycles through the divs but I just want it to show footer3 and then if it's pressed again nothing will happen. Also when you click "input#1" after clicking "input#2" it takes you to the top of the page where as I want it to stay where the div is located. I hope this all makes sense. Here is the link to the page - http://www.dpmgroup.co.uk/preview/aspire/ The buttons I'm talking about are located at the bottom of the page. Thanks for any help.

Yeah the problem is that the drop down menu's are just a design made in photoshop so I have no idea how to code them to look like that. I'm going to do some research now. I'll let you know if I find a way to do it.

Thanks but I need to drop down boxes to look exactly like in this picture. http://www.aspire.co.uk/beta_layout/ I'm not sure if that's going to be acheivable in css?

Hey everyone I have a deadline to complete a home page of a website which involves a form. The problem I have is that I need to get the form to look exactly like the form in the image attached to this post. I've already coded the form but I'm not sure how to style the drop down boxes. Does anyone know? Can I just do it in css? Thanks for any help.

Thanks, I've tried to validate it as much as I can in my local copy of the site but that problem is still appearing. I seem to have tried everything to fix it. Can anyone help?

Hey It's hard to say without an example or a screenshot. But one thing I did notice was how come the margin at the bottom of the content is -10px. That could be causing the problem.

Hey. I've just set up a new site called www.nominee-services.co.uk. It all works fine except for the order form in IE8 http://www.nominee-services.co.uk/order.php?p=Nominee Secretary&c=50.00 If you look at the bottom of the order form there is an empty div and I can't work out why it's there. I assume you can see the html and css from looking at the source code or shall I post it on here? Thanks

Hi, Do you mean when you search in Google the old site still shows up? It could be that Google hasn't crawled the new page yet so its still directing you to the old site.

As you can see I am trying to float the two divs left but that means they seem to fall out of the main div called wrap.

This is very simple problem but its annoying me a lot. I have a div called wrap which I want all of the content to be inside. However why is it that when I float the "sidebar" div to left that it suddenly sits outside of the wrap div. <div id="wrap"> <div id="top"> <p>Contact</p> <p>Agent Login</p> </div> <div id="sidebar"> <h2>Text</h2> <p>Sidebar content</p> </div> <div id="main"> <p>Main content</p> </div> </div> body { padding: 0; font-family: Arial, Helvetica, sans-serif; background: #c7c7c7; } #wrap { margin-left: auto; margin-right: auto; width: 900px; background: #ffffff; border: solid 1px #000000; } #top { background: #000000; height: 40px; width: 850px; margin-left: auto; margin-right: auto; } #sidebar { clear: none; margin: 0; padding: 0; width: 300px; background: #ffffff; border: solid 1px #000000; } #main { clear: none; float: right; width: 500px; border: solid 1px #000000; } Thanks for any help

Hey What I'm trying to achieve is when the user clicks the submit button it takes them to another page thanking them. I've copied my code below. Javascript: function send(){ window.location.href = 'http://www.google.com'; } HTML: <form name="formy" ONSUBMIT="return validateForm();send()" method="get" enctype="text/plain"> I think this is quite a simple problem but I'm not very good at Javascript Thanks for any help

Hey I found this tutorial which makes a panel slide down from the top of the screen. I have pasted the code below. <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(this).toggleClass("active"); return false; }); }); </script> <body> <div id="panel"> <p>Content</p> </div> <p class="slide"><a href="#" class="btn-slide">Slide Panel</a></p> </body> However what I want to achieve is the same effect but for the panel to slide horizontally from the left of the screen but I also want it to not displace any text or images. Any ideas? Thanks for any help

Thanks! I've changed the code and this is what I've got now. <script language="JavaScript"> // Show or hide important div tags function toggleDiv(link) { // Get the number after the underscore in the ID of the link that was clicked var divNumber = link.id.split('_')[1]; if (document.getElementById('box' + divNumber).style.visibility == "hidden") { document.getElementById('box' + divNumber).style.visibility == "visible"; } else { document.getElementById('box' + divNumber).style.visibility == "hidden"; } } </script> </head> <body> <a href="test3.html" id="link_1" onMouseOver="toggleDiv(this)" onMouseOut="toggleDiv(this)">More</a> <div id="box1"> <p>This where the content of the box will go</p> </div> <br><br><br> <a href="test3.html" id="link_2" onMouseOver="toggleDiv(this)" onMouseOut="toggleDiv(this)">More</a> <div id="box2"> <p>Content2</p> </div> </body> I tried running it but it doesn't seem to work and I can't spot any errors. Can you see any? Thanks

Hey What I'm trying to do it to create a block of text that appear when the user hovers over a link. I've got that too work but I was wondering if I could do it all using just one javascript function rather than having one for each link. I've pasted my code below. <script language="JavaScript"> function show_it(){ document.all.box1.style.visibility = "visible"; } function hide_it(){ document.all.box1.style.visibility = "hidden"; } function show_it2(){ document.all.box2.style.visibility = "visible"; } function hide_it2(){ document.all.box2.style.visibility = "hidden"; } </script> </head> <body> <a href="javascript://" onMouseOver="show_it()" onMouseOut="hide_it()">More</a> <div id="box1"> <p>This where the content of the box will go</p> </div> <br><br><br> <a href="javascript://" onMouseOver="show_it2()" onMouseOut="hide_it2()">More</a> <div id="box2"> <p>Content2</p> </div> <body> Thanks for any help Chris