Wrong alignment on 8 by 10, white space on 4 by 6
My machine prints landscape instead of portrait view on 8 by 10 paper; cuts off pic, leaves white space on borderless 4 by 6 paper.
Please read this post then provide some details. What printer model? What operating system? What settings do you have for media type? Have you set the driver to print with the proper orientation? What program are you printing from?
Bob Headrick, HP Expert
I am not an employee of HP, I am a volunteer posting here on my own time.
If your problem is solved please click the "Accept as Solution" button ------------V
If my answer was helpful please click the "Thumbs Up" to say "Thank You"--V
Similar Messages
-
Footer text-alignment in fluid grid layout and another color in white space, not the body
I'm working in a fluit grid layout. Everythings works almost perfekt. Accept for de alignment in Opera mini. Mini works not with %. So it must be padding, line-height and something else. But then the footer does not stick.
In Opera mini
If i want the footer to stick to for example the bottom. I'm may not use padding in de footer.
De <p> i used for alignment in from the text. Now my footer must have a alignment in the middle of the footer (center). With padding in footer, it wil work, but then my footer will not stick to the bottom anymore.
and i have also another question, about the white spaces in de fluid grid. I don't want to give the header, body, footer another color. But that outside of my website.
With a normal website you give the html and the body grey and the content white. But if i do this with the fluid grid. The content because grey. Is there also a code for.
This is what it must be. It is a example, not for real. But i really want to know the code for it.I found the wright code for the footer. Thanks a lot. I'm happy.
I'm also searching for a code for max-height. For example one page i have less text, so the page is not filled to the bottom. I want for designing reasons this. So the page is always fitt from header to footer.
It must not scrolled. Just complete for the desktop-computer and laptop. Is there a code for. Because there is already internet-tv and that are big-screens. It must be for all the browser also ie7, ie 6, opera, safari, chrome and more. -
Beginner CSS help needed - White space.
So, I'm creating this website...yes im a beginner, and I just dont know how to add white space onto each side of the site as to center it in the browser.
here's what I have...but, when I try and use "float:left;" the div sits outside the container, even though it is definitely inside it? Any recs? Thanks x
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #ffffff;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
height: auto;
#container {
width: 750px;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
background-color: #FFCCE6;
height: auto;Code fragments, screenshots, etc.. don't show us the problem. For best results here, you should upload your test page to your web server and post the URL here.
Using our browser and web developer toolbars, we can see your page, underlying code and trouble shoot what might be going wrong.
As a rule of thumb, build your HTML content logically from top to bottom of page. Then go back in and add division tags for your CSS to grab onto. My guess is that you have positioned the left column outside your main wrapper division. But without seeing your HTML and CSS code, the best we can do is make guesses.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com -
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; -
I created a page with dreamweaver. It renders as intended in firefox but shows unwanted white space in ie 11.
How do I fix this?
Here is the page in firefox:
Here is ie 11 page:
Please respond to [email protected]
Here is my 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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #4E5869;
margin: 0;
padding: 0;
color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
font-size: x-small;
color: #FFF;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color:#414958;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #4E5869;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
color: #FFFFFF;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 80%;
max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
height: 80%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
.container .footer #fMisc div p {
font-family: Verdana, Geneva, sans-serif;
font-size: x-small;
color: #FFF;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background: #6F7D94;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: right;
width: 20%;
padding-bottom: 64px;
height: 100%;
font-family: "Comic Sans MS", cursive;
font-weight: bolder;
font-size: x-large;
border-top-width: 0%;
border-right-width: 0%;
border-bottom-width: 0%;
border-left-width: 0%;
background-color: #93A5C4;
background-repeat: repeat;
margin: 0px;
overflow: hidden;
.content {
width: 80%;
float: right;
background-image: url(back1.gif);
background-repeat: repeat;
background-color: #CCC;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
height: 100%;
overflow: hidden;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the content below */
ul.nav li {
border-bottom: 1px solid #666; /* this creates the button separation */
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: #8090AB;
color: #000;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
background: #6F7D94;
color: #FFF;
/* ~~ The footer ~~ */
.footer {
background: #6F7D94;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
font-size: xx-small;
color: #000;
margin: 0px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
/* ~~ miscellaneous float/clear classes ~~ */
.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. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
a {
color: #FFF;
.container .footer #fMisc div p a {
color: #FFF;
.container .footer div p {
font-family: Verdana, Geneva, sans-serif;
font-size: x-small;
color: #FFF;
.container .footer div p a {
color: #FFF;
p {
font-size: xx-large;
p {
color: #000;
font-size: x-large;
.container .footer #fMisc div {
font-size: x-small;
.container .footer #fMisc div {
color: #FFF;
.container .content h1 {
font-family: Verdana, Geneva, sans-serif;
font-size: x-large;
font-weight: bold;
color: #000;
-->
</style><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; } /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]-->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="header">
<img src="Pictures/logo.gif" alt="Logo" name="Insert_logo" width="81" height="63" id="Insert_logo" style="background: #8090AB; display:block;" />
<!-- end .header --></div>
<div class="sidebar1">
<img src="Pictures/back1.jpg" width="72" height="72" /><p> Cliff is an all breed AKC Registered Professional Dog Handler</p>
<p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
<p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
<!-- end .sidebar --></div>
<div class="content">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">Kennel</a>
<ul>
<li><a href="#">Our Facility</a></li>
<li><a href="#">Rates</a></li>
<li><a href="#">Pictures</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Show Handling</a>
<ul>
<li><a href="#">Info</a></li>
<li><a href="#">Rates</a></li>
<li><a href="Schedulefile:///S:/Homepage/calendar.html">Schedule</a></li>
</ul>
</li>
<li><a href="#">Photo Gallery</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
<br />
<h1 style="margin: 10px; clear: both; text-align:center; font-size: xx-large; font-family: Georgia, 'Times New Roman', Times, serif;">Clifford W. Steele </h1>
<div style="text-align:center; font-size: xx-large;"> <img src="Pictures/Harley Champion001.jpg" alt="Harley Champion" width="530" height="423" border="0" /></div>
<!-- end .content --></div>
<div class="footer">
<div style="float:right">
<p> <a href="MAILTO:[email protected]" >Site Designed by Fredric M. Zipser</a><br />
</p>
</div>
<div>
<p>Clifford W. Steele Professional Handler <br />
1395 Rt. 6<br />
Carmel, NY 10512-1627<br />
United States<br />
ph:(845) 225-2463<br />
Cell:(845) 661-0010<br />
<a href="MAILTO:[email protected]" >[email protected]</a></p>
</div>
<!-- end .footer --></div>
<!-- end .container --></div>
</script>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>Give <div class="container"> the same blue background color as your right side bar.
You'll notice in IE some of the spacing for the rest of your page is slightly larger than in Firefox (browsers do that a lot if you aren't very, very specific about sizes). Because of that, your side bar isn't long enough to fill in the space on that side and the background color of the "container" <div> shows through. -
On my website you can see that there is white space at the bottom but it ends just short of the true bottom, is there anyway I can make this so white continues down all the way?
<!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>
<link rel="stylesheet" href="layout.css" ... />
<meta name="google-site-verification" content="_Plh0Sn97-RFeQaAZFoZgv8tZ9Ap9FhMbNGy3eq3CeM" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<style type="text/css">
<!--
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #4E5869;
margin: 0;
padding: 0;
color: #000;
background-image: url(Pictures/1276207208635.jpg);
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
font-size: xx-large;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color:#09F;
text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #06F;
text-decoration: none;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 80%;
max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
background: #FFF;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
overflow: hidden; /* this declaration makes the .container clear all floated columns within it. */
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: left;
width: 20%;
background: #93A5C4;
padding-bottom: 10px;
.content {
padding: 10px 0;
width: 60%;
float: left;
.sidebar2 {
float: left;
width: 20%;
background: #93A5C4;
padding: 10px 0;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the content below */
color: #FFF;
ul.nav li {
border-bottom: 1px solid #666; /* this creates the button separation */
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: #8090AB;
color: #000;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
background: #6F7D94;
color: #FFF;
/* ~~ miscellaneous float/clear classes ~~ */
.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. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
.container .content h1 {
font-family: OCR A Extended;
body,td,th {
color: #000;
-->
</style><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; } /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]-->
<!--Analystics-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19878287-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);
</script>
<!--Iphone Redirect-->
<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('tnvkzuebf877', 'right-upper')</script>
<script type="text/javascript" src="http://hunterthornsberry.com/mobilejs.js"> if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
if (document.cookie.indexOf("iphone_redirect=false") == -1) window.location = "http://hunterthornsberry.com/mobile.html";
</script>
</head>
<body>
<div class="wrapper">
<div class="container" align="left">
<div class="sidebar1">
<ul class="nav">
<li><img src="../../Pictures/TDLLOGO.png" width="172" height="129" /></li>
<li><a href="index.html">Home</a></li> <li><a href="About.html">About Me</a></li>
<li><a href="Blog.html">Personal Blog</a></li>
<li><a href="tech.html">Tech Stuff</a></li>
<li><a href="Projects.html">Projects</a></li>
<li><a href="design.html">Design/Art</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
<p> <center><script type="text/javascript"><!--
google_ad_client = "pub-9636713487359174";
/* HunterThornsberry */
google_ad_slot = "9954026781";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center></p>
<!-- end .sidebar1 --></div>
<div class="content">
<center><h1>Home</h1>
<p><strong><em>UNDER CONSTRUCTION</em></strong></p>
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="This is my life">
<param name="movie" value="../../Intro.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../../Scripts/expressInstall.swf" />
<param name="LOOP" value="false" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="../../Intro.swf" width="550" height="400">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="../../Scripts/expressInstall.swf" />
<param name="LOOP" value="false" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</p>
<p> </p>
</center>
</div>
<div class="sidebar2" align="right">
<script type="text/javascript"><!--
google_ad_client = "pub-9636713487359174";
/* Sky */
google_ad_slot = "5228573680";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- end .container --></div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</div>
<!--Footer-->
<div class="push"></div>
<div class="footer">
<p><center>Copyright (c) 2008</p>
</div>
</body>
</html>Well its the 'footer' <div> and the <div> before that which need some attention.
Add the below to your css styles:
.footer {
width: 80%;
margin: 0 auto;
background-color: #fff;
.footer p {
margin: 0;
padding: 0;
Then remove the "push" <div> completely:
<div class="push"></div>
<div class="footer">
<p><center>Copyright (c) 2008</p>
</div>
To just leave:
<div class="footer">
<p><center>Copyright (c) 2008</p>
</div> -
Should I overprint to avoid white space between colors when printing?
Hello all,
I hope I don't get slammed for posting the wrong way! But I'll try.
I print on a Summa DC4 thermal printer which prints one color at a time.
I am using Illy CS4 with a cmyk document, all vectors.
My Question is:
Should I overprint to avoid white space between colors?
CMYK document (But only the YMK will print) which contains:
100% black background (rectangle)
0% (white) Copy
and Red (star) - 100% yellow x 100% magenta
printed on white vinyl.
the red object (star in this case) should bleed or overprint into the black background. Instead I get almost a white outline around the red star where the registration was minutely off.
How can I avoid this from happening? By setting the yellow & magenta to overprint? I don't want the black to subtract the red object (star)
Any advice would be greatly appreciated!
Sincerely,
C.I am unfamiliar with the Summa printer, but it sounds like there is no built-in provision for trapping.
In that case, you should stroke the red star with the same color as the fill (100M + 100Y) and set only the stroke to overprint. That way, you still knock out the star area from the black background, but you've created the necessary spread trap to deal with the slight misregistration. Use the smallest possible stroke weight needed to solve your problem. -
Is it possible to insert white space that will track like other characters?
I'm working with Indesign CS3, and have a problem with white space, inserted as a special character - in this case, a sixth space, used for the space between initials of a cited author: A. B. White, or whatever. Between the point after A and the B, I've inserted sixth-spaces in each instance. But when the automatic tracking sets the text, those white spaces don't seem to be adjusted in the same way as the rest. So when a line is unusually tight, the space in question looks too large, and vice versa.
Is it possible - either in CS3 or, as a matter of interest, in CS4 or 5 - to insert white space that will track automatically as lines are adjusted?
Many thanks in advance...
MHWell, here's a classic:
1) Set some type in French. Use a thin space or a 1/6 space before punctuation. (That's what you are supposed to do in French - there's always a space before many kinds of punctuation.)
2) Hand off the file to someone else.
3) "Someone else" tracks the paragraph to -40 (without understanding that the paragraph is now barely legible).
If it's a fixed thin space, there is still a space in front of the punctuation. Due to the tracking abuse, it's now roughly the same size as a "normal" space-bar space. If it's not a fixed-width space, it has now disappeared. Tracking of -40 is ugly, but no space in front of punctuation in French is out-and-out wrong. -
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 have 5 rollover images lined up beside each other in a
table cell. I have reduced their borders to 0, the cell padding and
cell spacing to 0 also. I even tried reducing the images padding
and margin to 0. However, there is still a really thin line between
each of the images that i want to get rid of (it's as if the images
all have a small white border around them, but I've reduced their
borders to 0).
Here is what the code looks like:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="53">
<div id="box">
<p align="right"><img src="banner.jpg"
name="banner" width="536" height="101" border="0" id="banner" />
<a href="#" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('home','','Buttons/homebtnover.jpg',1)"><img
src="Buttons/homebtnup.jpg" name="home" width="107" height="36"
border="0" id="home" /></a><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('theteam','','Buttons/theteambtnover.jpg',1)"><img
src="Buttons/theteambtnup.jpg" name="theteam" width="107"
height="36" border="0" id="theteam" /></a><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('schedule','','Buttons/schedulebtnover.jpg',1)"><img
src="Buttons/schedulebtnup.jpg" name="schedule" width="107"
height="36" border="0" id="schedule" /></a><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('gallery','','Buttons/gallerybtnover.jpg',1)"><img
src="Buttons/gallerybtnup.jpg" name="gallery" width="107"
height="36" border="0" id="gallery" /></a><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('contact','','Buttons/contactbtnover.jpg',1)"><img
src="Buttons/contactbtnup.jpg" name="contact" width="108"
height="36" border="0" id="contact" /></a></p>
</div> </td>.oO(Twinbird24)
>It still doesn't work. I've even tried to just make a new
document and just
>place the rollover images beside each other in a row
(horizontally). However,
>even with the image's borders, padding, and margin set to
0, there still seems
>to be a really small space between the images.
>
> Here is a link to the rollover images, as you can see,
there is that small
>white space between the images:
>
http://www.arkdesigns.ca/untitled.html
The gap I see is in the images themselves - the outermost
right and
bottom pixels are faded. There's no other gap between the
images in
Opera and IE 6.
Micha -
White space around image when doing Save for Web
Say I draw a simple square in Illustrator CS6 then export it to a PNG using Save for Web. The preview shows 1px thick of white space on the right side. Sometimes it's on 2 sides or more.
No other hidden elements are around the image. Clip to artboard in not clicked.
Why does this happen and how do we get rid of it?For once I get to answer a post and say somehting good about align to pixel grid.
Turn it on
Your image will now align to the pixel grid
Turn it off when not doing web work, or will drive you mad. -
Option to distribute white space between objects?
Thought I'd try the align and distribution functions for the first time, thinking: "Yay! All that time I'm going to save by not manually moving objects". There appears to be every possible align/distribution function except the one I want.
I have five images, all the same height, but varying widths, and I'd like to distribute the white space evenly between them i.e. so the gap is the same between each one. When I distributre manually I scale each image by a factor:
k = (D - G(N-1)) / W
where
D = total width available
G = Gap
N = number of images
W = total original width of images.
Then I manually align. Can CS6 do such distribution?Window > Objects & Layout > Align
-
JDeveloper Error: White spaces are required between publicId and systemId.
I'm using JDeveloper 10.1.3.1.0.
This error is occurring in a BPEL process project.
With one particular web service I have, adding a Partner Link to the BPEL generates the following compile error:
Error: White spaces are required between publicId and systemId.
I can add Partner links from other web services and the BPEL will compile fine. The main difference I can see is that this web service supports WS-Addressing.
I have found one other reference to a similar (but not exactly the same) problem elsewhere in these forums but the fix is not really applicable. All of the wsdl files pass the "Validate WSDL" operation, and I don't see anything wrong with them.
When the error occurs and I select "Go To Source" it points back to the first line of the bpel file.
Can anyone help me out on this?
This is the wsdl for the web service, wsademo.wsdl:
<?xml version="1.0" encoding="UTF-8"?>
<definitions name="wsademo"
targetNamespace="http://localhost:11001/wsademo.wsdl"
xmlns:tns="http://localhost:11001/wsademo.wsdl"
xmlns:SOAP-ENV="http://www.w3.org/2003/05/soap-envelope"
xmlns:SOAP-ENC="http://www.w3.org/2003/05/soap-encoding"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:xsd="http://www.w3.org/2001/XMLSchema"
xmlns:wsa="http://schemas.xmlsoap.org/ws/2004/08/addressing"
xmlns:ns="http://localhost:11001/wsademo.wsdl"
xmlns:SOAP="http://schemas.xmlsoap.org/wsdl/soap12/"
xmlns:MIME="http://schemas.xmlsoap.org/wsdl/mime/"
xmlns:DIME="http://schemas.xmlsoap.org/ws/2002/04/dime/wsdl/"
xmlns:WSDL="http://schemas.xmlsoap.org/wsdl/"
xmlns="http://schemas.xmlsoap.org/wsdl/">
<types>
<schema targetNamespace="http://localhost:11001/wsademo.wsdl"
xmlns:SOAP-ENV="http://www.w3.org/2003/05/soap-envelope"
xmlns:SOAP-ENC="http://www.w3.org/2003/05/soap-encoding"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:xsd="http://www.w3.org/2001/XMLSchema"
xmlns:wsa="http://schemas.xmlsoap.org/ws/2004/08/addressing"
xmlns:ns="http://localhost:11001/wsademo.wsdl"
xmlns="http://www.w3.org/2001/XMLSchema"
elementFormDefault="unqualified"
attributeFormDefault="unqualified">
<import namespace="http://schemas.xmlsoap.org/ws/2004/08/addressing"/>
<import namespace="http://www.w3.org/2003/05/soap-encoding"/>
<!-- operation request element -->
<element name="wsademoResult">
<complexType>
<sequence>
<element name="out" type="xsd:string" minOccurs="0" maxOccurs="1" nillable="true"/>
</sequence>
</complexType>
</element>
<!-- operation request element -->
<element name="wsademo">
<complexType>
<sequence>
<element name="in" type="xsd:string" minOccurs="0" maxOccurs="1" nillable="true"/>
</sequence>
</complexType>
</element>
<!-- operation response element -->
<element name="wsademoResult">
<complexType>
<sequence>
<element name="out" type="xsd:string" minOccurs="0" maxOccurs="1" nillable="true"/>
</sequence>
</complexType>
</element>
</schema>
</types>
<message name="wsademoResult">
<part name="parameters" element="ns:wsademoResult"/>
</message>
<message name="wsademo">
<part name="parameters" element="ns:wsademo"/>
</message>
<message name="wsademoResult">
<part name="parameters" element="ns:wsademoResult"/>
</message>
<message name="wsademoHeader">
<part name="MessageID" element="wsa:MessageID"/>
<part name="RelatesTo" element="wsa:RelatesTo"/>
<part name="From" element="wsa:From"/>
<part name="ReplyTo" element="wsa:ReplyTo"/>
<part name="FaultTo" element="wsa:FaultTo"/>
<part name="To" element="wsa:To"/>
<part name="Action" element="wsa:Action"/>
</message>
<portType name="wsademoPort">
<operation name="wsademoResult">
<documentation>accepts a string value from a relayed response</documentation>
<input message="tns:wsademoResult"/>
</operation>
<operation name="wsademo">
<documentation>echos a string value and relays the response to the wsa replyTo address (if present)</documentation>
<input message="tns:wsademo"/>
<output message="tns:wsademoResult"/>
</operation>
</portType>
<binding name="wsademo" type="tns:wsademoPort">
<SOAP:binding style="document" transport="http://schemas.xmlsoap.org/soap/http"/>
<operation name="wsademoResult">
<SOAP:operation soapAction="urn:wsademo/wsademoPort/wsademoResult"/>
<input>
<SOAP:body parts="parameters" use="literal"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="Action"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="To"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="FaultTo"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="ReplyTo"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="From"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="RelatesTo"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="MessageID"/>
</input>
</operation>
<operation name="wsademo">
<SOAP:operation soapAction="urn:wsademo/wsademoPort/wsademo"/>
<input>
<SOAP:body parts="parameters" use="literal"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="Action"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="To"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="FaultTo"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="ReplyTo"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="From"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="RelatesTo"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="MessageID"/>
</input>
<output>
<SOAP:body parts="parameters" use="literal"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="Action"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="To"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="FaultTo"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="ReplyTo"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="From"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="RelatesTo"/>
<SOAP:header use="literal" message="tns:wsademoHeader" part="MessageID"/>
</output>
</operation>
</binding>
<service name="wsademo">
<documentation>demonstrates WS-Addressing capabilities</documentation>
<port name="wsademo" binding="tns:wsademo">
<SOAP:address location="http://localhost:11001"/>
</port>
</service>
</definitions>
This is the wsdl that is generated by JDeveloper that contains the PartnerLinks and refernce back to the original wsdl file, wsademoRef.wsdl:
<definitions
name="wsademo"
targetNamespace="http://localhost:11001/wsademo.wsdl"
xmlns="http://schemas.xmlsoap.org/wsdl/"
xmlns:tns="http://localhost:11001/wsademo.wsdl"
xmlns:bpws="http://schemas.xmlsoap.org/ws/2003/03/business-process/"
xmlns:plnk="http://schemas.xmlsoap.org/ws/2003/05/partner-link/"
xmlns:xsd="http://www.w3.org/2001/XMLSchema"
>
<import namespace="http://localhost:11001/wsademo.wsdl" location="wsademo.wsdl"/>
<plnk:partnerLinkType name="wsademoPort_PL">
<plnk:role name="wsademoPort_Role">
<plnk:portType name="tns:wsademoPort"/>
</plnk:role>
</plnk:partnerLinkType>
</definitions>
And finally the is the BPEL, WSAtest3.bpel:
<?xml version="1.0" encoding="UTF-8"?>
<!--
Oracle JDeveloper BPEL Designer
Created: Thu Oct 05 15:27:12 GMT-08:00 2006
Author: wstielau
Purpose: Synchronous BPEL Process
-->
<process name="WsaTest3" targetNamespace="http://xmlns.oracle.com/WsaTest3"
xmlns="http://schemas.xmlsoap.org/ws/2003/03/business-process/"
xmlns:xp20="http://www.oracle.com/XSL/Transform/java/oracle.tip.pc.services.functions.Xpath20"
xmlns:bpws="http://schemas.xmlsoap.org/ws/2003/03/business-process/"
xmlns:ns1="http://localhost:11001/wsademo.wsdl"
xmlns:ldap="http://schemas.oracle.com/xpath/extension/ldap"
xmlns:xsd="http://www.w3.org/2001/XMLSchema"
xmlns:ns2="http://localhost:80/Service.wsdl"
xmlns:client="http://xmlns.oracle.com/WsaTest3"
xmlns:bpelx="http://schemas.oracle.com/bpel/extension/"
xmlns:ora="http://schemas.oracle.com/xpath/extension"
xmlns:orcl="http://www.oracle.com/XSL/Transform/java/oracle.tip.pc.services.functions.ExtFunc">
<!--
PARTNERLINKS
List of services participating in this BPEL process
-->
<partnerLinks>
<!--
The 'client' role represents the requester of this service. It is
used for callback. The location and correlation information associated
with the client role are automatically set using WS-Addressing.
-->
<partnerLink name="client" partnerLinkType="client:WsaTest3"
myRole="WsaTest3Provider"/>
<partnerLink name="wsademo" partnerLinkType="ns1:wsademoPort_PL"
myRole="wsademoPort_Role" partnerRole="wsademoPort_Role"/>
</partnerLinks>
<!--
VARIABLES
List of messages and XML documents used within this BPEL process
-->
<variables>
<!-- Reference to the message passed as input during initiation -->
<variable name="inputVariable" messageType="client:WsaTest3RequestMessage"/>
<!-- Reference to the message that will be returned to the requester-->
<variable name="outputVariable"
messageType="client:WsaTest3ResponseMessage"/>
<variable name="Invoke_1_wsademo_InputVariable" messageType="ns1:wsademo"/>
<variable name="Invoke_1_wsademo_OutputVariable"
messageType="ns1:wsademoResult"/>
</variables>
<!--
ORCHESTRATION LOGIC
Set of activities coordinating the flow of messages across the
services integrated within this business process
-->
<sequence name="main">
<!-- Receive input from requestor. (Note: This maps to operation defined in WsaTest3.wsdl) -->
<receive name="receiveInput" partnerLink="client" portType="client:WsaTest3"
operation="process" variable="inputVariable" createInstance="yes"/>
<!-- Generate reply to synchronous request -->
<assign name="Assign_1">
<copy>
<from variable="inputVariable" part="payload"
query="/client:WsaTest3ProcessRequest/client:input"/>
<to variable="Invoke_1_wsademo_InputVariable" part="parameters"/>
</copy>
</assign>
<invoke name="Invoke_1" partnerLink="wsademo" portType="ns1:wsademoPort"
operation="wsademo" inputVariable="Invoke_1_wsademo_InputVariable"
outputVariable="Invoke_1_wsademo_OutputVariable"/>
<assign name="Assign_2">
<copy>
<from variable="Invoke_1_wsademo_OutputVariable" part="parameters"/>
<to variable="outputVariable" part="payload"
query="/client:WsaTest3ProcessResponse/client:result"/>
</copy>
</assign>
<reply name="replyOutput" partnerLink="client" portType="client:WsaTest3"
operation="process" variable="outputVariable"/>
</sequence>
</process>
-Wayne Stielau
Open Text Corporation
Irvine, CAI have discovered two issues.
1. JDeveloper does not seem to like the SOAP 1.2 envelope and encoding namespaces. Is this a known limitation? Changed them to 1.1.
2. JDeveloper does not like the double definition of wsaDemoResult.
When these two items are changed, the bpel compiles clean. Now I've got to get the message header to populate correctly. There are no values assigned, only namespace definitions. This is the SOAP packet that is received at the web service.
<?xml version="1.0" encoding="UTF-8"?>
<env:Envelope
xmlns:env="http://schemas.xmlsoap.org/soap/envelope/"
xmlns:xsd="http://www.w3.org/2001/XMLSchema"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<env:Header>
<MessageID xmlns="http://schemas.xmlsoap.org/ws/2004/08/addressing"/>
<From xmlns="http://schemas.xmlsoap.org/ws/2004/08/addressing"/>
<RelatesTo xmlns="http://schemas.xmlsoap.org/ws/2004/08/addressing"/>
<Action xmlns="http://schemas.xmlsoap.org/ws/2004/08/addressing"/>
<ReplyTo xmlns="http://schemas.xmlsoap.org/ws/2004/08/addressing"/>
<To xmlns="http://schemas.xmlsoap.org/ws/2004/08/addressing"/>
<FaultTo xmlns="http://schemas.xmlsoap.org/ws/2004/08/addressing"/>
</env:Header>
<env:Body>
<wsademo xmlns="http://localhost:11001/wsademo.wsdl">
<in xmlns="">hello</in>
</wsademo>
</env:Body>
</env:Envelope> -
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
Maybe you are looking for
-
OIM 11.1.1.5.0 - ActiveDirectory 11.1.1.5.0 Installation Status : Failed
Hi everyone, I want to install the active directory connector 11.1.1.5.0 for my oim but the installation failed for the step => "Import of the connector XML files (by using the Deployment Manager)". It shows the error : DOBJ.XML_IMPORT_ERROR oracle.i
-
How do I get my music of my ipod on to a new computer if the original computer is dead
My Itunes account with all my music from cd's was on a computer that died. How do I get my new computer to import all the songs and be the primary computer? I deauthorized all, but everytime I connect one of my ipods or ipads it tells me its synced t
-
Windows 2008 R2 Terminal & Windows 2003 RDP Client
Hi I have Terminal Server Windows Server 2008 r2 and Terminal Server Licensing Windows Server 2012 with RDS CAL installed and activated. I have the clients with Windows Server 2008, Windows Server 2003, Windows 7 and HP Neoware thin client CA21 with
-
create or replace TRIGGER wcowner.t_ins_wc_prd_mdl AFTER INSERT on vinapp.model FOR EACH ROW DECLARE v_model vinapp.model.model%type; v_make vinapp.make.make%type; v_category vinapp.category.category%type; v_subcategory vinapp.sub_category.sub_catego
-
How do i limit the number of emails on iphone/ipad
I accumulate far to many emails (now 1500) on my ipad2 and 150 on my 3gs. How can I change the settings to limit the number in the future?