Thin white line between line art and live paint fill?

I am using live paint to paint cartoon character illustrations.  The artwork is brought into Illustrator CS3 and live traced.  Then I convert it to a live paint group and use the paint bucket to fill.  Everything looks fine no matter how much I zoom in.  If I bring the AI file into Photoshop CS6 I can see a thin white line between the black line art and the fill.  This is most noticeable where black meets black. I can also see this sometimes in file previews while browsing through files.  If the white line cannot be seen in Illustrator is the file ok?  I did just upgrade to CS6 if that would make a difference.
Thank you for any help.    

If the white line cannot be seen in Illustrator is the file ok?
Without knowing specifics,nobody knows.
"Okay" for what?
If it looks okay to you in Illustrator, then it's okay for viewing in Illustrator.
If the export of it does not look okay in Photoshop at 1:1 or higher zoom, then it's probably not okay for whatever you're going to do with that raster image.
If it's printed to a low-res composite printer, then it may be okay, because the printer may not be able to resolve the whitish pixels.
If it's printed for commercial (color-separated) reproduction, it may not be okay, depending on the scale at which it will be printed, and on other considerations partially described below.
The autotrace routine does not build traps. Typically, when you color-fill cartoon line art manually, you don't make the shapes that define the fills merely "kiss" the black line work, as would the default treatments of a stupid autotrace. The black line work typically overprints the fills, thereby creating printing traps.
Suppose a portion of your cartoon is a hand-drawn closed circle. The black line work is irregular; it varies in width, having been drawn with a marker or a brush. The circle is colored in with a medium green. There are no sloppy gaps in the original between the green and the black.
You scan it and autotrace it. Unless you apply some deliberate care to make it do otherwise, the autotrace is going to create a compound path, filled with black, and with no stroke; and a green simple path which (hopefully) exactly "kisses" (abuts) the black path. Adobe's on-screen antialiasing of the edge where the two colors abut may or may not cause your monitor to display a faint whitish or grayish sliver between the two colors.
Similarly, Photoshop's rasterization of it, or the rasterization of a raster export filter may do the same, and may actually result in some off-color pixels along the edge. (Your description of the scenario kinda raises the question of why you are auto-tracing something that you're then just going to rasterize in Photoshop anyway. Why do that? Why not just work with the scan in Photoshop?.)
So let's leave Photoshop out of the picture and assume you are autotracing it because you want vector artwork. You zoom way in to see if the whitish sliver enlarges. It doesn't, so you assume it's just an aberation of Illustrator's on-screen antialising. And then someone tells you you're in the clear. But are you? Not so fast.
Let's assume the artwork is destined for commercial (color-separated) printing. Further assume the color of the autotraced black is 100% K, and the color of the autotraced green is 100Y 50C. Three inks involved. None of those three inks are shared between the two objects. So even if the paths do, in fact, perfectly abut, there is no "wiggle room" built in for the minor alignment shifts that almost aways do occur on press.
Bottom line: Even if you do determine that the common antialiasing aberations that frequently occur on-screen in Adobe apps is just that—just an onscreen aberation, that does not necessarily mean your file is suitable for commercial color-separated reproduction.
First, you need to understand that autotracing is not the one-click, instant "conversion" of a raster image to vector artwork that far too many think it to be. Just like everything else, you don't just launch a program like Illustrator, start autotracing things willy-nilly without understanding what's really going on. Just like anyting else, you can use an autotrace feature intelligently or...well...not.
You have options. Illustrator provides an auto-trapping feature. Read up on it in the documentation so you understand what it's all about. Alternatively, you can expand the results of your autotrace, select all the black linework and apply a composite color that includes 100% K and reasonable percentages of C, M, and Y (a so-called "rich black"). Or,depending on the artwork and the desired results, you may consider doing the autotrace as centerlines so you have stroked paths, not just filled paths for the linework. That way, using the flood fill (so called LivePaint) will cause the auto-created fill objects to extend to the paths, not just to the edges of their strokes. Then set the linework to overprint.
At any rate, if you are doing this professionally, you need to read up on the principles and practices of trapping and color separation.
JET

Similar Messages

  • Can we hide the lines between the columns and rows of an alv in wd abap

    HI all ,
      I know that we can colour cell/column/row in an alv in wd abap.
       but, can we hide the lines between the columns and rows of an alv in wd abap.
         i have checked this link [hiding lines b/n rows and columns of an  alv|http://help.sap.com/saphelp_nw04/helpdata/en/91/e7eb40c4f8712ae10000000a155106/content.htm]
         but didn't  understand, can please anybody provide some example or any material..? it will be very helpful.
                                                                         THANK  YOU.
    Edited by: arfat111 on Feb 15, 2010 7:05 AM

    Code some like this in the WDDOINIT method of your view which defines the ALV component as used component.
    instansiate the ALV component
    data lo_cmp_usage type ref to if_wd_component_usage.
    lo_cmp_usage = wd_this->wd_cpuse_usage_alv().
    if lo_cmp_usage->has_active_component() is initial.
       lo_cmp_usage->create_component().
    endif.
    data lo_interfacecontroller type ref to iwci_salv_wd_table.
    lo_interfacecontroller = wd_this->wd_cpifc_usage_alv().
    data lo_value type ref to cl_salv_wd_config_table.
    lo_value = lo_interfacecontroller->get_model().
    hide the grid lines
    lo_value->if_salv_wd_table_settings~SET_GRID_MODE( value = '01' ).
    Thanks,
    Abhishek

  • Setting the ALV Hierarchy tree with grid line between the columns and rows

    Hi Experts,
    I would like to ask if there is any suggestion on setting the ALV hierarchy tree to be separated by grid line between the columns and rows just like how it is display the same way in normal ALV grid.
    Thanks in advance.

    Hi Lin,
    The requirement which you have stated is not possible.
    Lin,
    Also i have a query regarding BADI ZME_PROCESS_REQ_CUST, which you had raised on SDN. You have marked the question as solved/answered.
    Changing the data of a customize field in purchase requisition
    Could you please let me know, the steps you did to update the screen fields through the BADI.
    I would really appreciate your reply, because i am facing exactly the same problem which you have mentioned.
    Thanks,
    Best regards,
    Prashant

  • Is there a way to trace a line between point A and B in a PowerMap

    Hi there,
    I have a simple question about PowerMap. Can I trace a line between points A and B? Please bear in mind that a workaround to create hundreds/thousands of points to simulate a line would NOT work for me (like this tutorial
    here -- this is a no-no for me).
    Any ideas if this is possible? If not, then consider it a feature request :-)
    Regards,
    P.

    Sorry but I think you are missing the point here.
    You added several yellow points to make this line. This isn't a line but a bunch of dots. I mentioned in my original question that unfortunately this is an unacceptable kludge for me.
    Consider this. you only have 3 to 5 of those dots, from Athens to Melbourne -- and I want a line between each one of those 3 to 5 dots, connecting them. NOT several dots that looks like a line -- that is cheating (and contra-productive in a real-life scenario)
    Regards,
    P.
    It's not possible. You can make feature requests using the Smile/Frown Feedback button in the UI.
    Thanks!
    Ed Price, Azure & Power BI Customer Program Manager (Blog,
    Small Basic,
    Wiki Ninjas,
    Wiki)
    Answer an interesting question?
    Create a wiki article about it!

  • Is it possible to remove the delimiting line between Bookmarks bar and Tab bar?

    I place the Tab bar between the Bookmarks bar and the page content area, as the attached image shows.
    Is it possible to remove the delimiting line between Bookmarks bar and Tab bar? I feel that line is redundant.

    Your Tab bar doesn't look standard.
    Did you check the code with the default theme if you currently use a custom theme?
    ''(note that you can still use the code with a smaller font size if you like the monospace font; I do prefer this to make it easier to click the mouse)''

  • Differences between liveCycle Forms and live Cycle Designer

    Good morning
    Someone tell me which is the difference between lliveCycle Forms and live Cycle Designer???
    Thank´s

    In a nutshell:
    LiveCycle Designer is a tool for creating PDF forms, form templates (XDP format) and form guides.
    LiveCycle Forms is a server side product for combining form templates and XML data to produce interactive PDFs or form guides.  It also can process submitted forms including extracting data from a template.  Forms can be combined with other LiveCycle modules to create a more complex document workflow.
    In other words:  You build the template with Designer.  You use Forms to merge the template with data and process user submissions.

  • How do I get rid of the white space between my header and my spry navigation bar?

    I have been grappling with a problem for the past 2 days and cannot seem to work my way around it. I have been working on a page in dreamweaver cs4 that seems to have whitespace between the header and my spry menu bar ONLY in Firefox. Google Chrome and Safari show it correctly. Could you steer me in the right direction for getting rid of that space. Here is the page: http://www.margaritascafe.com/margaritas_layout.html
    Here is my code and thanks in advance for your help:
    <!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>
    <link href="margaritastyles.css" rel="stylesheet" type="text/css" />
    <script src="Margaritas_temp_spry/SpryMenuBar.js" type="text/javascript"></script>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <link href="Margaritas_temp_spry/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper">
      <div id="header">
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1000" height="250" id="FlashID" tabindex="10" title="Margarita's Cafe header 2">
          <param name="movie" value="flash_movies/Margaritas Header 3.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="9.0.45.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" />
          <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="flash_movies/Margaritas Header 3.swf" width="1000" height="250">
            <!--<![endif]-->
            <param name="quality" value="high" />
            <param name="wmode" value="opaque" />
            <param name="swfversion" value="9.0.45.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- 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>
      </div>
      <div id="navigation">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="#">Home</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Menus</a>
            <ul>
              <li><a href="#">Lunch</a></li>
              <li><a href="#">Dinner</a></li>
              <li><a href="#">Cocktail</a></li>
              <li><a href="#">Take Out</a></li>
            </ul>
          </li>
          <li><a href="#">Photos</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Catering</a>
            <ul>
              <li><a href="#">Private Parties</a></li>
            </ul>
          </li>
          <li><a href="#">Reservations</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Reviews</a></li>
          <li><a href="#">Directions</a></li>
        </ul>
      </div>
      <div id="maincontentlayout3">Content for  id "maincontentlayout3" Goes Here</div>
      <div id="specials"><img src="png-gif-jpg/Tuesday Night Banner.jpg" width="200" height="70" alt="Margarita's Tuesday Night Special" /><img src="png-gif-jpg/Wednesday Banner.jpg" width="200" height="70" alt="Wednesday 2 for 1 dinner special at Margarita's" /><img src="png-gif-jpg/Thursday Banner.jpg" width="200" height="70" alt="Ladie's Night Thursdays at Margarita's Cafe" /><img src="png-gif-jpg/Friday Banner.jpg" width="200" height="70" alt="TGIF Happy Hour on Friday's at Margarita's Cafe" /><img src="png-gif-jpg/Sunday Banner.jpg" width="200" height="70" alt="Sunday Kids Eat Free at Margarita's Cafe!" /></div>
      <div id="footer"><img src="png-gif-jpg/Margaritas Facebook logo.png" alt="Facebook" width="40" height="25" align="absmiddle" /> <img src="png-gif-jpg/Margaritas Twitter logo.png" alt="Twitter Logo" width="40" height="25" align="absmiddle" /><img src="png-gif-jpg/merchantcircle_mini.png" alt="Merchant Circle Logo" width="63" height="25" align="absmiddle" /></div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"Margaritas_temp_spry/SpryMenuBarDownHover.gif", imgRight:"Margaritas_temp_spry/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    CSS:
    #navigation {margin-top: -3px;}
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Help with Live Paint - filling in part of an image

    I have imported a dfw image into illustrator. It's a black and white image of an object similar to the one below:
    I want to paint the areas around the perimeter of the image black so that it looks like it has a large black outline (the areas that contain the X's). I've been able to do it on a few but some of the images, when I open them, the live paint selects only inner areas that I don't want painted. I can't figure out how to change the paths to the ones I want.
    I import the image, select all, Object>Live Paiint>Make. Then I set the fill to black. In this example, there are 3 stripes on each pants leg and the only thing Live Paint will select is the outermost stripe. I've tried Object>LivePaint>Expand then reselect the Live Paint Buckeet and click the image when it says, "Click to make Live Paint Group" but nothing changesso that I can paint the desired areas.
    I've checked the image closely to ensure there are no breaks in the paths and I've just spent the last 4 hours reading instructions and watching videos but no help. I'm braind new ti Illustrator and must be missing something bassic but don't know what. Any help would be appreciated. I'm stumped.

    I should have posted this hours ago. As soon as I did I found the answer. For anyone else with this problem, Select the image then, before using the Live Paint Bucket, select Object>Flatten Transparacy. Then, when you select the live paint bucket, it will ask for you to set the paths and after you do, it'll work just fine.

  • Pages won't break line between quote mark and parenthesis?

    Working on a manuscript in Pages, I find it won't do a line break between a quote mark and a parenthesis. For instance, there is the following text string:
    Buddha” (buddhavacana)
    Pages insists on keeping this string together, even if there's plenty of room on the previous line for the word Buddha” -- it will space out the previous line horribly to keep these two words together. If I remove the close-quote ” (which can be either a typewriter-style quote mark or curly), or the open parenthesis before the next word, it moves Buddha to the previous line. Doesn't matter what the words are, either; it can be:
    xxx” (xxxxxxxxxxxxxx)
    When I go to another paragraph and add a close quote to a word at the end of a line, then an open parenthesis to the word at the beginning of the next line, suddenly they're stuck together, both moved to the second line, leaving the first line grossly spaced out.
    If there's both a quote mark and an open parenthesis (even though they are separated by a space, thus should break between them when appropriate), Pages insists they have to stay together. The only way I can separate them is by putting a paragraph break (return) between them, which causes other problems.
    Anyone have any idea why this happens, if Pages can be told not to do it?

    I wrote about that because I was surprised to get a closing curly one when I typed a straight one just after the word buddha.  I assumed, wrongly, that, as there was no opening double quote before, I would get an opening one.
    I understood later that the app decipher the typed char as a kind of apostrophe which is highly surprising when the app is running in French. The English curly quote buddha” may make sense (I'm not convinced that it really does) but the French chevron buddha» doesn't.
    Forcing the opening char:
    buddha“ or  buddha«gave the same behavior which I thought to be odd.
    I know that it's not a common practice but when I study a behavior, I try to examine it in all its aspects.
    Back to what make or doesn't make sense, I understand the behavior of buddha’ but not the buddha” 's one.
    I never saw a double quote used as an apostrophe character.
    So, I will file a report to Bugs Hunters.
    Yvan KOENIG (VALLAURIS, France) samedi 28 mai 2011 17:48:37
    iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.7
    Please : Search for questions similar to your own before submitting them to the community
    To be the AW6 successor, iWork MUST integrate a TRUE DB, not a list organizer !

  • How to bind the Zero line between a primary and secondary Y axis?

    All -
    We are using combination charts with:
    - primary and secondary Y axis (Sales versus Volume).
    - Scale: Auto (Y) Axis
    - Linear
    - Fixed Label Size
    In instances where one axis has a negative value and the value ranges are diverse the Zero line will be different for both. This causes some confusion when trying to read. Other that putting in manual (Y) axis with min and max, is there a way to force the chart to keep the same Zero line?
    Thanks!

    KOENIG Yvan wrote:
    It's quite a basic requirement for a spreadsheet program
    It's your point of view. It seems that it's not the designers's one
    Obviously, true
    The number of different features described once as "a basic requirement" is really amazing but a feature asked once is perhaps not one which must be added to a program like Numbers.
    Other tools are available for professional numbers crunchers .
    I know there are other threads asking about secondary axes, but your point is taken. I'm definitely not a number cruncher, but I am/was a pretty advanced Excel user.
    _Go to "Provide Numbers Feedback" in the "Numbers" menu_, describe what you wish.
    Then, cross your fingers, and wait _at least_ for iWork'09
    Thanks for that, I didn't quite know where to go for the feedback - provided and fingers crossed.
    Cheers!

  • Edging problem "thin white line" between paths in Illustrator CS4...

    I am making a map of Europe with Illustrator CS4 for a documentary about WWI and how the Versailles Treaty carved up imperial Germany. After having traced imperial Germany before Versailles, I then carve out the territories given to neighboring states. The problem is these very fine white lines that appear between paths.
    I have two paths right next to each other. But for some reason I see this very thine white line gap that shows up between them and becomes much more evident when I export into Photoshop. Please notice this very fine white line in the black image. What you see in this image are in fact two paths side by side. There should be no line between them. And I have no idea why this very fine line appears but it gets much worse in Photoshop much more noticeable. Please click on image to see the line more clearly.
    Thank you very much in advance for any help or suggestions.
    - Nick

    Dear Jacob and Peter,
    Thank you both very much for your help.
    Please see these photos showing my problem more clearly.
    I am using Illustrator to draw the regions, Photoshop to consolidate the layers, and Apple Motion 4 to build my animation.
    [1] : Imperial Germany in 1914.
    [2] : Germany after Versailles.
    In Illustrator CS4, the images [1] and [2] have the colored layers in "Multiply" transparency mode. It's how I want the layers to look when I import them into Apple Motion 4.
    My idea was to color all the layers black in "Normal" mode and then apply "colorize" filters in Motion 4 and set the transparency to "multiply" in Motion.
    Now with Imperial Germany (all layers colored in black with transparency set to "Normal"), when I bring the image into Photoshop, I suddenly get very fine white lines between the layers and these lines show up in Motion which is the big problem. Like I said, when you click on this last photo, and you see the image full size, you can clearly see the problematic lines which appear exactly where the layers touch each other. In the photo below, the territories ceded to Poland (West Prussia) and Lithuania (Memel) are not yet red. They are still black but you can see the lines.
    I don't understand because in Illustrator there were no gaps whatsoever between the layers. In Illustrator CS4, I simply cut the "territorial losses" from imperial Germany using the "Trim" function in the Pathfinder Menu. I created the red and yellow layers from the original single "imperial Germany" layer. In Illustrator I can colorize all the layers black and still never see any gaps. The fine white lines, appear in Photoshop and in Motion.
    (NOTE: The documentary is being in edited in Final Cut Studio which is why I use Motion for animating.)
    Sorry to ramble on. Thank you again for any further help you can give me.
    - Nick

  • Horizontal separator line between masthead and tool area

    hi all
    we have customized the portal masthead with our own background image and all.
    however the masthead looks fine in IE but in Mozilla it puts a white horizontal line between the masthead and tool area and since our tool area background is not white it looks wierd.
    any ideas how i can fix that.
    thanks

    Rather than use one of the selection tools, try selecting the object with a mask. With the mask you can hide by painting with a black brush, reveal (and correct) with a white brush. I use PSEv.8, so I have to hijack the mask from an adjustment layer, but your version of the program has a mask buit in.
    Here is a stock photo of a brick wall for demonstration
    http://www.pixentral.com/show.php?picture=1bPkncRl9f24RslkWKdP0NyaYIt9N1
    Try this:
    Open you picture file
    Duplicate the background layer
    Convert the background copy layer to black/white
    Apply the mask. Left click on the mask
    Paint with a black brush where you want to reveal the color. If you go too far, correct with a white brush

  • Database Firewall in-line between clients and database not working

    I’m trying to configure a Standalone Database Firewall in-line between the clients and the protected database so it can block some statements. I’ve followed the Installation Guide and the Administration Guide, but can’t get it working. I’ve configured one Enforcement Point with one Protected Database.
    I’ve configured Database Firewall with three Ethernet cards:
    eth0 is used for Management (IP. 192.168.1.81)
    eth1 and eth2 are associated with Bridged interface br0
    The protected database is listening in 172.16.40.3:1521.
    The clients are in subnet 192.168.1.x.
    I’ve configured the Traffic Source br0 with the IP 172.16.40.2 and is enabled as the Traffic Source in the Enforcement Point.
    In the configuration file appliance.conf corresponding to the Enforcement Point, I’ve seen the parameter PROXYPORT=1534, so I understand the clients should connect to this port in Database Firewall in order to access the protected database. Is this assumption correct? Is the configuration I’ve done correct? Are there any additional configuration steps that should be made? Is there any documentation about this configuration files?
    Thanks,
    Pablo

    For in-line blocking mode to work out of the box it is necessary that DB Client's IPs (as they are seen in DBFW), br0 and DB IP are all on the same subnet. If this is not the case you would need to fiddle with routing on the DBFW manually which you are discouraged to do because it's unlikely to be persistent, work correctly after upgrades etc... DBFW is not intended to be a router although it can be made to perform this function. In general I would advise you to stay within the supported configuration and just make sure you network infrastructure is ready for DBFW deployment. IE make sure all these IPs are on the same subnet

  • How to switch lines of family plan between AT&T and Verizon?

    I have a family plan with Verizon, with three lines. My friend has a family plan with AT&T, also with 3 lines of service. We'd like to switch one line between AT&T and Verizon, i.e. - move one of the lines from AT&T to Verizon, and another line from Verizon to AT&T. What's the best way to accomplish that?
    Thanks!

    If you add a line and add a new device with a two year contract, it will affect only that one line - the other lines on the plan all have their own contract/end dates, based on when and what phone was last purchased for that line.
    If you add a line and  "bring your own device" (a phone purchased full retail or from a private party) there will be no contract on that line.
    If you are adding the line and want it to have the AT&T number, then you  might need to get Customer service involved to be sure the ported number is assigned to the correct line.  You can get a temporary number assigned until the port is actually done.

  • 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">
    <!--
    body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and
    padding of the body element to account for differing browser
    defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5*
    browsers. The text is then set to the left aligned default in the
    #container selector */
    color: #000000;
    .oneColElsCtrHdr #container {
    width: 46em; /* this width will create a container that will
    fit in an 800px browser window if text is left at browser default
    font sizes */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a
    width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center
    on the body element. */
    .oneColElsCtrHdr #header {
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    background-color: #FFFFFF;
    .oneColElsCtrHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the
    #header div will avoid margin collapse - an unexplainable space
    between divs. If the div has a border around it, this is not
    necessary as that also avoids the margin collapse */
    padding: 0px 0; /* using padding instead of margin will
    allow you to keep the element away from the edges of the div */
    .oneColElsCtrHdr #mainContent {
    background: #FFFFFF;
    padding-top: 0;
    padding-right: 0px;
    padding-left: 0px;
    .oneColElsCtrHdr #footer {
    padding: 0 10px; /* this padding matches the left alignment
    of the elements in the divs that appear above it. */
    background:#DDDDDD;
    .oneColElsCtrHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in
    the footer will avoid the possibility of margin collapse - a space
    between divs */
    padding: 0px 0; /* padding on this element will create
    space, just as the the margin would have, without the margin
    collapse issue */
    .style4 { font-family: "Fiolex Girls", "Arial Narrow";
    color: #FF0000;
    font-size: xx-large;
    font-style: italic;
    .style6 {color: #FF0000}
    .style7 { color: #000000;
    font-size: x-small;
    .style9 {color: #FF0000; font-family: Arial, Helvetica,
    sans-serif; }
    -->
    </style>
    <script src="SpryAssets/SpryMenuBar.js"
    type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css"
    rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    #apDiv1 {
    position:static;
    width:525px;
    height:250px;
    z-index:1;
    float: left;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-top-width: thin;
    border-bottom-width: thin;
    border-color: #000000;
    #apDiv3 {
    position:static;
    width:500px;
    height:0px;
    z-index:1;
    left: 465px;
    top: 410px;
    float: right;
    .style14 {
    font-size: medium;
    font-style: italic;
    font-weight: normal;
    .style15 {font-size: small}
    -->
    </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">
    <!--
    #apDiv7 {
    position:static;
    width:737px;
    height:0px;
    z-index:2;
    bottom: 0px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    .style16 {font-size: x-small}
    -->
    </style>
    <!-- Do not remove the line below!!! It is required for
    the XML Flash Slideshow v3. -->
    <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><!-- end #header -->
    </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">&quot;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&quot;</span></pre>
    </div>
    </div>
    </div>
    <pre> </span>
    </pre></pre>
    <p><!-- end #mainContent -->
    <br>
    <pre>
    </pre>
    <div id="apDiv7"></div>
    <div align="center">
    <pre><!-- Begin XML Flash Slideshow v3 -->
    <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>
    <!-- End XML Flash Slideshow v3 -->
    </pre>
    </div>
    <pre> 
    </pre>
    <pre> </pre><!-- -->
    <pre> </pre>
    </div>
    <div id="footer">
    <p>Footer</p>
    <!-- end #footer --></div>
    <!-- end #container --></div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
    {imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
    imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </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

Maybe you are looking for

  • Logging Time issue with Job running under SYS.MAINTENANCE_WINDOW_GROUP

    Hi, We have configured a nightly job to run daily at 2:00 AM And configured the Job to run under Sys,maintenance_window_group. The nightly job is producing some log(trace) files in the format <date-time> message the <date-time> entry is made as UTL_F

  • Macbook vs Macbook Pro - confused

    Was going to buy my daughter a Macbook. Bump it up to 4GB of RAM and add Apple Care. Total cost: £1,020.00 Then I checked out the 13" Macbook Pro. Comes with 4GB of RAM by default. Comes with 320 GB storage by default (Macbook comes with 250 by defau

  • How do you delete un-necessary networks from wifi list?

    On my Droid 2, I go to Settings/Wireless & networks/Wi-Fi settings/Manage Networks (at bottom of list). On that screen it says "To conserve battery, delete un-necessary networks from the list." Great advice -- but how do you do it? I went back to the

  • HP Laserjet 5200- Ethernet- Network host is busy - problem

    Hi I just bought an HPLaserjet 5200 GN. I got it up and running and it prints its test page fine and the mac seems to see the printer when I check the system profiler but alas it wont print. I get the response: attempting to connect to host on port 9

  • Duplex printing on P1505

    How do I print a 30 page doculement duplex? Do I have to manually load the pages in reverse order so I dont get page 1 followed by page 30, 3 followed by 28?