Form White Space
Hi there,
I've got a little problem with my form. When I added it onto my page, there appeared this unmoveable mass of white... I can't find the problem in the code and I was hoping that someone could help me solve it.
Here is the screenshot of the problem:
And here is the 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"><!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta name="keywords" content="mountain snow resort holiday skiing scotSki explore thrilling"/>
<meta name="description" content="skiing website"/>
<meta name="author" content="Andrew Waddell"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Contact Us</title>
<!-- InstanceEndEditable -->
<link href="oneColLiqCtrHdr.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:hover {
color: #C63;
a:link {
color: 0033ff;
body {
background-color: #ccffff;
color:#3366ff
body,td,th {
color: #3366ff;
form {
background-color:#FFF;
text {
text: Arial, Helvetica, sans-serif;
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<script type="text/javascript">
<!--
function MM_validateForm() { //v4.0
if (document.getElementById){
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
} if (errors) alert('The following error(s) occurred:\n'+errors);
document.MM_returnValue = (errors == '');
//-->
</script>
<!-- InstanceEndEditable -->
</head>
<body class="oneColLiqCtrHdr">
<div id="container">
<div id="header"><!-- end #header -->
<div id="nav">
<div align="center">
<p><a href="index.html"><img src="Images/Banner Image/bannerimage.png" width="500" height="100" alt="banner_logo_snow_mountain" /></a></p>
<a href="index.html">Homepage</a> | <!-- InstanceBeginEditable name="nav_bar" --><a href="packages.html">Packages</a><!-- InstanceEndEditable --> | <a href="ski_centers.html">Ski Centers</a> | <a href="about_us.html">About Us</a> | <a href="contact_us.html">Contact Us</a>
</div>
</div>
</div>
<!-- InstanceBeginEditable name="main_content" -->
<div id="mainContent">
<h1> <u>Contact Us</u></h1>
<div id="main">
<img style="right;" alt="contact_agent" src="Images/Contact Us/contact_agent.jpg" width="475" height="336" />
<p></p><p></p>
<p></p>
<form action="" method="get" >
<table width="266" border="1">
<tr>
<td width="84">Forename</td>
<td width="166"><label>
<input name="forename" type="text" id="forename" onblur="MM_validateForm('forename','','R');return document.MM_returnValue" />
</label></td>
</tr>
<tr>
<td>Surname</td>
<td><label>
<input name="surname" type="text" id="surname" onblur="MM_validateForm('surname','','R');return document.MM_returnValue" />
</label></td>
</tr>
<tr>
<td>Address</td>
<td><label>
<input name="address" type="text" id="address" onblur="MM_validateForm('address','','R');return document.MM_returnValue" />
</label></td>
</tr>
<tr>
<td>Postcode</td>
<td><label>
<input name="postcode" type="text" id="postcode" onblur="MM_validateForm('postcode','','R');return document.MM_returnValue" />
</label></td>
</tr>
<tr>
<td><p>Tel. No</p></td>
<td><label>
<input name="tel no" type="text" id="tel_no" onblur="MM_validateForm('tel_no','','R');return document.MM_returnValue" />
</label></td>
</tr>
<tr>
<td>Email</td>
<td><label>
<input name="email" type="text" id="email" onblur="MM_validateForm('email','','R');return document.MM_returnValue" />
</label></td>
</tr>
</table>
<label>
<input type="submit" name="submit" id="submit" value="Submit" />
</label>
<label>
<input type="reset" name="clear" id="clear" value="Reset" />
</label>
</form>
<center>Telephone: 01236 756114|
<a href="mailto:[email protected]">Email Us</a>|
Postcode: ML6 0HY|</center>
<p> </p>
</div>
<!-- end #mainContent -->
</div>
<!-- InstanceEndEditable -->
<div id="footer">
<p>Andrew Waddell © 2014</p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
<!-- InstanceEnd --></html>
You have set the background color of the form to white is that what you want?
form {
background-color:#FFF;
Unless you contain the form within a container or set it at a specific width it will just stretch across the page hence the white space you are seeing.
Similar Messages
-
A form field to insert white space
Hi all,
I need to insert some white space (the number of these white space is depending to some condition) in a form field.
I show in my report a value and then I must complete this value with some white space to have finally a string with a fixed number of characters.
I have a form field with a value (<?VALUE?>) and then I would insert a new form field to show only some white space. I can not add these white space directly on the field form containing the value.
ThanksBalaji wrote:
I need insert white space into table which a VARCHAR2 column. Just insert it, Whats the issue?
I would like to validate the below expression against the data in the column \S.* What is this expression and where did you get it from?
I guess this pattern validates for non-whitespace characters. Anyone help me on this and explain what this pattern does?No in regular expression space is represented as [:space:]
Please read {message:id=9360002} -
I have a Salesforce form embeded into two pages on my website. Both pages have extra white space at the bottom and I can't decrease the height of the embedded HTML form in order to bring the footer up. Both forms can be found here: http://www.beck-technology.com/form.html and http://www.beck-technology.com/student_form.html.
Any ideas on how to decrease the white space?Hello,
If you have removed the fields from the form, then you need to go to another state of the form and re-place the status message as well, to be able to shrink the form's frame. More details can be found here: http://forums.adobe.com/message/5240984#5240984
Cheers
Parikshit -
Hi all!
I have my form set to maximize, but I'm getting about 5 or 6 pixels of white space border all the way around my form in the frame that it's in. Any idea how to make it take advatange of all the space??
Thanks!
SteveHi Steve,
Check your base html file for the values of HSPACE and VSPACE, they should be zero.
If you run in seperateFrame=False then put topmargin and leftmargin in the body tag like:
<BODY topmargin="0" leftmargin="0">
That should help.
Good luck,
Michiel -
White space when running forms in web browser
Hi I am running a simple master - detail form in web browser on my machine . The form is coming fine but a lot of white space of present on the right hand side of the form how can i eliminate that?I have checked my html file and HSPACE="0" and VSPACE="0". what else can be the reason?
are you running in seperateframe=true?
if not you could check your width and height properties of your formsweb.cfg config section
regards -
I am creating a form and the submit button sits way below the last data entry field.
How do I get rid of that white space?You should be able to select the button and drag it to where you want it?
-
Please help! Need to remove white space in a form.
https://acrobat.com/app.html#d=620D971lGreChvoYewoeng
I have uploaded part of my form. When the user checks all of the boxes they want on their form and hit the submit button, the unchecked boxes disappear...which is what want.
What I cannot get the form to do is remove the remaining white space within that subform so the overall form shortens. I have had my head in this for a bit and a deadline is looming!
Thank you to anyone in advance who can help!Hi Srini,
I honestly do not know how to thank you!! You are a life saver.
I see exactly what you did and it makes perfect sense. Thank you for providing a solution and in this manner. You helped me...and I have learned something new and very helpful.
Best regards,
Lea -
nydogworks.net
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>NYDogWorks Long Island Dog Training and Behavior</title>
<meta name="description" content="Serving all of Long Island, Nassau & Suffolk. NYDogWorks specializes in dog training, dog behavior, and puppy training.">
<meta name="keywords" content="dog training, long island dog training, dog trainer, long island dog obedience, puppy training classes">
<link href="css/mainstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><!-- Beginning of compulsory code below -->
<link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>
<![endif]-->
<!-- / END -->
<link href="css/overlay-apple.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.tools.min.js"></script>
<style>
div.apple_overlay h2 {
margin:10px 0 -9px 0;
color:#222;
font-weight:bold;
font-size:14px;
div.black h2 {
color:#222;
#apple {
margin-top:10px;
float: left;
width: 250px;
padding-right: 10px;
#apple img {
background-color:#fff;
padding:2px;
border:1px solid #ccc;
margin:2px 5px;
cursor:pointer;
-moz-border-radius:4px;
-webkit-border-radius:4px;
body {
margin-right: auto;
margin-left: auto;
</style>
<!--[if lt IE 7]>
<style>
div.apple_overlay {
background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_IE6.gif);
color:#fff;
/* default close button positioned on upper right corner */
div.apple_overlay div.close {
background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);
</style>
<![endif]--><script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script><script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26177215-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/nydogworks-logo-hover.png','images/training-services-on. jpg','images/behavior-therapy-on.jpg','images/off-leash-training-on.jpg')">
<div id="wrapper"> <div id="header">
<div id="logoBox"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/nydogworks-logo-hover.png',1)"><img src="images/nydogworks-logo.png" alt="NY Dogworks" name="Image3" width="280" height="200" border="0" id="Image3" /></a></div>
<div id="slogan">Serving All of Long Island, Nassau & Suffolk Counties<br />
Also serving Manhattan, Brooklyn & Queens
</div><div id="emailBox">
<h2><img src="images/calltogetstarted.png" width="473" height="74" alt="Call to get started" /></h2>
</div><div id="mainNav"><!-- Beginning of compulsory code below -->
<ul class="dropdown dropdown-horizontal" id="nav" name="nav">
<li><a href="about-ny-dog-works.html">About Us</a></li>
<li><a href="long-island-dog-training-programs.html" class="dir">Training Programs</a>
<ul>
<li><a href="basic-obedience.html">In Home Dog Training</a></li>
<li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
<li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
<li><a href="off-leash-training.html">Off Leash Training</a></li>
<li><a href="puppy-training-program.html">Puppy Training</a></li>
</ul>
</li>
<li><a href="dog-trainer-testimonials.html" class="dir">Testimonials</a></li>
<li><a href="contact-long-island-dog-trainer.html" class="dir">Contact Us</a></li>
</ul>
<!-- / END --></div>
</div>
<div id="container">
<div id="imgholder"><a href="long-island-dog-training-programs.html"><img src="images/main-header.jpg" alt="private dog training long island new york" width="951" height="416" border="0" /></a>
<div id="program1"><a href="long-island-dog-training-programs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/training-services-on.jpg',1)"><img src="images/training-services.jpg" alt="dog training services" name="Image6" width="315" height="137" border="0" id="Image6" /></a></div>
<div id="program1"><a href="board-and-train-dog-program.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/boarding_training-on.jpg',1)"><img src="images/Boarding_training.jpg" alt="board and train dog program" name="Image5" width="315" height="137" border="0" id="Image5" /></a></div>
<div id="program1"><a href="dog-behavior-therapy.html" onmouseout="MM_swapImgRestore()" onmouseover=
"MM_swapImage('Image7','','images/Behavior_therapy2-on.jpg',1)"><img src="images/Behavior_therapy2.jpg" alt="behavior therapy" name="Image7" width="311" height="137" id="Image7" border="0" align="right" /></a></div>
</div>
<div id="pageContentNoside">
<div id="sideSub">
<h2>Dog Training Services<br />
</h2>
<ul id="subnav">
<li><a href="basic-obedience.html">Basic Obedience</a></li>
<li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
<li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
<li><a href="off-leash-training.html">Off Leash Training</a></li>
<li><a href="puppy-training-program.html">Puppy Training</a></li>
</ul>
<br />
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F NYDogWorks%2F219268038151244%3Ffref%3Dts&width=248&height=558&show_faces=true& amp;colorscheme=light&stream=true&border_color=%23FFFFFF&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:248px; height:558px;" allowTransparency="true"></iframe>
<p><br />
</p>
<p> </p>
<p><img src="images/4449da18fc3aa2f249d17dc90ebd5531.jpg" width="145" height="136" /><br />
</p>
</div>
<div id="mainContentFeature1">
<h2>Welcome To NY Dogworks</h2>
<p><img src="images/dog-breaking-through.jpg" alt="new york dog trainer" width="136" height="170" class="h_img_float_right" />Our private one on one training lessons are done at your home by a Professional Certified Trainer and Behavior Expert. The lessons are tailored to fit what you would like done with your puppy or adult dog. <br />
<br />
We use a humane, positive and scientifically sound approach that makes it easy for you and your dog to succeed. Our instructions are broken down into simple steps so that everyone can take part in the training and be able to practice as a family. <br />
<br />
<span class="employeeName">Call Today for a Free Consultation!! </span></p>
<p>Do not have the time or patients to do the Training? Well then NY DogWorks has the answer.. We now do <a href="board-and-train-dog-program.html">Board and Train Programs</a> at our lovely facility in the home of Owner & Trainer Brian DeMartino. It is a 2 to 6 week program that is 100% guaranteed. Your dog will stay with us for no additional fee if we feel that he or she is not ready to graduate. This program can be for Puppy Training, Housebreaking, Socialization / Obedience & Manners / Behavior problems such as Aggression, Anxiety, or Fears / Advanced Off Leash Training / Personal Protection and much more..</p>
<p>We also <a href="board-and-train-dog-program.html">board dogs</a> at our facility if you are going away and want your family pet to be cared for 24/7 as if he or she was one of our own. Plenty of playtime, walks, individual attention, grooming if needed, comfortable sleeping areas with their own bed, and lots and lots of love.. </p>
<p>Let us help you have the relationship that you and your dog deserve.. <br />
<br />
<strong>We are now accepting</strong><br />
<img src="images/creditcards.jpg" width="228" height="43" alt="now accepting credit cards" /><br />
<br />
<br />
</p>
<p><br />
</p>
<p><br />
<br />
</div>
<div id="mainContentFeature2">
<form action="form.php" method="post" name="form2" id="form2"> <table width="279" border="0" cellpadding="2" cellspacing="2">
<tr>
<td width="273"><h2>Quick Contact</h2></td>
</tr>
<tr>
<td class="mainContent">Your Name</td>
</tr>
<tr>
<td><span class="style9">
<input name="forname" type="text" class="colorfieldssmall" id="forname" size="20" />
</span></td>
</tr>
<tr>
<td class="mainContent">Your Email Address* (required)</td>
</tr>
<tr>
<td><span class="style7 style9">
<input name="admail" type="text" class="colorfieldssmall" id="admail" size="25" />
</span></td>
</tr>
<tr>
<td class="mainContent">Phone Number</td>
</tr>
<tr>
<td><span class="style7 style9">
<input name="phone" type="text" class="colorfieldssmall" id="phone" />
</span></td>
</tr>
<tr>
<td><span class="mainContent">Type of Dog Training</span></td>
</tr>
<tr>
<td class="mainContent"><span class="style9">
<select name="need" class="colorfieldssmall" id="need">
<option value="select one">select one</option>
<option value="Basic Obedience">Basic Obedience</option>
<option value="Behavior Therapy">Behavior Therapy</option>
<option value="Board and Train">Board and Train</option>
<option value="Off Leash Training">Off Leash Training</option>
<option value="Puppy Training">Puppy Training</option>
</select>
</span></td>
</tr>
<tr>
<td><span class="mainContent">Comments</span></td>
</tr>
<tr>
<td><textarea name="comments" id="comments" cols="24" rows="8"></textarea></td>
</tr>
<tr>
<td><div align="left">
<input type="submit" name="submit" id="submit" value="Submit" />
</div>
</td>
</tr>
</table></form>
<h2><br />
We are available in the following areas:</h2>
<p>Long Island, Nassau county, Suffolk county, Manhattan, Brooklyn, Bronx, & Queens.</p>
<p>**We have pick up and drop off services for your pet for the boarding and boarding and training programs. <br />
</p>
<h2>Dog Training Testimonials<br />
</h2>
<p>Sending Otis to Brian for the board and train program was the best decision I ever made. After being told Otis could not be helped and that he should be put down, I was devastated. Otis has now been back from Brian's program for a few weeks and is extremely obedient and friendly. He is the same puppy we brought home a couple years ago, but calmer and without any aggression. We work on Otis' obedience daily as well as walk him and put him on the treadmill. Thanks to Brian, our dog is happy-go-lucky and more approachable. The list goes on and on of how Brian has helped the family, myself, and especially Otis. If you are having issues with your dog, especially behavior and aggression problems, my advice to you is to trust Brian. Your dog will be in good hands with a safe, reliable, responsible, dog lover that will treat your dog like his own.<br />
<span class="testimonalName"><strong><br />
Victoria Zilli<br />
</strong></span><span class="mainContent">Long Island, New York</span><br />
<br />
<a href="dog-trainer-testimonials.html">Read more dog training testimonals</a><br />
<br />
<br />
<br /></div>
<div id="breadCrumbs">
<p><a href="index.html">Home</a> > Welcome to NY DogWorks New York's Premier Dog Training Company<br />
<strong>Serving all of Long Island, Nassau & Suffolk County, Manhattan, Brooklyn & Queens</strong> <br />
</p>
</div>
</div>
<div id="footer">
<div id="footermenu">
<div id="footermenu1">
</div>
</div>
<div class="phoneNumber" id="copyright"> Copyright © 2014 NY DogWorks</div>
<div class="websiteDesign" id="sitedesigner">Long Island Website Design by <a href="http://www.wetribet.com" title="Wet Ribet" target="_blank" class="medlink">Wet Ribet</a> </div>
</div>
</div>
</div>
</body>
</html>The issue with that white space is explained by the use of relative positioning of your menu. Remember that relative positioning visually allows you to move an element, but that its "shadow" or "foot print" is retained in the document flow. So it still takes up space where it originally flowed in your content, and this causes the header image to position itself the way it does. Turn off the relative positioning of the menu to see what I mean. A simple solution is to set the #header to relative positioning, and then apply absolute positioning to the menu.
There are other issues with your code. Much of it can be simplified, and you should really stop using ID selectors from this point on, and predominantly use classes instead. The use of ID selectors ought to be limited as much as you can - they force you to write bloated convoluted code.
Try to write DryCSS (Don't Repeat Yourself).
Here is my somewhat cleaned up code. Notice I removed and simplified most of the css selectors. Some have no css properties at all anymore. And be careful that you cannot use re-use the same id selector in your html code: it will not validate. #program1 must become .program1
PS as always, please backup your files before applying these changes! Dreamweaver lacks a history/versioning feature!
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
body {
margin: 0 auto;
background-color: #203610;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
font-size: 100%;
color: #333;
#wrapper {
background: url("../images/wrapbg.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
margin: 0 auto;
width: 951px;
#header {
position: relative;
#mainNav {
background: url("../images/menubg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
bottom: 0;
padding: 0 15px 0 25px;
position: absolute;
right: 0;
width: 510px;
.dropdown li { /* simplify .dropdown li !*/
float: left;
line-height: 2.2em;
.dropdown a { /* simplify ul.dropdown li a !*/
display: block;
font-weight: bold;
padding: 7px 12px;
#container {
background-color: #fff;
border-top: 6px solid #6f9f49;
#imgholder {
.program1 { /* you CANNOT have multiple id selectors sharing the same name! Use classes!!! */
float: left;
width: 315px;
rewrite this in your html:
<div class="pageContentNoside">
<div class="col-1-3 sideSub">
<div class="col-1-3 mainContentFeature1">
<div class="col-1-3 mainContentFeature2">
<div class="breadCrumbs">
</div>
.col-1-3 {
float: left;
width: 33.3333%;
padding: 25px 15px;
#sideSub {
#mainContentFeature1 {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
#mainContentFeature2 {
#footer {
clear: both;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
font-size: 0.7em;
height: 45px; -
How to remove the white space that is now above the main images on each page?
http://www.nydogworks.net
Hello,
I took over updating some things on my site from my web designer. The main images on each page used to be flush with the navigation bar on each page. Now there is a white space in between each one. Can you tell me how to remove the white space?
<div id="container">
<div id="imgholder"><img src="images/feature-aboutus.jpg" width="951" height="341" alt="" />
</div>
<div id="pageContentNoside">
<div id="sideSub">
<form action="form.php" method="post" name="form2" id="form2"> <table width="250" border="0" cellpadding="2" cellspacing="2">
<tr>
<td width="273"><h2>Quick Contact</h2></td>
</tr>
<tr>
<td class="mainContent">Your Name</td>
</tr>
<tr>
<td><span class="style9">
<input name="forname" type="text" class="colorfieldssmall" id="forname" size="20" />
</span></td>
</tr>
<tr>
<td class="mainContent">Your Email Address* (required)</td>
</tr>
<tr>
<td><span class="style7 style9">
<input name="admail" type="text" class="colorfieldssmall" id="admail" size="25" />
</span></td>
</tr>
<tr>
<td class="mainContent">Phone Number</td>
</tr>
<tr>
<td><span class="style7 style9">
<input name="phone" type="text" class="colorfieldssmall" id="phone" />
</span></td>
</tr>
<tr>
<td><span class="mainContent">Type of Dog Training</span></td>
</tr>
<tr>
<td class="mainContent"><span class="style9">
<select name="need" class="colorfieldssmall" id="need">
<option value="select one">select one</option>
<option value="Basic Obedience">Basic Obedience</option>
<option value="Behavior Therapy">Behavior Therapy</option>
<option value="Board and Train">Board and Train</option>
<option value="Off Leash Training">Off Leash Training</option>
<option value="Puppy Training">Puppy Training</option>
</select>
</span></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><div align="left">
<input type="submit" name="submit" id="submit" value="Submit" />
</div>
</td>
</tr>
</table></form>
<h2><br />
Dog Training Services<br />
</h2>
<ul id="subnav">
<li><a href="basic-obedience.html">Basic Obedience</a></li>
<li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
<li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
<li><a href="off-leash-training.html">Off Leash Training</a></li>
<li><a href="puppy-training-program.html">Puppy Training</a></li>
</ul>
<br />
<br />
<br />
</div>
<div id="suggestPost"><a href="https://www.facebook.com/pages/NYDogWorks/219268038151244?fref=ts" ></a></div>
<div id="mainContent">
<h1 class="copyrightType">About NY DogWorks</h1><br />
<h2> <span class="testimonal">The Owner of NYDogWorks</span> </h2>
<p><span class="copyrightType"><img src="images/dogpic.jpg" alt="Dog Behavior Therapy" width="183" height="275" class="h_img_float_right" /></span><strong>NYDogWorks L.L.C. is owned and operated by Master Certified Dog Trainer and Behavior Specialist Brian DeMartino. </strong><br />
<br />
His training is hands down the best out there. He has become one of the most sought after dog trainers throughout Long Island, Manhattan, & New York.<br />
<br />
With over 15 years experience training and rehabilitating some of the toughest cases of dog behaviors. He’s Mastered the Art of teaching top knotch obedience and manners with outstanding results and has developed the most full proof and guaranteed system to fully housebreak any puppy or dog in the shortest amount of time.<br />
<br />
He is Certified in dog training and dog behavior and is an Official Evaluator for the American Kennel Club’s (C.G.C) Program.<br />
<br />
<br />
<strong>All About NYDogWorks</strong><br />
</p>
<p><br />
</p>
<p>NYDogWorks Dog Education, is a Professional Dog Training Company offering dog training for puppies and older dogs through customized in-home training programs by Master Certified Trainers in Nassau County, Suffolk County, Hamptons, Long Island, Manhattan, Brooklyn, Bronx, Queens, Rockland County, Westchester County, Orange County, and Bergen County New Jersey. NYDogWorks offers obedience training, Housebreaking, Manners, socialization for your dog, Puppy Training and Education, Behavior Therapy, Trick Training, Agility, Complete Off Leash Training, Sport Work, and Personal Protection Training. <br />
<br />
<strong><br />
NYDogWorks Boarding & Training Programs</strong><br />
</p>
<p><br />
We offer boarding and training programs done in the home of owner, Brian DeMartino. This is a customized 2-6 week program to suit your dog's needs, great for someone who feels they do not have the time or patience to train or rehabilitate their dog at their home. This is a 100% guaranteed program. Your dog will stay with us for no additional charge if we feel that he or she has not learned all that was agreed upon. We guarantee that if there is any regression within 3 months of your dog being back home with you, he/she will come back to us for no additional charge.<br />
<br />
<a href="board-and-train-dog-program.html">View Boarding & Training Programs</a></p>
<p><br />
</p>
<p><br />
<br />
</div>
<div id="breadCrumbs">
<p><a href="index.html">Home</a> > NY DogWorks - About Certified Dog Trainer Brian DeMartino<br />
<strong>Serving all of Long Island, Nassau & Suffolk County, Manhattan, Brooklyn & Queens</strong></p>
</div>
</div>
<div id="footer">
<div id="footermenu">
<div id="footermenu1">
</div>
</div>
<div class="phoneNumber" id="copyright"> Copyright © 2014 NY DogWorks</div>
<div class="websiteDesign" id="sitedesigner">Long Island Website Design by <a href="http://www.wetribet.com" title="Wet Ribet" target="_blank" class="medlink">Wet Ribet</a> </div>
</div>
</div>You should be able to add the following snippets of css to your stylesheet to fix that.
In the mainstyle.css file, change...
#imgholder {
width: 950px;
margin-top: 0px;
padding: 0px;
margin-right: auto;
margin-left: auto;
to
#imgholder {
width: 950px;
margin-top: 0px;
padding: 0px;
margin-right: auto;
margin-left: auto;
overflow:hidden; -
How can I maintain multiple white spaces in a PDF written from InDesign?
I need to have 2 white spaces maintained (within a part #) in the PDF I write, but when I open in Acrobat it converts it to one space.
I've tried word spaces, set spaces and applying "no color" to a placeholder character and nothing is working!
Any ideas or suggestions?I am talking about normal white space. Multiple fixed widt spaces are not a problem. How the space is handled in a PDF depends on how it is created.
Viele Grüße
Wilhelm Georg Adelberger
Von meinem iPhone gesendet
Am 21.08.2014 um 12:01 schrieb Peter Spier <[email protected]>:
How can I maintain multiple white spaces in a PDF written from InDesign?
created by Peter Spier in InDesign - View the full discussion
It may not be a great idea to use multiple spaces, but it certainly is not prohibited and sometimes is necessary -- you might want a 2em space, or a thin space before and after a tab you underline in a form.
I'm able to select the multiple spaces just fine in Acrobat 9 using the text touch-up tool.
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at https://forums.adobe.com/message/6661037#6661037
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
To unsubscribe from this thread, please visit the message page at . In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in InDesign by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0. -
Adding custom stamps to many pages in white space.
Is there any way to add a custom stamp to every page of a PDF book and having it placed into the white space on the document? I have found a script that will do every thing except for the 'white space' part of my query, so I don't think I will have much luck.
Watermarks will probably not work in this instance, the stamp needs to be noticible but not in the way, and the watermark will encouter the same placement problem (as it is preferable if the stamp/watermark is not getting the in way of the drawing pdf's content).
Any help will be appreciated, just let me know if you need more clarification.The question is what do you mean by "white space"? Is it always the same area on the page (like a 2" margin), or is it a different location for each page, where there happens to be no text or images? The former is possible, the latter only partially, and is very difficult to implement with a script.
-
Why is there a huge white space to the right of the board when I play Lexulous on Facebook?
I play Lexulous (a form of Scrabble) on Facebook. For months now, whenever I play the game, there is a huge white space to the right of the board, like a whole other window. Only with this app. I tried another browser, same thing, and it also does it on my laptop (MacBook Pro). I asked the Lexulous help desk and attached a screenshot; they had no idea what would cause that to happen. I asked a couple of my regular opponents and they are not seeing it. It's really annoying because if I accidentally touch my mouse to the bottom scroll bar, the board slides offscreen to the left.
Sorry if this is the wrong forum for this question, but I'd like to fix it.If you are using Safari to connect to Facebook, try this on one of the Macs.
From the Safari menu bar click Safari > Preferences then select the Extensions tab.
If there are any installled, turn that OFF, quit and relaunch Safari and try that game. -
I can't get rid of white space between images (even when margins are 0)
I'd like the user to be able to add two images that actually touch. I've set up 2 image fields that are touching, and set the margins to 0, but there is still white space in between the user added pictures.
I thought maybe the problem had something to do with borders, but when i click the borders palette, it tells me "these properties are not available for forms that contain background artwork".
Any help is appreciated.The behavior only appears if you create a static form.
I saw an old thread about it here in the forums, you have commented too.
It probably will never get changed or nobody have ever send a bug report about this to Adobe.
http://forums.adobe.com/message/4927663#4927663
I never had such problem with image fields in dynamic forms.
And I almost never build static forms from existing PDF files, as those forms are too limited in — ahem — everything. -
Need a chrome and safari hack to eliminate white space, or?
Hi,
This page renders fine in IE8 and Firefox, but in Chrome and Safari there is white space before the Welcome bar.
http://67.199.64.241/indexspry.asp
Any thoughts?
Thanks!
Here is my CSS -- the styling for the section with the welcome bar is highlighted:
margin:0;
padding:0;
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #F3D1D8;
font-size: .75em;
line-height: 2em;
color: #323532;
position: relative;
margin: 0;
padding: 0px;
text-align:center; /* for IE5 */
behavior: url("csshover3.htc"); /* makes hover class work in IE 6,7 and 8 */
#container {
width: 1000px;
background: #fff;
margin: 0 auto;
text-align:left;
# header {
background: #fff;
a {
text-decoration: none
/* Typography -------------------------------------------*/
.textbold {
font-weight: bold;
.ital {
font-style:italic;
line-height: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
/* Headings -------------------------------------------*/
h1 {
margin: 0; /* 2 does not bring it down -- nor does adding a border*/
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #323532;
color: #F4F4F4;
font-size: 2em;
font-weight: bold;
line-height: 2.5em;
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #4E2029; /*dark purple*/
color: #f4f4f4;
font-size: 1.5em;
font-weight: bold;
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #D5647C; /*dusty rose*/
color: #000000;
font-size: 1em;
font-weight: bold;
h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #323532;
font-size: 1em;
font-weight: bold;
/* h5 is good for drawing a burgundy line */
h5 {
background-color: #4E2029;
font-size: .5em;
line-height: .5em;
/* h6 is good for drawing a line the same color as the background */
h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #F3D1D8; /*pink*/
color: #f4f4f4;
font-size: .5em;
font-weight: bold;
border-top-width: medium;
border-top-style: solid;
border-top-color: #FFF;
line-height: .5em;
/* Links -------------------------------------------*/
a:link {
color: #d5647c;
font-weight: bold;
a:visited {
color: #8A2488;
font-weight: bold;
a:hover {
color: #684148;
font-weight: bold;
a:active {
color: #CC0000;
font-weight: bold;
/* Top Navigation -------------------------------------------*/
#navtop {
margin:0 0 2px;
padding: 0;
background: #4E2029; /* dark purple, pms 504 */
list-style-type: none;
width: 1000px; /*used to be 684 */
float: left; /*contain floated list items */
#navtop li {
margin: 0;
padding: 0;
float: left;
margin-left: 0px;
padding-left: 0px;
background: #4E2029; /* dark purple, pms 504 */
list-style-position: outside;
#navtop a {
float: left;
width: 170px;
color: #ffffff;
text-decoration: none;
line-height: 2.5;
text-align: center;
border-right: 1px solid #fff;
font-weight: bold;
#navtop #nav_don a {
border: none; /* take out line after last menu item */
#navtop a:hover {
background: #D5647C; /* dusty rose, pms 702 */
/* Lists ----------------------------------------------
/* This accounts for brower differences in handling left margin indentation */
ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
li {
background: url(/images/bulletpt.gif) no-repeat 0 9px;
margin-left: 5px;
padding-left: 15px;
list-style-position: outside;
/* other elements ------------------------- */
#boxx {
background: #323532; /*dark gray */
width: 200px;
float: right; /*contain floated list items */
z-index: 10;
padding: 0px 8px 0px 12px;
border-bottom:3px solid #323532;
border-top-width: 3 px;
border-top-style: solid;
border-top-color: #323532;
line-height: 1.4em;
margin: 2px;
#boxx li {
margin: auto;
color: #424642; /*med gray */
font-weight: bold;
float: left; /* this section corrects IE whitespace bug */
background: #F2DFE3; /*lt gray */
list-style-position: outside;
list-style-type: none;
width: 185px;
#boxx a {
color: #4E2029;
display: block;
text-decoration: none;
#boxx a:hover {
background: #B85067; /* dark pink*/
color: #FFFFFF;
#search {
float: right;
width: 200px;
padding: 0px 8px 0px 12px;
border-bottom:3px solid #323532;
border-top-width: 3 px;
border-top-style: solid;
border-top-color: #323532;
margin: 2px;
.graybox {
margin: 15px 0 0 0;
padding: 5px 0 0px 0;
background:url(/images/graychecks.gif);
.rosebox {
margin: 15px 0 0 0;
padding: 5px 0 0px 0;
background:url(/images/rosechecks.gif);
/* Need something for box styles, form styles and maybe graphical buttons. */
.checklist {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
font-size: 0.75em;
line-height: 1.2em;
color: #323532;
position: relative;
margin: 0;
padding: 0px;
list-style-type: circle;
.sig {
font-family: "Comic Sans MS", cursive;
font-weight: bold;
/* from main2col.css =---- */
margin:0;
padding:0;
/* Left Navigation-------------------------------------*/
#navleft {
/* position: absolute; */
left:0;
top: 185px;
/*margin:0 0 -750px; */
/*background: #323532; /* dark gray, pms 447 */
/*width: 170px;
color: #ffffff;
font-weight: bold;
float: left; /*contain floated list items */
/*#navleft ul {
list-style-type:none;
list-style: none;
margin: 0;
padding: 0;
/*#navleft li { */
/* float: left; *//* this section corrects IE whitespace bug */
/*width: 100%; */
/*list-style-position: outside;*/
/* position: relative;
list-style-type:none;
margin: 0;
padding: 0;
/*#navleft a {
display: block;
color: #ffffff;
text-decoration: none;
padding: 0 7px;
line-height: 2.5;
padding: 15 10 15 20;
border-bottom:1px solid #fff;
background: #4E2029; *//* dark purple, pms 504 */
/*#navleft #nav_news a {
border: none; *//* take out line after last menu item */
#navleft a:hover {
background: #D5647C;*/ /* dusty rose, pms 702 */ /*
/* for submenus */
/*#navleft ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
#optionalmenupicture {
width: 14em;
#navoptional {
/*position: relative;
left:0;
top: 0;
margin:0;
padding: 0; */
background: #58DA2C; /*med lime green */
list-style-type: none;
width: 155px;
color: #ffffff; /* white */
font-weight: bold;
float: left; /*contain floated list items */
#navoptional li {
margin: 2px;
padding: 0;
float: left; /* this section corrects IE whitespace bug */
width: 100%;
background: #D5647C; /*dark rose */
list-style-position: outside;
list-style-type: square;
#navoptional a {
display: block;
text-decoration: none;
padding: 0 10px;
line-height: 2;
border-bottom:1px solid #323532;
/* #navoptional #nav_news a {
border: none; /* take out line after last menu item */
#navoptional a:hover {
background: #4e2029; /* dark purple */
/* Main Content ---------------------------------------*/
#primaryContent {
background: #fff;
float: left;
margin-left: 172px;
padding: 0;
position:relative;
top: -334px;
/* footer --------------------------------- */
#footer {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#ffffff;
.hide {
font-size: 0em;
line-height: 0em;
.box {
margin: 15px 0 0 0;
padding: 5px 0 0px 0;
background:url(/images/ltchecks.gif);
.mogul {
font-family:Andale Mono, Trebuchet MS, Comic Sans MS, Impact;
font-size: xx-small;
/* Forms ---------------------- */
input {
background-color: #f5f5f5;
color: #4E2029;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
textarea {
background-color: #f5f5f5;
color: #4E2029;
width: 300px;
height: 100px;
font: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
/* from Adobe */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;You've got a bigger problem. See attached screenshot from Firefox when text size is increased in browser (Zoom, text only)
Start by using the code valiation tools below and fix reported errors. 90% of browser rendering problems are code related. If your code is clean, chances are good that your pages will perform reasonably well in all the major browsers.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
HTML & CSS Tutorials - http://w3schools.com/
Conditional Comments are only recognized by MS Internet Explorer. You can't use CCs to target other browsers. But this is a moot point since your problem isn't caused by bugs in either Safari or Chrome.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
White space after flowed layout/expandable fields?
Hi,
I have a few pages on a form with a flowed layout where the text fields expand.The problem I am having is when the text field expans and continues on the following page,its leazing an entire white space right after it.Is there a way to do this so eventhough the text field expands onto the next page,the content on the next page continues right after the expanded field without a page of white space?
Thanks.Hi,
You need to check Allow page breaks within content option for the subform. Object > Subform > Allow page breaks within content.
By default even for the field this option would be checked if it is not You need to do samething even for the field.
This would work.
-Vjay
Maybe you are looking for
-
How do you import your musci from you rLibrary to your IPOD?
I have 152 songs on my Ipod. I had to reinstall windows xp and then imported all my songs I had on the pc in to the ituens Library whenI go to update the songs on the IPOD none of the new songs updated. How can I move the songs from the Library to th
-
How to create hyperlink for photo album to one of my pages?
i want to link my photo album to one of my page and im having trouble doing it. does anyone have idea how to do so? thanks.
-
How to set change number is prerequisite when change BOM?
Dear SAP Experts, I have actived EC management in BOM control data in IMG. But when i changed BOM ( the code CS02 ) with change number blank, system had not given an error message. SO,how to set change number is prerequisite when change BOMs? Than
-
Can I paste and keep the same columns and rows?
Paste problems. I regularly download data from the Transport for London, Oystercard website. When I used Windows I could highlight and copy on their webpage (displayed in columns and rows) and when I pasted into Excel it pasted the data in the same f
-
Discoverer V5 EUL Business Area
Can anyone tell me how to get the Discoverer V5 EUL business area installed and how to get the EUL 5 Data Definition reports? We upgraded from 4i to 10g recently and we have the business area and reports for EUL 4, but I need these same components fo