Gap between the sum and more general

We will look after the operation:
CREATE TABLE zzz_null_test AS SELECT 1 double value;
INSERT INTO zzz_null_test 2 SELECT double value;
INSERT INTO zzz_null_test double Value SELECT NULL;
COMMIT;

Can someone tell me why we get the result different by the following statement:
SELECT MySQL zzz_null_test; -Out 3
SELECT 1 + 2 + value NULL FROM dual; -The result will be 0

Thank you
Suresh

The aggregate SUM, with many others, function ignores NULL values and calculates their results based on the KNOWN VALUES.

However,.

SELECT 1+2+NULL FROM DUAL

Produces a null result (zero not named) because when you add something to a stranger (NULL) you get an unknown value (NULL).

Quote from the documentation

All except COUNT (*), and GROUPING aggregate functions ignore NULL values. You can use the NVL function in the argument of an aggregation function to substitute a value for a null value. COUNT never returns null, but returns a number or zero. For all remaining aggregate functions, if the data set has no rows, or contains only the rows with NULL values as arguments to the aggregate function, then the function returns null.

Tags: Database

Similar Questions

  • Gap between the left and right columns. Both floated and checked the meansurements. Help!

    Gap between the left and right columns. Both floated and checked the meansurements. Help!

    Nancy - I think I might have fixed. I'll get back to you. Thank you very much for answering. Sometimes I feel so lonely there.

  • Gap between the header and spry menu bar (school project)?

    Hello I have a project for school and they want me to a dw premade layout html, with a header image, and a spry menu bar located in the header. Which I did, but there is this small gap between the header image and the spry menu bar and the header that I can't get rid of. There is no additional line break tag or paragraph in there, I have NO idea what is wrong, please help if you know. Thank you.

    Joint below is code html and css. Sorry there all text in dw premade in there too. Basically, I have also attached the css external to the spry menu bar, and the page just in case.

    <! DOCTYPE HTML >

    < html >

    < head >

    < meta charset = "UTF-8" >

    < title > Rapids Transit - Buffalo River Outfitters < /title >

    < link href = "css/rapids_transit.css" rel = "stylesheet" type = "text/css" > "

    < style type = "text/css" >

    <!--

    {body

    Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.

    Background: # 42413;

    margin: 0;

    padding: 0;

    Color: #000;

    }

    / * ~ ~ Tag of the element selectors ~ ~ *.

    UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here 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;     / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */

    padding-right: 15px;

    padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */

    }

    an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

    border: none;

    }

    / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

    a: link {}

    color: # 42413.

    text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

    }

    a: visited {}

    color: #6E6C64;

    text-decoration: underline;

    }

    a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

    text-decoration: none;

    }

    / * ~ ~ This container fixed-width surrounds the other div ~ ~ * /.

    . Container {}

    position: relative;

    Width: 960px;

    Background: #FFF;

    margin: 0 auto; / * set to auto on the sides, coupled with the width, the layout centres * /.

    }

    / * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.

    . Header {}

    background-color: #fff;

    padding-right: 5px;

    padding-left: 5px;

    }

    / * ~ ~ It's layout information. ~~

    (1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

    */

    . Happy {}

    padding-top: 10px;

    padding-right: 0;

    padding-bottom: 10px;

    padding-left: 0;

    }

    / * ~ ~ Footer ~ ~ * /.

    .footer {}

    padding: 10px 0;

    background: #CCC49F;

    }

    / * ~ ~ various float/clear classes ~ ~ * /.

    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */

    float: right;

    left margin: 8px;

    }

    .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */

    float: left;

    right margin: 8px;

    }

    .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}

    Clear: both;

    height: 0;

    font size: 1px;

    line-height: 0px;

    }

    ->

    < / style >

    < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "

    < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" > "

    < style type = "text/css" >

    {#river_level}

    position: absolute;

    left: 500px;

    top: 325px;

    Width: 245px;

    height: 80px;

    z-index: 1;

    background-color: #ffcc33;

    border-top-style: inset;

    border-right-style: inset;

    border-bottom-style: inset;

    border-left-style: inset;

    border-bottom-color: #960;

    border-right-color: #960;

    border-bottom-color: #960;

    border-left-color: #960;

    text-align: center;

    do-family: Verdana, Geneva, without serif.

    font-size: medium;

    }

    < / style >

    < / head >

    < body >

    < div class = "container" >

    < div class = "header" > < a href = "#" > < img src = "assets/rt_banner.jpg" alt = "Banner Rapids Transit" width = "950" height = "120" / > < / a > "

    < ul id = "MenuBar1" class = "MenuBarHorizontal" >

    < li > < a href = "index.html" > home < /a > < /li >

    < li > < a href = "guides.html" > our Guides < /a > < /li > ""

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

    < li > < a href = "lodging.html" > Lodging < /a > < /li > ""

    < li > < a href = "before.html" > Before You Go < /a > < /li > ""

    < /ul >

    <! - end .header - > < / div >

    < div class = "content" >

    < p align = "left" class = "body_text" > welcome to rapid Transit. We are a rental service and canoe river guide located on the banks of the beautiful Buffalo River to Gilbert (Arkansas). We also offer kayak and raft rental. Our experienced guides will be pleased to offer trips on the river suitable for all levels - from beginner to expert. They will also be pleased to accompany you all the way! Stop at our country store and pick up your picnic supplies in the process of disappearance. We will even Pack it for you in airtight containers. (Just a precaution!) Call us to make your reservations. < /p >

    < p align = "left" class = "contact_info" > Rapid Transit < br / >

    Highway 55 North < br / >

    Gilbert, Arkansas 75497 < br / >

    (555) 365-5228 < br / >

    < a href = "mailto: " [email protected] ' > Mike Andrew < /a > < /p > .

    < h1 > < / h1 >

    <! - end content - > < / div >

    < div class = "footer" >

    < p > < em > Copyright 2000 - 2012 < br / >

    Last updated on

    <!-#BeginDate format: Am1-10 April 2012 > <!-#EndDate->

    You < /i > < / p >

    <! - end .footer - > < / div >

    <!-end .container-> < div id = "river_level" > current River Conditions: < br >

    good floating today < br >

    with a few spots of class II < / div > < / div >

    < script type = "text/javascript" >

    var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})

    < /script >

    < / body >

    < / html >

    -------------------------------------------------------

    ALSO, HERE IS MY EXTERNAL STYLESHEET

    {.body_text}

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: normal;

    }

    {.paragraph_header}

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: normal;

    make-weight: bold;

    color: #036;

    }

    {.contact_info}

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: italic;

    Color: #000;

    }

    -----------------------------------------------------

    HERE'S MY SPRY MENU BAR CSS TOO

    @charset "UTF-8";

    / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

    / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

    /*******************************************************************************

    The AVAILABLE INFORMATION: Describes the box model, positioning, the order

    *******************************************************************************/

    / * The outermost container for the menu bar, an area of width auto without margin or padding * /.

    UL. MenuBarHorizontal

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 14px;

    cursor: default;

    Width: auto;

    do-family: Arial, Helvetica, without serif.

    }

    / * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */

    UL. MenuBarActive

    {

    z-index: 1000;

    }

    / * Menu item containers, position of children relative to this container and are a fixed width * /.

    UL. MenuBarHorizontal li

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    position: relative;

    text-align: center;

    cursor: pointer;

    Width: 190px;

    float: left;

    height: 25px;

    }

    / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

    UL. MenuBarHorizontal ul

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    z index: 1020;

    cursor: default;

    Width: 8.2em;

    position: absolute;

    left:-1000em;

    }

    / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

    {

    left: auto;

    }

    / * Container of menu items are same fixed width parent * /.

    UL. MenuBarHorizontal ul li

    {

    Width: 8.2em;

    }

    / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

    UL. MenuBarHorizontal ul ul

    {

    position: absolute;

    margin:-5% 0 0 95%;

    }

    / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

    {

    left: auto;

    top: 0;

    }

    /*******************************************************************************

    INFORMATION DESIGN: Describes the set of colors, borders, fonts

    *******************************************************************************/

    / * Submenu containers have borders on all sides * /.

    UL. MenuBarHorizontal ul

    {

    border: 1px solid #CCC;

    }

    / * Menu items are a light grey block with padding and no text decoration * /.

    UL. MenuBarHorizontal a

    {

    display: block;

    cursor: pointer;

    background-color: #2E9712;

    Padding: 0.5em 0.75em;

    color: #fff;

    text-decoration: none;

    }

    / Components menu that have mouse over or focus have a blue background and white text * /.

    UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

    {

    background-color: # 33;

    color: #FFF;

    }

    / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

    UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

    {

    background-color: #3FA7A8;

    color: ##ffffff;

    }

    /*******************************************************************************

    Submenu INDICATION: styles if there is a submenu in a given category

    *******************************************************************************/

    / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

    UL. MenuBarHorizontal a.MenuBarItemSubmenu

    {

    background-image: url (SpryMenuBarDown.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

    UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

    {

    background-image: url (SpryMenuBarRight.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

    UL. MenuBarHorizontal a.MenuBarItemSubmenuHover

    {

    background-image: url (SpryMenuBarDownHover.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

    UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover

    {

    background-image: url (SpryMenuBarRightHover.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    /*******************************************************************************

    BROWSER HACKS: hacks below should not be changed, unless you are an expert

    *******************************************************************************/

    / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.

    UL. MenuBarHorizontal iframe

    {

    position: absolute;

    z index: 1010;

    Filter:alpha(opacity:0.1);

    }

    / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.

    @media screen, projection

    {

    UL. MenuBarHorizontal li. MenuBarItemIE

    {

    display: inline;

    f\loat: left;

    Background: #FFF;

    }

    }

    Add the below css to your styes css selector:

    . Header img {}

    display: block;

    }

    Change your padded 30px high 'content' css selector and also include clear: both; (as shown below).

    . Happy {}

    padding-top: 30px;

    padding-right: 0;

    padding-bottom: 10px;

    padding-left: 0;

    Clear: both;

    }

  • Why is there a gap between the banner and navigation bar?

    Hi gang,.

    I hope someone can help me. I tried a new layout, but cannot work out why space appears between the banner and navigation bar.

    It seems (at least for me) fill and margins are reset to zero, so I do not understand.

    The url of the temporary page is www.iainmoran.com/new.html

    Thank you very much in advance for your time.

    Iain.

    In your attempt to css:

    #masthead img {}

    display: block;

    }

  • Published site has a huge gap between the content and the footer

    So I just publish my site and when I watch it after be published, I got a good gap 2 inches between the bottom of the content and the footer.

    I read on a number of bits and pieces and they tell you Colin have a container hidden on the pages that I accepted it completely so I looked and nothing. I thought then it might be a problem with the master page I used, then verified that. Could not see it.

    However when I looked through my site and saw the master pages, I used, I had a mix and some worked and some didn't. IM lost!

    I launch the Sam and is a bit of a pain. Someone had this problem? The preview looks perfect, not sure where this gap comes so im.

    Thanks in advance!

    Hello

    Please check if you have "Sticky footer" option enabled in the properties of the Site.

    If so, please uncheck and then preview your site in a browser.

    In case there still this gap, please provide us with the URL of your Web site so that we can have a look at the issue.

    Kind regards

    Sachin

  • How to remove the gap between the text and the box of the accordion?

    See example screenshot of dutchpoetpress.com:

    Example of unwanted gap.png

    Check it please for text overflow, also if there is no empty block or overlapping frame accordion that remove and check.

    Thank you

    Sanjit

  • Horizontal margin/gap between the rank of masthead and buttons

    Hello.  I am new to Dreamweaver CS3 V9.0 and creates a sample page (on an iMac using OSX 10.5.6).) The page seems to work as expected (bearings, a flash loop, etc.) while watching in Safari (v3.2.1) on a Mac, but things seem out of sorts in IE8 on a PC. What's wrong with my code that would create this large "gap" between the header and the touch line (and why aren't my load and preview Flash files)?  Enclosed please find the link to these files and I thank you in advance for any advice you can offer.

    Thank you, too.

    -- 
    
    E. Michael Brandt
    
    www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions
    
    www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia
    
    --
    
  • Help with gaps between the objects.

    Hi, I'm relatively new to illustrator and I have problems to do something very simple, it's probably me who is the cause I guess but I was not able to fix it with the use of Google as I do usually with I had problems.

    First of all here a picture of my problem:

    http://i.imgur.com/HtIj3.PNG

    I want the red boxes to be in contact with the black line, but no matter what I try, there is always the small gap between the decoder and the black line. I tried to keep the CMD and dragging an anchor/path of the box on the path of black lines, but when I release it snaps there where she is now, with the gap.

    The bottom box is very close, but still, there is a slight difference.

    It's a setting somewhere, I need to change? Everything is currently lacking.

    It's really annoying me now so any help would be appreciated, thanks in advance.

    While I agree with Steve and Silkrooster that in this case you don't need 3 objects, in general, you should be able to break the edges of different objects. Probably you have snap to grid of pixels. You can disable it in the transformation Panel when you select your object. New objects, to disable it in the transformation Panel menu.

  • Spacing between the image and the text

    Hello!

    I can't find how to increase the gap between the image and the text. Here is the picture that will explain what I mean:

    2016.01.03_18h12m23s_004.jpg

    Thanks for the reply and your help.

    Kind regards

    Hrvoje

    Open the text wrapping Panel (window > text wrapping) and you will see the distance adjustment controls.

  • I'm getting white gaps between the black contour lines and color fill on laser printer

    I'm getting white gaps between the black contour lines and color fill on laser printer

    You're welcome, Calotypist.

    Illy prefer PostScript because it gives you a reliable/complete (more) reproduction (depending on the version, you can also see (more) complete print failure).

    With a PDF basically tell you the printer where to put the points/tasks. Without it, the printer (pilot) has to figure (some) outside.

    If you can get one for the printer in question, a printer PostScript (emulation) driver will leave you direct printing.

  • U2415, around the gap between the Windows desktop and the edge of the monitor (bezel)

    Hello

    I have a Dell Ultrasharp U2415. I've read all the FAQS and I know I have to perform the SUBMISSION, but before doing so, I just want to know if it is normal to have a gap between the Windows desktop and the edge of the screen. If the Windows desktop is not covering or fill the entire screen. There all around the smaller than a 1/4 "gap between the edge of the windows desktop on the edge of the bezel of the monitor, and this model has almost no bezel. The graphics settings in Windows 10 are set to use the native resolution of 1920 x 1200 monitor. I tried with different computers (all windows 10), and the drivers are up to date. The monitor is connected via HDMI since I don't have portable computers not with DP interfaces. Laptop computers have Intel and ATI video cards. I have check the put option to scale on the video card software and it is set to 100%. So, is this gap normal? Is the edge Office Windows 10 supposed to touch the physical edge of monitors?  If the gap is not normal, I will perform the integrated test.

    TIA!

    Based on the YouTube comments, which seems to be normal. "But you must run the APPLICATION to see if the"smaller than 1/4"gap" appears. If Yes, then we can say that it is normal. If this is not the case, then some settings of the operating system is the culprit.

  • Can I change my 8600 more print quality settings in a framework between the project and normal

    Officepro 8600 more

    Windows 7 32 bit

    How can I print 'between' projects and normal settings?

    I'm sorry you say crhfool, but there is no option between the 'Project' and 'Normal' on the 8600. The three main choices that you are 'Project', 'Normal' and 'Best '. They determine the density of 'points' by your inkjet printer, and the printer will always default to the setting chosen.

    I hope this information is useful!

  • What are the relationships between the logging and IKM?

    What is the best method to use in the following scenario:
    I have about 20 tables with the large amount of data sources.
    I need to create interfaces that join the source tables in target tables.
    The tables are inserted every few seconds with about hundreds of thousands lines.
    There may be a gap of a few seconds between the insertion of different tables that could be attached.
    The source and target tables are on the same Oracle instance and schema.
    I want to understand the role of: 'Logging CDC' and "IKM - incremental" and
    How can I use it in my script?
    In general, what are the relationships between "Logging" and 'IKM '?
    Use both? Or maybe it's better deelte and insert the target tables?

    I want to understand what is the role of "Logging CDC"?
    Can 'IKM - incremental' work without "logging"?
    Must 'Logging' have PK on the tables?
    What should I do if I can't say PK (there may be several identical lines)?

    Yael thanks in advance

    user604062 wrote:
    Hello
    Thanks for your quick response!

    No probs - its still fresh in memory I did a major project on this topic last year (400 tables, millions of lines per day (inserts, updates, deletes), sup-5 minute latency). The problem is it isn't that well written on the web, that you have read the blog of the example I linked to in my first answer? See also here: http://odiexperts.com/changed-data-capture-cdc/

    Always on logging:
    My source table is inserted all the time.
    The interface to join the source table in the target table.

    In ODI, the correct term would be your source table "fits" in the table target, unless you mean literally that want to join the the source with the taget table table? My question if you want to do with the result of the join?

    What exactly the "journaling" CDC updates?
    It updates the model of ODI? interfaces? The source of data in the model of ODI? The target table?

    Logging CDC configures and deploys the data capture mechanism (Triggers or log based capture, IE Logminer/streams/Goldengate) - it is not updated the model as such, she pointed out the metadata of the model of ODI repositoty as a CDC data store, allowing you, the developer say ODI to use log data if you wish (reported in the interface) There is no change in the target table, you get an indicator of metadata (IND_UPD) against a line during the integration (in C$ and I have tables$) that tells you if its insertion (I) and update (U) or deletion (D). It had ' lines allow you to synchronize the deletions, but yoy say its inserts only then you probably used use this option. "
    So the only changes are the source table to your interface, another diary data (if you use logging) or the table of the actual source (if not using the logging).

    This is the main thing that I don't understand!

    I hope I made a little clearer.

    Try the following as a quick test:

    Reverse a source table an engineer and the target (at least) table.
    Import the update incremental LKM and IKM.
    Import of the JKM you want to use.

    Create an interface between the source and the target without any deployed JKM.
    Configure the options of JKM on the model, the "Start log" to start the process of capture - this is quite a complex stage and a lot of things to understand what is happening in the source database, better to check code ODI sends to the database and to review the documentation of Oracle database for a description of what his weight (instantiate Tables (, sets of creating change, creation of subscribers etc. establishment of newspaper groups, creating views Journalising etc.) -you will need to consult your Source DBA database initially as ODI wants to make many changes to the source DB (in mode Archivelog process max, parallelism, size, Java etc.)

    Now, edit your interface and mark the table source for use "Journalized data bank.
    Restart your interface
    Compare the difference in the generated code in the journal of the operator, see the differences of the operator.

    >

    Thank you, Yael

  • Strange gaps in the header and footer

    Im getting gaps in the header and the footer on some of my pages.  Sometimes, the gaps are filled with the background color of the column and other times they are the color of the body that is even stranger.  An example would be http://www.mojogar.com/pcRepair.aspx .  In IE8, I get a gap on the top but not the bottom.  In Firefox3, the gap is on the bottom and not the top.  ???

    This is the page for markup;  (followed by the CSS)

    < % @ Page Language = "VB" ContentType = "text/html" percent >
    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
    "< html xmlns ="http://www.w3.org/1999/xhtml"> <!-InstanceBegin template="/Templates/masterOne.dwt.aspx ' codeOutsideHTMLIsLocked = 'false'->
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    <!-InstanceBeginEditable name = "doctitle"-->
    < title > Untitled Document < /title >
    <! - InstanceEndEditable - >
    <!-InstanceBeginEditable name = "head"->
    <! - InstanceEndEditable - >
    < link href = "thrColHybHdr.css" rel = "stylesheet" type = "text/css" / > <!-[if IE] > "
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 {padding-top: 30px ;}}
    .thrColHybHdr #mainContent {zoom: 1; padding-top: 15px ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
    < link href = "SpryAssets/SpryMenuBarVertical.css" rel = "stylesheet" type = "text/css" / > "
    < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
    < / head >

    < body class = "thrColHybHdr" >


    < div id = "container" >
    < div id = "header" >
    <!-end #header->
    < div class = "fltlft" > < img src = "images/mojoLogoSmall.png" alt = "digital Mojogar design & amp; PC repair' width = '172' height = '41' border = '0' well = "#Map" / >
    < name of the map 'Map' id = 'Card' = >
    < area shape = "rect" coords = "2,2,172,39" href = "default.html" target = "_self" alt = "House Mojogar" / > "
    < / map >
    < / div >
    < div class = "fltrt" > <!-InstanceBeginEditable name = "HeadRight"-> HeadRight <! - InstanceEndEditable - >

    < / div >
    < div class = "MenuVertDiv" >
    < ul id = "MenuBar2" class = "MenuBarHorizontal" >
    < li > < a class = "MenuBarItemSubmenu" href = "#" > < /a > Design
    < ul >
    < li > < a href = "webDesign.aspx" > Web < /a > < /li > design ""
    < li > < a href = "webDev.aspx" > creating websites < /a > < /li >
    < li > < a href = "logo.aspx" > creation of Logo < /a > < /li >
    < /ul >
    < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Animation
    < ul >
    < li > < a href = "webDev.aspx" > Animation Flash < /a > < /li > ""
    < /ul >
    < /li >
    < li > < a class = "MenuBarItemSubmenu" href = "#" > Support < /a >
    < ul >
    < li > < a href = "pcRepair.aspx" > PC Repair < /a > < /li > ""
    < li > < a href = "virus.aspx" > Virus < /a > < /li > ""
    < li > < a href = "email.aspx" > Email < /a > < /li > ""
    < li > < a href = "backup.aspx" > backup data < /a > < /li > ""
    < li > < a href = "wireless.aspx" > wireless < /a > < /li > ""
    < li > < a href = "software.aspx" > software < /a > < /li >
    < li > < a href = "hardwareInstall.aspx" > hardware < /a > < /li > ""
    < li > < a href = "server.aspx" > repair of server < /a > < /li > ""
    < li > < a href = "busConsult.aspx" > Consulting < /a > < /li > ""
    < /ul >
    < /li >
    < li > < a href = "contact.aspx" > Contact < /a > < /li > ""
    < /ul >
    < / div >
    <! - end header - > < / div >

    < div class = "masterBackground" >
    < div id = 'sidebar2' >
    <!-InstanceBeginEditable name = "rightSidebar"->
    < div id = 'sidebar2' >
    < h4 > when your computer is having problems, have a professional to look over your system to update or repair your operating system, programs installed verification and search for viruses and other malware. < / h4 >
    <!-end #sidebar2->
    < / div >
    <! - InstanceEndEditable - >
    <!-end #sidebar2->
    < / div >

    < div id = "mainContent" >
    <!-InstanceBeginEditable name = "main"->
    < div id = "mainContent" >
    < div class = "MarginTopZero" >
    < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase ="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9, 0,28,0" width = "580" height = "300" title = "Computer Support" >
    "< param name ="movie"value="images/flash/PCCollage.swf "/ >
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    "" < embed src="images/flash/PCCollage.swf" quality = "high" wmode = "opaque" pluginspage = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type = "application/x-shockwave-flash" width = "580" height = "300" > < / embed > "
    < / object > < / div >
    < h2 > don't not feel lonely when your computer stops.  Computer problems can leave you in the dark about what is wrong.  Help is a call away. < / h2 >
    < h4 > our repair and tune-up service consists of the following: < / h4 >
    update the < /li > < li > operating systems
    updates of operating system < h5 > help the security of the computer and can add features that the manufacturer has worked to make life easier end-user.  Updates as often as every week couple come out on some operating systems. < / h5 >
    audit of programs < li > < /li >
    < h5 > many < a href = "software.aspx" title = "go to our software page" target = "_self" > < /a > applications added over time and can slow down the performance of any PC taking the resources processor and memory, not to mention the hard drive space. " < / h5 >
    < li > Security overlook < /li >
    < h5 > < a href = "virus.aspx" target = "_self" > < /a > anti-virus definitions must be kept up to date. "  Malware, spyware, Trojans and new viruses are always introduced in nature (the internet is a jungle).  Antivirus applications must be updated as well.  Subscriptions to paid suppliers can expire and updates may be trolling for months or even years (I saw happen). < / h5 >
    < li > anti-virus fine tuning < /li >
    < h5 > a lot of antivirus programs is swollen applications and will not stop annoying the user with pop ups and information.  Many users also never know when and how often their antivirus scans. < / h5 >
    browser < /li > < li > configuration
    < h5 > there are literally hundreds of options in the settings of browsers for security and optimization.  Fine these beautiful can in some cases increase surfing speed. < / h5 >
    < li > implementation market & off to the low value < /li >
    < h5 > if your like most people, your PC begins never soon enough.  Get a check full of programs and services which start with your computer and optimize them to increase speed. < / h5 >
    <!-end #mainContent->
    < / div >
    <! - InstanceEndEditable - >

    <!-end #mainContent->
    < / div >
    <! - end masterBackground - > < / div >

    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    < %--< br class = 'clearfloat' / >
    -% >
    < div id = "footer" >
    Copyright Mojogar 2010 < /p > < p >
    <!-end #footer--> < / div >
    <!-end #container--> < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar2 = new Spry.Widget.MenuBar ("MenuBar2", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
    ->
    < /script >
    < / body >
    <! - InstanceEnd - > < / html >

    CSS:


    @charset "utf-8";

    {body
    margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
    padding: 0;
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    color: #9FEE00;
    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    do-size: 100%;
    background-color: #333;
    }

    H1 {}
    font size: xx-large.
    Color: #000;
    }

    H2 {}
    font-size: XL;
    }

    H3 {}
    font size: large;
    }

    H4 {}
    font-size: medium;
    }

    H5 {}
    font size: small;
    }

    H6 {}
    do-size: x-small;
    }
    {p}
    font size: xx-small;
    }
    H1, h2 {}
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    }

    H3, h4, h5, h6 {p}
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    }


    Li {}
    make-weight: bold;
    }
    UL {}
    list-style-type: decimal;
    }
    {of the ol
    make-weight: bold;
    }
    a {}
    }


    a: link {}
    color: #FFF;
    }
    a: hover {}
    Color: #333;
    background-color: #6C8CD5;
    }
    a: active {}
    Color: #F00;
    }
    a: visited {}
    color: #FF4848;
    }


    / * This hybrid layout tips
    1. from the lateral columns sizing based on the em is based on the user's default font size, you can be sure graphics in the columns accordingly. Built correctly, it is more accessible to those who need larger font sizes, since the width of the columns remains proportionate. If this is not desirable in your design, just change the width of a pixel size and do not forget to change the margins on the div #mainContent accordingly.
    2. given that the sizing of the side columns in this layout are based on the font size of 100% in the body element, if you decrease the overall size of the text by using a font size: 80% on the body element or the #container, do not forget that the column widths will reduce proportionally. You can increase the size of the margins on the side of the #mainContent div, and their widths to compensate for this.
    3. If the sizing of fonts is changed in different quantities on each div instead of on the overall design (ie: #sidebar1 is a font size of 70% and #mainContent has a font size of 85%), this will change proportionally each of the overall size of divs. You can adjust the base on your final sizing of fonts.
    4. the #container div is not necessary for this layout to the width of 100%. You can use to create columns of fake or to limit the width of the layout.
    5. it is not necessary to have the width of 100% on the #container div since, by nature, a div takes up 100% of the available space. Therefore, here, if you want to reduce the size of the global container - leaving perhaps a bit of margin on each side - is already available for adjustment.
    */
    .thrColHybHdr #container {}
    Width: 780px;
    / * margin: 0 auto;  the margins to the center of the page if necessary (in conjunction with a width) auto * /.
    text-align: left;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    left margin: auto;
    }

    .thrColHybHdr #header {}
    background-color: #C9F76F;
    height: 100%;
    Width: 780px;
    margin: 0px;
    padding: 0px;
    }
    .thrColHybHdr #header h1 {}
    margin: 0;
    padding: 0px;
    }

    / * Sidebar1″ tips:
    1 be aware that if you set a value for the font size on this div, the width of the div will be adjusted accordingly.
    2. as we work in ems, it is preferable not to use the filling in the sidebar itself. It will be added to the width for browsers compatible standards creating a real unknown width.
    3. the space between the wall of the div and the items it contains can be created by placing a margin left and right on these items as seen in the rule ".thrColHybHdr #sidebar1 p.
    */
    {.thrColHybHdr #sidebar1}
    Width: 13em;
    border-top-width: thick;
    border-top-style: solid;
    border-bottom-color: #C06;
    float: left;
    height: auto;
    }
    {.thrColHybHdr #sidebar2}
    Width: 200px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    float: right;
    }
    H3 *.thrColHybHdr # sidebar1″, p.. thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 .thrColHybHdr #sidebar2 h3 {}
    left margin: 0px; * / / * the left and right margins should be to all of the items that will be placed in the side columns * /.
    / * margin-right: 0px;
    }
    */
    / * MainContent tips:
    1. If you give this div #mainContent a value of different size of the div # sidebar1″, the margins of the #mainContent div will be based on the font size and the width of the div #sidebar1 depend on the size of the font. You can adjust the values of these divs.
    2. the space between the mainContent and sidebar1″ is created with the left on the mainContent div margin regardless of how content div the sidebar1″ contains, the space of the columns will remain. You can remove the left margin if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete.
    3. to avoid falling of float, you may have to test to determine the size of the image/approximate maximum element because this provision is based on the calibration of fonts the user combined with the values that you set. However, if the user has their browser game lower than normal font size, less space will be available in the #mainContent div that you see on the test.
    4. in the Internet Explorer conditional comment below, the zoom property is used to give the mainContent "hasLayout". This avoids several specific IE bugs that may occur.
    */
    {.thrColHybHdr #mainContent
    text-align: center;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    left margin: 0px;
    Width: 580px;
    background-color: #2A 4480;
    color: #C9F76F;
    padding: 0px;
    }
    . {MarginTopZero}
    margin: 0px;
    padding: 0px;
    }

    {.busConslt}
    height: 600px;
    Width: 800px;
    }

    idea {}
    height: auto;
    Width: 100%;
    }


    .thrColHybHdr #footer {}
    padding: 0;
    background-color: #C9F76F;
    margin: 0px;
    }
    .thrColHybHdr #footer p {}
    margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
    padding: 0px; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
    Color: #000;
    }


    / * Various classes for reuse * /.
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    }
    .fltlft {/ * this class can be used to float an element on your page to the left * /}
    float: left;
    margin-right: 0px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    }
    .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
    Clear: both;
    height: 0;
    }
    {#defMainLft}
    Width: 49%;
    float: left;
    text-align: center;
    }
    {#defMainRt}
    Width: 49%;
    float: right;
    text-align: center;
    }
    {.absolRgt}
    position: absolute;
    Top: 0px;
    right: 0px;
    }
    {.relRgt}
    position: relative;
    Top: 0px;
    right: 0px;
    }
    {.defFull}
    position: relative;
    height: 263px;
    Width: 100%;
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #ff4900;
    }
    {.absolLft}
    position: absolute;
    Top: 0px;
    left: 0px;
    }
    {.defFullTop}
    position: relative;
    Width: 600px;
    border-top-width: thick;
    border-top-style: solid;
    border-bottom-color: #000;
    margin: 0px;
    }
    {.tuneUpTop}
    background-color: #000;
    color: #FFF;
    margin: 0px;
    padding: 0px;
    }
    {.contactForm}
    Width: 470px;
    height: auto;
    left: auto;
    right: auto;
    }
    {.borderRight}
    border: medium solid #A62F00;
    margin-top: 0px;
    margin-bottom: 0px;
    left margin: 0px;
    }
    . {MenuVertDiv}
    margin-bottom: 0px;
    Clear: both;
    height: 38px;
    background-color: #A62F00;
    Width: 100%;
    }
    {.masterBackground}
    background-color: #BF5930;
    margin: 0px;
    padding: 0px;
    }

    Your HTML code contains conditional comments for IE.  Try to reduce or remove the extra padding and see if that helps.

    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 {padding-top: 30px ;}}
    .thrColHybHdr #mainContent {zoom: 1; padding-top: 15px ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web.blogspot.com

  • cfform/cfinclude causing the unsightly gap between the tables

    I'm working through a problem that I have a cfform/cfinclude statement causing a gap between menu items. I inherited to support this site and I didn't design it. It was designed using tables to create the layout and navigation that are implemented using cfincludes menus. Here is an example of the problem (code included below). There is a gap between the horizontal menu that starts by contacting us and left navigation menu which starts by find a State Park.

    When I move the cfform tags while they are inside the table tags, the gap goes away, but then my user that modifies the content through Contribute, has a problem with text being pushed far down and to the right, making it difficult for her to change. I tried to move the tags in a variety of ways, and each of them is causing the gap or push the text down to the right in the design editor.

    We do not have the resources to put me in time that is needed to actually solve this problem by getting rid of the layout of the table and moving the CSS layout, because this problem appears on more than a hundred pages (which many have a fairly consistent coding for me just do a successful search and replace). I would fix - rather - straight, but I can't.

    I had reason to conclude that there is no way to stop the cfform tag to put a space between the table tags?

    Quote:
    Posted by: newsgroup user
    Just add style = "margin: 0;" to the

    Tag, or in your css file add
    form {margin: 0 ;}}

    Weird. I tried both of those in front, but apparently I didn't was not put it in the right places because put the style in the tag worked a treat. Thank you very much.

Maybe you are looking for