Can someone have a look at this www.davidcook.eu

 

on the contact page i have a form, does anyone know how i can get rid of the scrolling borders on the bottom and right-hand side.

 

i have been picking my brains but cant seem to work out the issue.

 

any help would be great

With css you can hide scrollbars:

 

overflow:hidden; \\hides up down and right left scrolling

overflow-x:hidden; \\hides left right scrolling

overflow-y:hidden; \\hides up and down scrolling

 

Mind that if you use that, anything that you'd need to scroll to see will be clipped off.

 

To apply this to your form, this should work...Just change your form or form-div tag so it looks like this. (Inline css.)

<form style="overflow:hidden;">
...

ok where would i put the top box, as i have changed the bottom but it cut half of the form off.

You've got an iframe in contact.html which includes contact.php and another iframe in contact.php which includes http://www.foxyform.com/form.php?id=48379&sec_hash=8655408e011 You really don't need contact.php as contact.html could go straight to the foxyform file directly. You have a link to David Cook below the iframe form in contact.php and again under the iframe in contact.html so when you get rid of the scrollbars you see both links.

 

The iframes that contain the form aren't wide or high enough. You shouldn't need to apply overflow: hidden as that might cut off part of the form. Resize the iframes. You can tell by the scrollbars that it is nearly big enough. Try trial and error, start with width 420 height 510 in contact.php and 440 wide and 560 high in contact.html and see if that gets rid of the scrollbars, then gradually reduce the sizes.

For contact.php

<!-- Do not change code! -->
<table cellspacing="0" cellpadding="0" border="0"><tr><td><iframe width="420" height="510" frameborder="0" src="http://www.foxyform.com/form.php?id=48379&sec_hash=8655408e011"></iframe></td></tr><tr><td align="center"><a style="font:8px Arial;color:#5C5C5C;" href="http://www.davidcook.eu">David Cook</a></td></tr></table>
<!-- Do not change code! -->

 

For contact.html below

<!-- Do not change code! -->
<table cellspacing="0" cellpadding="0" border="0"><tr><td><iframe width="440" height="560" frameborder="0" src="contact.php"></iframe></td></tr><tr><td align="center"><a style="font:8px Arial;color:#5C5C5C;" href="http://www.davidcook.eu">David Cook</a></td></tr></table>
<!-- Do not change code! -->

 

I've tested the above.

 

I know it says don't change the code, but you probably have to.

With access to the contact.HTML page:

 

Replace this

 

<table cellspacing="0" cellpadding="0" border="0"><tr><td><iframe width="400" height="490" frameborder="0" src="contact.php"></iframe></td></tr><tr><td align="center"><a style="font:8px Arial;color:#5C5C5C;" href="http://www.davidcook.eu">David Cook</a></td></tr></table>

With this

<table cellspacing="0" cellpadding="0" border="0"><tr><td><iframe width="400" height="490" frameborder="0" src="http://www.foxyform.com/form.php?id=48379&sec_hash=8655408e011" scrolling="no" style="overflow:hidden"></iframe></td></tr><tr><td align="center"><a style="font:8px Arial;color:#5C5C5C;" href="http://www.davidcook.eu">David Cook</a></td></tr></table>

Hi David, this is the corrected code for the the contact.html page if you wish to use it.

 

 

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>David Cook - web designer</title>

<meta name="keywords" content="David Cook, web designer, CSS, HTML" />

<meta name="description" content="Personal, web designer" />

<link href="http://www.davidcook.eu/style.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript">

function clearText(field)

{

if (field.defaultValue == field.value) field.value = '';

else if (field.value == '') field.value = field.defaultValue;

}

</script>

</head>

<body>

 

<div id="site_title_bar_wrapper">

 

<div id="site_title_bar">

 

<div id="site_title">

<h1><a href="http://www.davidcook.eu"'>http://www.davidcook.eu" target="_parent">

 

<img src="images/logo.png" alt="Site Title" />

<span>web designer</span>

 

</a></h1>

</div>

 

 

</div> <!-- end of site_title_bar -->

 

</div> <!-- end of site_title_bar_wrapper -->

 

<div id="banner">

 

<div id="menu">

<ul>

<li><a href="index.html" target="_parent"><span></span>Home</a></li>

<li><a href="design.html" target="_parent"><span></span>Design</a></li>

<li><a href="seo.html" target="_blank"><span></span>SEO</a></li>

<li><a href="photography.html" target="_parent"><span></span>Photography</a></li>

<li><a href="contact.html" class="current"><span></span>Contact Us</a></li>

</ul>

</div> <!-- end of menu -->

 

<div id="banner_content">

<p>We are here to make dreams come to life.<span>- David Cook -</span> </p>

 

</div>

 

</div> <!-- end of banner -->

 

<div id="content">

 

<div class="section_w900">

 

<div class="section_w260 float_l margin_r60">

<h2>Contact</h2>

<p><strong>TELEPHONE:</strong> 07554 457 844</p>

<p><strong>EMAIL:</strong> david@davidcook.eu</p>

<p><strong>SKYPE:</strong> davidcookeu</p>

 

 

 

<div class="cleaner_h20"></div>

 

</div>

 

<div class="section_w260 float_l margin_r60">

 

<h2>Contact Form</h2>

 

<div>

<!-- Do not change code! -->

<table cellspacing="0" cellpadding="0" border="0"><tr><td><iframe width="400" height="450" frameborder="0" src="http://www.foxyform.com/form.php?id=48379&sec_hash=8655408e011" scrolling="no" style="overflow:hidden"></iframe></td></tr><tr><td align="center"><br /><br /><a style="font:8px Arial;color:#5C5C5C;" href="http://www.davidcook.eu">David Cook</a></td></tr></table>

<!-- Do not change code! -->

</div>

 

 

 

 

</div>

 

<div class="cleaner"></div>

 

</div>

 

<div class="cleaner_h30 divider"></div>

<div class="cleaner_h30"></div>

 

<div class="section_w900">

 

<div class="section_w260 float_l margin_r60">

 

<h2>Contact</h2>

 

<p><strong>TELEPHONE:</strong> 07554 457 844</p>

<p><strong>EMAIL:</strong> david@davidcook.eu</p>

<p><strong>SKYPE:</strong> davidcook.eu</p>

<p class="contact-us"><a href="contact.html" title="Contact">Contact Me</a></p>

 

 

<div class="cleaner_h10"></div>

 

 

</div>

 

<div class="section_w580 float_r">

 

<h2>Latest Sites</h2>

 

<div class="site_box">

<a href="www.webdesignerforum.co.uk">Get you latest advice and tips here.. </a>

<p class="post_info">Posted in <a href="www.webdesignerforum.co.uk">Websites</a> by Site Owner <a href="www.davidcook.eu"></a> on <strong>October 27, 2010</strong></p> </div>

 

 

 

</div>

 

<div class="cleaner"></div>

</div>

 

</div> <!-- end of content -->

 

<div id="footer">

 

<ul class="footer_menu">

<li><a href="www.davidcook.eu">Home</a></li>

<li><a href="design.html">Design</a></li>

<li><a href="SEO.html">SEO</a></li>

<li><a href="Photography">Photography</a></li>

<li class="active"><a href="contact.html">Contact</a></li>

</ul>

 

Copyright © 2010 <a href="www.davidcook.eu">David Cook</a> |

Designed by <a href="http://www.davidcook.eu" target="_parent">David Cook</a> |

Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>

 

</div>

</body>

</html>

i have sorted it now, ty anyway, wickham point work