How to remove the spaces of a template header

I'm trying to work myself through the understanding of the html codes using a model dreamweaver and creating a page for my company. I used dreamweaver before CC, but I try to understand the new changes.

I came across a problem with the fact that I'm hoping to get help.

I tried to replace a logo placeholder on the template with my own logo. I seem to have a little space to white at the bottom of the logo when I see mode live view or a browser. How can I get rid of him. I've tried combinations of 0 margins and changing the filling, but it seems I'm just whistling in the dark. Here is the code:

The CSS associated with this page is here:

!-[CodeBlockStart:dec9d6ff-17ba-4058-9575-0b88476c1251]-->@charset "UTF-8"; body {make: 100% / 1.4 Verdana, Arial, Helvetica, without serif;}]   background-color: # 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; / * deletion of the top margin works around a problem where margins can escape its container block.} 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 within the blocks, instead of the block elements themselves, gets rid of any mathematical model of box. A block 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 that you style your links seem 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 who uses a mouse. * / text-decoration: none ;} / * ~ ~ this container fixed-width surrounds all the other blocks ~ ~ * / .container {width: 960px;}}   background-color: #FFFFFF;   margin: 0 auto; {/ * set to auto on the sides, coupled with the width available to the centres * /} / * ~ ~ the header is not given a width. It will extend to the entire width of your layout. ~ ~ * / header {background-color: #A36BE8 ;} / * ~ ~ these are the columns for layout.} (~ ~ 1) padding is only placed on the top and/or bottom block elements. The elements contained in these blocks have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the block 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 in the block element and place a second inner block with no width element and the necessary padding for your design. (2) no margin was given to the columns, because they all floated. If you need to add the margin, avoid placing on the side you're floating into (for example: a right margin on a block set to float to the right). Many times, padding can be used instead. For blocks where this rule needs to be broken, you need to add a statement of ' display: inline ' to the rule of the block element to tame a bug where some versions of Internet Explorer double the margin. (3) given that the classes can be used several times in a document (and an element can also have several classes applied), the columns have received the names of classes instead of IDs. For example, two blocks from the sidebar could be stacked if necessary. These can easily be changed to the ID if that's your preference, as long as you don't use them once per document. (4) If you prefer your nav on the left instead of the right, just float those columns the opposite direction (to the left instead of all rights), and they will return in reverse order. There is no need to move the blocks in the HTML source code. * / .sidebar1 {float: right;}   Width: 180px;   background-color: #C5C2B8;   padding-bottom: 10px; } content {padding: 10px 0;}   Width: 780px;   float: right; } / * ~ ~ This group selector gives the lists in the domain content space ~ ~ * / content ul, ol content {padding: 0 15px 15px 40px; / * this padding reflects the right padding in the titles and the paragraph above net.} Padding was placed on the bottom for the space between the other elements in the lists and on the left to create the withdrawal. These can be customized as you wish. {* /} / * ~ ~ The list of navigation styles (can be removed if you choose to use a contextual menu premade as Spry) ~ ~ * / nav ul {list-style: none; / * this command deletes the list marker * / border-top: 1px solid #666; / * this creates the top border for the links - all others are placed using a bottom border on the LI * / margin-bottom: 15px; / * it creates space between the following content browsing * /} nav li {border-bottom : 1px solid #666; {/ * Creates the separation of button * /} has nav, nav a: visited {/ * these selectors of grouping allows you to ensure that your links to retain their look button even after visiting * / padding: 5px 5px 5px 15px;}   display: block; / * Gives the link properties block causing it to fill the whole container LI. This causes the entire area responds to a mouse click. * / Width: 160px;  / * This width makes all the clickable button for IE6. If you do not need to support IE6, it can be removed. Calculate the width by subtracting the padding on this link of the width of your sidebar container. * / text-decoration: none;   background-color: #15EE00; } nav a: hover nav a: active, nav a: focus {/ * this changes the background and color of text for browsers of mouse and keyboard * / background-color: #ADB96E;}   color: #FFF; } / * ~ ~ Footer ~ ~ * / footer {padding: 10px 0;}   background-color: #CCC49F;   position: relative; / * This gives hasLayout IE6 to erase correctly * / clear: both; {/ * This clear property forces the .container to understand where the columns end up and contain them * /} / * HTML 5 support - sets new HTML 5 tags to display: block so browsers know how to render the tags correctly. * / section, footer, said by the way, article, header, figure {display: block ;}}

Thank you very much for your help!

Try this-

What you are because space is the placeholder for the descenders of glyph on any item that is rendered in a text box (that is, an inline element). By making the image "display: block" you eliminate that space, because a block element is not top-down. If it works to your satisfaction then you can give the logo an id and creation of a CSS selector that contains this kind of block.

Tags: Dreamweaver

Similar Questions

  • How to remove the spaces in the queue

    Hello

    I want to generate a spoolfile sqlplus, but trim remove the spaces to the left. What do evil?

    For example, the value in the column 4 is 9 '9 '. This is a char (1) column

    SQL > SELECT age as OF | « ; »,
    2 KONTO_LIEFERID | « ; »,
    NUMBER 3 | « ; »,
    4 TRIM (ARBEITSZIFFER) | « ; »
    5 FROM av_abst_mp_ifrs
    6. WHERE age as of = '20081230'
    7 AND number = '9851674900'
    8.
    20081230; K01; 9851674900; 9;
    20081230; K01; 9851674900; 9;
    20081230; K01; 9851674900; 9;
    20081230; K01; 9851674900; 9;
    20081230; K01; 9851674900; 9;
    20081230; K01; 9851674900; 9;
    20081230; K01; 9851674900; 9;
    20081230; K01; 9851674900; 9;

    Hello

    Spaces to the exit spaces for the columns (not spaces for column values), you concat all the values in a single column, like this...

    SQL> SELECT STICHTAG||';'||
    2 KONTO_LIEFERID||';'||
    3 KONTONUMMER||';'||
    4 TRIM(ARBEITSZIFFER)||';'
    5 FROM av_abst_mp_ifrs
    6 WHERE stichtag='20081230'
    7 AND kontonummer='9851674900'
    8 /
    

    Not tested.

    Another option (without concat all the columns) to sqlplus, you can use "COLSEP. Like this...

    sql> SELECT 'DATE', SYSDATE
      2  FROM DUAL;
    
    'DAT SYSDATE
    ---- --------
    DATE 29/01/09
    
    1 row selected.
    
    sql> SELECT 'DATE'||SYSDATE
      2  FROM DUAL;
    
    'DATE'||SYSD
    ------------
    DATE29/01/09
    
    1 row selected.
    
    -- "OR"
    
    sql> SET COLSEP ''
    sql> SELECT 'DATE', SYSDATE
      2  FROM DUAL;
    
    'DATSYSDATE
    ------------
    DATE29/01/09
    
    1 row selected.
    

    Published by: dask99 on January 29, 2009 09:14
    Added new option.

  • How to remove the spaces between the textfield in a horizontal layout - ADF Mobile

    snip.png

    Please tell me how to reduce the width of the 1st two textfields whose number of 971 and 50 and increase the width of the textfield "mobile".

    My code is given below

    < amx:panelGroupLayout id = "gp1" layout = "horizontal" >

    < amx:inputText value = "971" hintText = "Country Code" id = "it3" inputType = 'number' simple = "true" inlineStyle = "width: 70% margin-left: 5px" / >

    < amx:inputText value = "50" hintText = "Code" id = 'it8' inputType = 'number' simple = "true" inlineStyle = "width: 70% of margin-left: 5px" / >

    < amx:inputText value = "#{pageFlowScope.mobile_number}" hintText = 'Mobile' id = "it6" inputType = 'number' simple = "true" inlineStyle = "width: 100%" / > "

    < / amx:panelGroupLayout >.

    Width of the 1st two fields should very less that we will get that 2 or 3 numbers. Where are mobile, the width must be more as we enter the 10 numbers.

    This means that for example alignment must be as shown in the picture below. And the space between them must be equal and uniform as shown in the image below.

    pic.png

    Please help me someone

    Try using rowLayout as:

    
          
            
          
          
            
          
          
            
          
    
    
  • How to remove the spaces from the figure at the bottom of page - too much space

    Hello

    I have a problem with too much space between the notes, I think that the # (space figure) is the cause of this, if I could take them off and just use the space after the paragraph style Panel, it would be great. There are currently 0 space after or before the game in the style of paragraph of the notes.

    I tried to do a find/replace search to try to eliminate this space but then this error message saying it can't find no space appears in the doc.

    Please help, what missing am me?

    CS6 using

    Screen Shot 2015-06-17 at 3.30.57 pm.png

    Thanks for all the help premio_oscar & Peter Spier - I did a few tests, combining \r\z with non-breaking space (~ S) that solve!

    Note: Be sure to check icmls related - or they say it does not find matches even when you can see them!

  • Unformattable Indesign text - how to remove the spaces between paragraphs?

    I have a 95 page indesign document. I have a few unwanted spaces between paragraphs. I could not get rid of these spaces. I tried to replace the formatting, using the window styles to paragraph, but in this case indesign does not yet recognize the formatting. I put paragraphs in form to 0P0 before and after paragraphs, and yet space remains between some paragraphs. I'm going crazy!

    The problem lies in the text imported into strange formatt, but that was five years ago and I don't even have access to the original text to try to import once more. Perhaps because it is a document to Indesign c5 and c6 now I use?

    Any help appreciated with gratitude,

    Sam

    After checking the object applied to blocks of text style: text frame JWK it shows under text frame General Options/Vertical Justification/Align/Justify (Peter Spier mentioned above about this possibility). I would put this Align/Top. Also when you changed the paragraph to align on the grid he left some gaps on some pages. I have put that back in would line up on the starting grid. There will be a reshuffle of the text when you do. To check if everything looks as it should. Make a copy of the file and make your changes there just in case, and let us know how it goes.

  • How to remove the space

    Hi all
    I have a column with initial space of values. In my database itself.

    for example
    Name:
    REDA
    Veer
    Mich


    I have to add values + SPACE. How to proceed in OBIEE. Step by step details, I need.

    Thank you

    Try this

    Create a new column in your BMM
    map the formula in table LTS

    TRIM (BOTH ' ' "RESPECTIVE OF YOUR SPR COLUMN)

    It may be useful

  • How to remove the spaces in the select statement

    Hello
    I have a sql like
    select TRIM(column_name)
        from user_tab_columns
        where table_name = 'MTL_SYSTEM_ITEMS_VL' AND COLUMN_NAME   IN ('DESCRIPTION     ');
    
    no rows selected
    But if I remove spaces after "DESCRIPTION."
    select TRIM(column_name)
        from user_tab_columns
        where table_name = 'MTL_SYSTEM_ITEMS_VL' AND COLUMN_NAME   IN ('DESCRIPTION');
    
    One Row Selected 
    So, I have several lines.
    What other garnish speak no cosider spaces?

    Thank you

    I want to say several times that we generate our sql statement using the PL/SQL blocks
    or SqlQueries.

  • How to remove the space between the nested tables.

    I'm not able to line up the parts of the nested table side by side without a big white space. You are using Mac OS 10, DW CS 6. link to pageScreen Shot 2015-06-03 at 10.44.50 PM.png

    Thank you very much. J

    It's just terribly, terribly code.

    You should not be using heights or split cells in a table.

    The cause of your 'current' issue is through the establishment of a height on yourcell:

  • How to remove the space of 100px on the left and right sides outside the margin?

    This photo shows the grey outlide margins Office has always 100px on the left and right but the tablet or phone no?

    This file is set to 0 margin 0 padding but still 100px on each side of the left and right margin?

    Screen Shot 2013-07-22 at 5.22.20 PM.png

    -Click on the white section that you are trying to get rid.

    -This will select the 'page '.

    -On the horizontal bar at the top where you have options for editing, you will find "Browser Fill"

    -Click browser fill.

    -Now you can insert the image of the background you want.

    -blow and relieve the frustration.

    Good luck!

  • How to remove white space from an object?

    I made an object by using one of the brushes of whimsy. The now permanent object of whitespace on few important color that I've put on the object. How to remove the spaces? Thank youbling_test.png

    Select the path and set the 'fill' to 'none '. Several ways to do so. We have to go the the "color control panel', click on the 'fill' (at the top left square) to make active, and then click icon"without color"(it's the square with a red line through it).

  • How to remove white space at the bottom of the start menu

    Hi, anyone knows how to remove the little white space between the bottom of the horizontal menu and the top of the vertical menu collapse (see below).  Code below is also included.  Is or, if it is not removable, possible to change its color?  Thank you very much.

    bootstrap_menu_2.jpg

    < nav class = "navbar, navbar-default" >

    < div class = "container-fluid" >

    <!-brand and toggle get grouped together for better mobile display->

    < div class = "bar navigation-header" >

    < button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target = "#defaultNavbar1" >

    < span class = "sr only" > toggle navigation </span >

    < span class = 'bar icons' > < / span >

    < span class = 'bar icons' > < / span >

    < span class = 'bar icons' > < / span >

    < / button >

    < a class = 'bar of navigation-brand' href = "index.html" > < /a > brand

    < / div >

    <!-collect the nav links, forms, and other content to alternate->

    < div class = "navbar-collapse custom class collapse" id = "defaultNavbar1" >

    < ul class = "navbar-nav, navbar-right nav" >

    < li > < a href = "Music.html" > music < /a > < /li > ""

    < li > < a href = "Images.html" > pictures < /a > < /li > ""

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

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

    < li > < a href = "About.html" > on < /a > < /li >

    < /ul >

    < / div >

    <!-/ .navbar-collapse->

    < / div >

    <!-/ .container-fluid->

    < / nav >

    @media (max-width: 768px) {}

    {.custom-class

    Overflow-x: visible;

    -webkit-too-full-scrolling: touch;

    background-color: #4A72C0;

    height: auto;

    }

    . NAV > li {}

    display: block;

    position: relative;

    -webkit-box-shadow: 0px 2px #8EC1FF;

    box-shadow: 0px 2px #8EC1FF;

    border: 1px solid #005092;

    }

    }

    Massi says:

    Hi, here is an update.  I managed to get rid of the white line in the menu expanded by increasing the height of the image (sorry, I don't think than forward).  So, there is only a thin white line on the left in the menu of the collapse.  If she can't get rid of, its color can be changed?  Thank you.

    Here ya go - save you messing around hunting which was placed on what element and then combination of css classes, get rid of him.

    .NavBar - default .navbar-collapse {}

    border: none;

    }

  • How to remove the white space between two response reports

    How to remove the white space between two response reports

    In the section of dashboard, I have 2 rqeuest. Each query returns Table view. When I view the dashboard, it shows a blank separating 2 table views. How can I get rid of the band of white/white space?

    See this link

    Re: Remove the space between the two reports on the dashboard page OBIEE Section

    Kind regards
    Sandeep

  • How to remove the extra space of oracle database column

    How to remove the extra space of oracle database column. I would like to clean up the column in the database by deleting the extra space is entered by the dataentery people.

    When I run the query:
    SELECT
    ROWID, C.CODETABLE_ID, C.CODEVALUE_ID, C.DESCR, LENGTH (C.CODEVALUE_ID).
    C.OBSOLETE_DT, C.RECORDSOURCE, C.CREATED_DT,
    C.CREATEDBY, C.LASTUPDATED_DT, C.LASTUPDATEDBY
    OF CODEVALUE C
    Where LENGTH (C.CODEVALUE_ID) > 6

    the data type is varchar2 and I would get rid of the any extra blank space added to the column. in my case, if the length is greater than 6

    Hello

    user452051 wrote:
    Thanks for the reply. Why should I have this line?

    AND codevlaue_id! = TRIM (codevalue_id) - see note below
    ;

    I just changed my post when you posted this. The explanation is there now:

    Frank Kulash wrote:
    ...
    The condition "codevlaue_id!" = TRIM (codevalue_id)"does not change the results of everything, but it can make the most effective statement if there are lines where codevalue_id is on 6 characters long, but contains no additional space. It will prevent the triggers from firing and redo the data generated.

  • OBIEE remove the spaces to the left. How can I change this behavior?

    Nice day.
    I have characteristic note OBIEE - it removes the spaces at beginning of data in the columns. But I need not in this function. I use spaces to format the name of hierarchy. How can I disable this OBIEE? It is East 10.1.3.4

    Hello.

    Similar:

    Empty values in responses (trim)
    Re: Empty values in responses (trim)

    Concerning
    Goran
    http://108obiee.blogspot.com

  • Satellite L745 - how to remove the keyboard safely?

    Hello, people!

    I need help please. As the topic says, how to remove the keyboard?
    It's because I shared tea on my keyboard and, fortunately, no key was damaged. However, now it is sticky, and it is quite annoying!

    Can someone please help me with the entrance keys, Shift, back space * and other small keys at home.

    Thanks in advance.

    Sticky Keys?
    I really put t know if you will be able to clean the little mechanism under the CAP.

    OK you can try it. What you need to do is remove the key cap first. Pull it gently on the floor. It is set with small farmers in plastic. When the CAP is removed, you can check the situation and try to clean it up.

    When finished put the CAP in place and push it all smoothly. You will hear clicking noise and everything should be OK again. Do it for all the keys.

    Please take it very easy. If you damage this small mechanism you can immediately order new lkeyboard.

Maybe you are looking for