Is it possible to easily eliminate white space between chapters in IDCS4

I am creating a book of 50 chapters in ID CS4. I would like to keep the total # pages in the final book to a minimum. Each chapter ends at a random point on its last page. I s there a way to automatically "snug" a following chapter close against the end of the previous, rather than beginning on a new page? This would save about 5% (25pgs) in total.

The point Eugene has been trying to make is that the only way to have one chapter end and another start on the same page is if both chapters are part of a single document. You cannot accomplish this if you use the Book feature to assemble individual single-chapter documents.
If it's all one document, you can elimiate white space by making the chapters into a single story. One way to do that is to click the outport of the last frame in a chapter and then click inside the first frame of the following chapter to thread them. Text will flow backwards to fill the space unless you've done something special like set a keeps option to start on next page.
If you don't want a single story, shorten the last frame of the chapter so it fits the text, then add a new frame elow it and thread that one to the next chapter. This will be a pain in the butt for editing as you'll constanly find yourself adjusting frames as you add or remove text.

Similar Messages

Eliminate White Space in Picture Library Slideshow Web Part

On my site, I am using picture library slideshow web parts on two different pages, and one of them is giving me trouble with unwanted white space between the photos and the back, pause, forward control buttons (see photo below).
In an attempt to resolve this issue, I have tried numerous things. I have resized the width and height of the web part itself to many different sizes, but to not avail. I have cropped and resized all of the photos to be the exact same size of 300x200
pixels. I have used CSS to display the photos to their actual size rather than the standard preview size. With all of this in mind, my second photo library web part on another page works perfectly. This was white space problem was only an issue until
I resized/cropped the photos in that case. For this page, however, that solution is not working.
Does anyone have any clue as to how I can remove this unwanted white space?
Thank you!

Hi Stacey,
From your description, you would like to remove white space in picture library slideshow web parts. You used CSS to solve it however a web part still show white spaces.
Please press F12 and see if there is div tag in white space, if there is, try remove it.
http://365.webbrewers.com/Pages/webbrewerstest.aspx
In addition, try edit web part properties > Display with > choose No Title or Description.
Here is a similar thread for your reference:
http://social.technet.microsoft.com/Forums/en-US/1e63661f-0183-44e7-843a-cca58a20cddc/remove-empty-space-in-picture-library-slideshow-web-part?forum=sharepointgeneralprevious
Regards,
Rebecca Tu
TechNet Community Support

White space between header and main content

Hello all! I have a 25-27px white space between my header and
main content. I read through fixes in the forum and took out any
height that would effect this gap. I still can't get rid of this
white space. Your help is greatly appreciated! Here's 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">
<head>
</script>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<link href="p7hscroller/s7/p7HSM07.css" rel="stylesheet"
type="text/css" media="all" />
<script type="text/javascript"
src="p7hscroller/p7hsmscripts.js"></script>
<style type="text/css">

</style>

<script type="text/javascript"
src="slideshow.js"></script>
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
<pre><span
class="style4">US-AsianMates</span><span
class="style6">.com</span> <strong><span
class="style9">JOIN FOR FREE <span
class="style7">OR</span> MEMBER LOG
IN</span></strong>
</pre>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="#"
class="style16">HOME</a> </div>
</li>
<li>
<div align="center"><a href="#"
class="style16">ABOUT US</a></div>
</li>
<li>
<div align="center"><a href="#"
class="style16">WHY JOIN US?</a> </div>
</li>
<li>
<div align="center"><a href="#"
class="style16">VISA SUPPORT</a></div>
</li>
<li>
<div align="center" class="style16"><a
href="#">EVENTS</a></div>
</li>
</ul>
<pre>
</pre>
</div>
<div id="mainContent">
<div id="apDiv1"><img
src="Images/Outdoor_Bride1.jpg" alt="Bride" name="Bride"
width="525" id="Bride" /></div>
<p> </p>
<p><br>
</p>
<pre>
</pre>
<table width="200" border="1" align="left">
<tr>
<td><img src="Romantic_Kiss.jpg" alt="VISA"
name="VISASUPPORT" width="200" id="VISASUPPORT" /></td>
</tr>
<tr>
<td><img src="Surfing_At_Home.jpg" alt="JOIN"
name="WHYJOIN" width="200" id="WHYJOIN" /></td>
</tr>
</table>
<pre></pre>
<div id="apDiv3">
<div align="center">
<div align="left">
<pre class="style14"> <strong>LIVING
PROOF</strong>
<span class="style15">"12 YEARS AGO I WENT TO
THE PHILIPPINES IN HOPES
OF FINDING MY FUTURE WIFE. 11 YEARS LATER,
I AM HAPPILY MARRIED! WE ALSO HAVE AN ENERGETIC
5 YEAR OLD SON! DREAM IT, LIVE IT! IT CAN
HAPPEN TO YOU ON US-ASIANMATES.COM
CHRIS"</span></pre>
</div>
</div>
</div>
<pre> </span>
</pre></pre>
<p>
<br>
<pre>
</pre>
<div id="apDiv7"></div>
<div align="center">
<pre>
<script type="text/javascript">
// <![CDATA[
XMLFlashSlideshow_v3({swf:'slideshow.swf',w:'580',h:'140',redirect:'',usePreloader:'true', xml:'slideshow_data0.xml',preventCache:'true',disableMultipleXML:'false',initXML:'%3C?xml% 20version=%221.0%22%20encoding=%22utf-8%22?%3E%3Cslideshow%20version=%223%22%3E%3Cstyles%3 E%3CPreloader%20label=%22Loading%20%7BN%7D%2525%22%20iconColor=%22#666666%22%20iconAlpha=% 2270%22%20iconWidth=%2250%22%3E%3C/Preloader%3E%3CPreloaderLabel%20font=%22Verdana%22%20si ze=%2210%22%20color=%22#666666%22%20bold=%22false%22%3E%3C/PreloaderLabel%3E%3CBackground% 20backgroundColor=%22#FFFFFF%22%20backgroundAlpha=%22100%22%20bevelColor=%22#FFFFFF%22%20b evelStrength=%2270%22%20borderWidth=%222%22%20borderColor=%22#000000%22%3E%3C/Background%3 E%3CLoaderAnimation%20type=%22circle%22%20color=%22#FFFFFF%22%20alphaBackground=%2220%22%2 0alphaInner=%2240%22%20frameWidth=%222%22%20width=%2250%22%20height=%2250%22%3E%3C/LoaderA nimation%3E%3CDataLoader%20useAnimation=%22true%22%20useLabel=%22true%22%20labelPlacement= %22bottom%22%20fadeOutDuration=%22400%22%20textFormat=%22loader_text%22%3E%3C/DataLoader%3 E%3C/styles%3E%3Clocalization%3E%3Ctext%20orig=%22Loading%20Data...%22%20local=%22Loading% 20Data...%22%3E%3C/text%3E%3C/localization%3E%3Cfonts%3E%3Cfont%20id=%22loader_text%22%20n ame=%22Pixelade%22%20embed=%22true%22%20size=%2213%22%20color=%22#666666%22%20bold=%22fals e%22%20selectable=%22false%22%20align=%22left%22%3E%3C/font%3E%3C/fonts%3E%3C/slideshow%3E '});
// ]]>
</script>

</pre>
</div>
<pre>
</pre>
<pre> </pre>
<pre> </pre>
</div>
<div id="footer">
<p>Footer</p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

"phillychris" <[email protected]> wrote in
message
news:[email protected]...
> Yep, it was the 1 pre tag creating the gap. So why is
this page a
> disaster, Tim?
Just because something is created in DW CS3 doesn't mean it's
not a
disaster, any more than using DeWalt power tools guarantees
that my
carpentry won't be a complete mess. The software is not a
replacement for
skills. It is a tool; your workflow and understanding of HTML
and CSS is
what allows you to use DW effectively.
So why did I call this page a disaster? When I see all that
extra markup,
spans, and inline tags, I shudder. It's way too hard to
troubleshoot. You're
not doing nearly enough with descendant selectors; instead,
most of your
code is inline, despite a huge CSS file.
Just one example: individual li tags with div align="center"
inside of them.
Way overkill. If you're centering all the li text in a given
list, control
it with CSS and kill all that extra markup.
E.g.
.MenuBarHorizontal li { text-align:center; }
In fact, if all there is in that .MenuBarHorizontal is the
list, you don't
even need to specify the list in the CSS. Just do:
.MenuBarHorizontal { text-align:center; }
Now you don't need div tags inside your li at all.
And if all of those a tags in that menu are going to be
.style16 class,
don't specify it on each link. In fact, don't even have a
.style 16 class.
Heck, since it's just specifying font size, you don't need to
target the a
tag at all. Just add font-size:x-small; to the
.MenuBarHorizontal ruleset I
gave you above.
The above are just examples from a quick glance at your code.
On the whole,
your markup and approach to styles are largely wasting the
power and point
of CSS.
In addition, several styles spanned onto one line of text...
a sure sign
that either you are using far too many styles to make design
sense, or else
you've got styles that overlap each other.
Here's my advice: Until you get a better handle on CSS, don't
style things
as you go. Forget styles altogether at the start. Create a
very clean HTML
markup and put ID and class selectors on things you know will
need them.
Preferably, place the HTML elements in the order you would
want your page
read if styling did not even exist, nesting elements where
necessary.
After you have created all the HTML structure, then go back
and style the
elements via CSS only. You will end up with less page weight
and far cleaner
code to decipher, not simply in terms of length but in terms
of conflicts
and redundancies.
If you're really insistent on styling things as you go, at
least do this:
don't create a new style every time you want to accomplish
something. Create
CSS rules for IDed containers and container classes. Then as
you go along
and are about to create a style, ask yourself where you are
and what all
this new rule needs to apply to. Specify the rule there,
under the selector
you've already created. Then you won't have .style1 -
.style16 like you do
now, and you won't have all that inline mess of code to sort
through.
Finally - as you create your CSS, discipline yourself to
avoid style spans.
They are necessary on the odd occasion, but very rarely.
Think semantically
(i.e. purpose of the style point you're making at a given
time).
For example, if you're tempted to create a span in order to
put something in
bold red, ask yourself: "Why?" Generally, it means you want
to place special
emphasis or strength on that. Well, in that case you don't
need a span. You
need to be using the proper tag, such as <em>
(emphasis) or <strong>. Then
you can style that tag in CSS. That way, what you have in
your page actually
makes sense apart from the style, and as a bonus you can
apply or edit your
style easily.
Tim G.
http://www.pactumweb.com
http://www.shortordersite.com
Be smart:
http://www.pactumweb.com/client/tips.php

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.

White space between images

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 between tables

Hi,
I am doing an Annual Report and there is a lot of financial tables. I have 60 tables and I need to align the tables vertically so that the white space between each table is exactly the same. Until now I have done this manually. I am sure that there is a better way to do this but I just haven't found the way yet. My first thought was to make a "parent" table with X rows and one column. Then I could put my child tables into the parent table and use a "spacer row" of exactly X mm. I tried this but it really complicates things
Then I tried the "space after" in the table properties but I cant figure out what this attribute does.
In other words I would like to force that the vertical space between tabel 1 and table 2 always is exactly 5mm. How can this be done?
I would appreciate some input/best practice.
/Regards
Thomas Lund

Your table is placed into a paragraph. Create a paragragh style that contains the space after that you want between the tables and then apply that style to all the paragraphs that contain tables. That should give you exact spacing between your tables in the text flow.
This will only work if you are flowing the tables together in one story (which I recommend).

Adding white spaces between strings during concatenation in JSTL

Please provide a way to add white space between strings during concatenation in JSTL.
I tried the following.
eg:
<c:set var="even_odd" value="odd">
<c:out value="first ${even_odd}"/>
I want the output string as "first odd ".
Moreover i am using the above value for generating the class attribute of a row of a table like
<tr class=<c:out value="first ${even_odd}"/>>
while printing the value of <c:out value="first ${even_odd}"/> in the page,i am getting correctly as i needed as "first odd".
But while taking the code of the page while rendering by the browser, it is showing like
<tr class="first" odd="">
I think the white space is the problem.
Please provide any solution or hint.

<tr class=<c:out value="first ${even_odd}"/>><tr class="first ${even_odd}">

White Space between Objects?

Alright,
I seem to be having a problem to where there is white space between objects and no matter how many times I intersect paths I still have white-space between objects. Obviously if you are making some sort of illustration, even a pixel worth of white space could prove to be problematic. I have provided a screenshot of the problem I am receiving. I cannot move the objects together to fix this problem. May anyone please offer advice or a solution to this issue?
As you can see in the screenshot we are seeing white space between the blue and purple objects.
Any help would be greatly appreciated!
Thank you all so much!
Aaron

Thanks for this reply dougofakkad. This answer lead me to find what I was looking for...
This question and it's answers go over the problem:
http://forums.adobe.com/thread/845303
This blog post answers the problem:
http://www.sarasjodin.com/2013/06/place-objects-exactly-illustrator/
Thank you so much!

Change amount of white space between paragraphs

I have a web page at
http://lifopro.com/072506lifotrainingmaterials.html
that has more white space between the paragraphs that I would like.
Is there any way to decrease the white space between paragraphs?
The code for the top part of the text is included.
Thanks for your help.
Paul

thanks murray. 8^D
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> That would be margins you need to control, not padding.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "crash" <[email protected]> wrote in message
> news:[email protected]...
>> 1. Take out all of your font tags
>> 2. Research archives for info on CSS
>> 3. Control padding on paragraphs with css.
>>
>>
>> --
>> If you haven't already, you would be well served
searching through the
>> archives for the answer to your question. The
archives can be found
>> here:
>>
>>
http://groups.google.com/group/macromedia.dreamweaver
>>
http://groups.google.com/group/macromedia.dreamweaver.appdev
>>
>>
>> "Lewp01" <[email protected]> wrote
in message
>> news:[email protected]...
>>>I have a web page at
http://lifopro.com/072506lifotrainingmaterials.html
>>>that
>>> has more white space between the paragraphs that
I would like. Is there
>>> any
>>> way to decrease the white space between
paragraphs?
>>>
>>> The code for the top part of the text is
included.
>>>
>>> Thanks for your help.
>>> Paul
>>>
>>>
>>> <p><font size="2" face="Verdana, Arial,
Helvetica,
>>>
sans-serif"><strong> </strong>The primary
reasons LIFO errors are
>>> so
>>> common are:</font></p>
>>> <ol><li><font size="2"
face="Verdana, Arial,
>>> Helvetica, sans-serif"> Errors resulting from
the use of spreadsheets
>>> and
>>> </font></li>
>>> <li><font size="2" face="Verdana,
Arial,
>>> Helvetica,
>>> sans-serif">Lack of understanding of LIFO IRS
Regulations and basic LIFO
>>> principles. </font></li>
>>> </ol>
>>> <p><font size="2" face="Verdana, Arial,
>>> Helvetica,
>>> sans-serif">One of the reasons for the latter
is the lack of adequate
>>> LIFO
>>> training and reference materials especially as
it relates to the IPIC
>>> method.
>>>
>>
>>
>
>

Why are there white spaces between my images when I preview my html design on a web browser?

I am creating an email newsletter with Dreamweaver CC and after being unable to find a way to use layers I opted to create the entire image in Photoshop and then break it into pieces to create the image links. I'm using tables and I have the padding and everything set to "0", but when I view it in the browser there are white spaces between each image. It looks solid in Dreamweaver, but in pieces on web browsers. I do not understand how or why this happened and I cannot figure out how to fix it. If anyone can help, I'd greatly appreciate it. Thanks.

I only used Photoshop for the layout. Then I created web-safe images for everything that I used for Dreamweaver. I uploaded the images to the internet and then image sourced them into the code so that they will be viewed properly in the correct circumstances. I haven't used HTML since about 2004 and I wasn't very good then. I've just been thrown back into it and I'm pretty much learning as I go. This is my second attempt because I wanted to make the newsletter more eye-catching. My first one is very basic and without a background image at all and that looks fine in pretty much all email clients. I tested it with Litmus. All except for Windows Live Mail, where the images didn't act as links but as static images. It works fine with the others I tested manually. Those being Gmail, Yahoo and AOL. I will try the display:block and get back to you. Thanks for your suggestions.

How to remove white space between two answer reports

How to remove white space between two answer reports
In Dashboard section I have 2 rqeuest. Each request renders Table View. When I display dashboard, it show white space separating the 2 table views. How do I get rid of the white space/white band ?

See this link
Re: Eliminating the space between two reports in OBIEE dashboard page Section
Regards,
Sandeep

Getting white spaces between frames

Help! I'm doing a simple site using three frames. When I preview, either in GoLive or the browser, there are white spaces between the frames.
These are about 1/16 inch. I've turned off borders, set them to 0 - tried everything I know. Where are these coming from?
Also... how do you get the grid to go all the way to the upper left corner of the page?
Thanks.

Sorry... I'm new to this. Here's the code for the frameset on the index page. Don't know what else I might give you.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>Untitled Page</title>
</head>
<frameset rows="205,*" border="0" frameborder="no" framespacing="0">
<frame name="Header" src="header_title.html" noresize scrolling="no">
<frameset cols="200,800" border="0" frameborder="no" framespacing="0">
<frame name="Menu" src="genres.html" noresize scrolling="no">
<frame name="Content" src="welcome_page.html" noresize>
</frameset>
<noframes>
<body bgcolor="#ffffff">
<p></p>
</body>
</noframes>
</frameset>
</html>

Delete white spaces between two strings

hi!
How do I remove white spaces between two strings. I have attached file for reference.
Thanks
Attachments:
untitled4.JPG ‏62 KB

You first need to define what you consider to be "whitespace". Is it just a space? Is it spaces and linefeeds? What about carriage returns? Tabs? Anything non-alphabetic and/or non-numeric?
As mentioned previously, the Search and Replace String can be used to delete characters by wiring an empty string to the replace string input. The following, for example, will delete all spaces:
If you need to delete other whitespace characters, just call it again on the resulting string.
Message Edited by smercurio_fc on 06-02-2008 09:25 AM
Attachments:
Example_VI1.png ‏3 KB

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

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

Is it possible to easily eliminate white space between chapters in IDCS4

Similar Messages

Maybe you are looking for