Bottom border only?

Is there a way to create objects with only border-bottom-width value 0px 1px and other or have different colors?

Control individual traits aside is not yet implemented, but there is a feature on this subject hererequest. Feel free to vote and reinforce this idea.

Thank you

Mihai

Tags: Adobe XD

Similar Questions

  • CSS Display table with the bottom border only

    Hi all
    I'm very bad in CSS, I seriously need a style.

    I want the table with the bottom border only

    I tried like
    < table frame = "below" cellpadding = "2px" cellspacing = "0" style = "overflow: scroll;" empty-cells: show; border: 1px solid #285577; "width ="350px"> ';

    but frame = 'below' does not work with IE - 7

    Please could give me a solution.

    Thanks in advance
    Good bye
    Sonny_starck

    Sonny_starck,

    I don't know what kind of table you need exactly but

    < table style = "" border-bottom: 1px solid #285577; ">"

    should do the job.

    Denes Kubicek
    -------------------------------------------------------------------
    http://deneskubicek.blogspot.com/
    http://www.Opal-consulting.de/training
    http://Apex.Oracle.com/pls/OTN/f?p=31517:1
    -------------------------------------------------------------------

  • bottom border only dynamic color change

    I have a text box in a form that has the bottom border shown.  This box is turned on and off programmatically (using a function) function to know if some other boxes are checked.  When the text box is active, it has the value of access = 'open' and I want the bottom border to change from gray to black.

    I have what I believe, is functioning code to generally change the color of a border, shown below:

    function
    
     ULineTBoxOn(MySubformNum,MyFieldRef){eval(MyFieldRef 
    
    + ".access = 'open';");
    eval("xfa.resolveNode('form1.#subform[" 
    + MySubformNum + "]." + MyFieldRef + ".ui.#textEdit.border.edge.color').value = '" + BlackCode.value + "';");
    }
    
    
    

    But this does nothing to my particular text box.  I made a text where I've activated all of my text box borders and then ran the above function on this text box, and it changed the color of the top border.

    I see in the XML code in the text box properties for each boundary edge are defined at once, with the bottom third, as shown below:

    < name of field = "Docket_Year" y = "90,17 mm" x = "147,3198 mm" l = h '13,4239 mm""6.35 mm"access ="readOnly"= >

    < ui >

    < hScrollPolicy textEdit 'off' = >

    < border >

    < m presence = "hidden" / >

    < m presence = "hidden" / >

    < edge / >

    < m presence = "hidden" / >

    <? templateDesigner styleId aped1? > < / border >

    < margin / >

    < / textEdit >

    < image > 99 < / image >

    < /UI >

    What seems to happen when I run my function above, is that I only change the color of the FIRST referenced in the XML file, which is the part superior (?).  Or something like that.  How to change the color of the LOWER edge only?

    Thank you
    Emily

    Hi Emily,.

    Once you have assigned to your variable and it passed to your function - you can solve it within the function, then the following works here:

    MyResFieldRef.ui.oneOfChild.border.getElement("edge",2).color.value = fieldFocus.value;

    Your script to access "#textEdit" - try "oneOfChild".

    Example updated work on the text field and the digital field.

    Hope you find it works,

    Niall

  • How border only a few cels table

    In dreamweaver, how can I border cells only some selected in a table, (I'll do this several times in a particular table).

    and while we're at another table I want just outside the border. I went up to create the CSS stylesheet, but that's all. No ID is no classes at this time. But the content, topics sorted, all done (html). Just a (CSS) style to do but now I'm stuck. Summer look that any tutorials, but none said what I am wanting to do as of yet, is - it possible?

    Family Marsh wrote:

    Thank you for your quick response. The fastest class idea sounds. Add thanks for the code. I think I could have created some classes to deal with groups of 4-cells boarder as one number. (For the upper, class border for left and right border and one class for the bottom border.

    IM positive it is the easier professionally. See my next response.

    In fact, it is probably the simplest method...

    .the {border-left: 3px solid green ;}}

    . Right {border-right: 1px solid blue ;}}

    . Top {border-top: 2px solid red ;}}

    Bottom {border-bottom: 4px solid orange ;}}

    Then, in the HTML for aYou must add each class you wanted added to it...

    (any class)

    (both classes, separated by a space)

    (the three classes, separated by spaces)

    (all four classes, separated by spaces)

  • A region at the only border only no title or the title bar

    Hello Expert,

    I'm trying to create a border around the region, essentially a region with just the bar border and no title or title. There are no simple approach available for this option. Anyone can shed light on this question.

    APEX Version: 4.1.0.00.32

    Theme: Builder 2 blue (I guess that's the theme 2 in the APEX)

    I tried various option using the model of the region without border, report region, region of report without title, without model, etc. as well as a style following CSS code, I've added in the header section of the Page.

    This option creates the border on top of the elements of the region, but do not cover the elements of the region as the elements, who was also in the model without button nor titles

    < style type = "text/css" >
    #CRR {border-style: solid;-CRR is a static ID for the region}
    border-width: 1px ;}
    < / style >

    I also tried to create a model with a new region and removed from the class title and the button class, which has created a region without borders, but there is no line on top than on the sides, which looked so weird. I don't know what is the right solution, but a solution with the new model of the region which does not create that border and no title and the title bar is good.

    Kindly please let me know an approach if everyone is aware.

    Thank you
    CP

    cpora007 wrote:

    Is certainly useful, it does not create the border, but the border is created for both regions.

    It is not the case. It applies only to the #CRR region.

    I have four total regions. At the top is breadcrumb area, below which is region report showing details of base. The third region is a region list waith browser tab only and it is a region without borders. Regions of fourth has all the elements of the form for which I wan the border only. With your suggestion, I am able to get the border, but it covers now the two region 3 and 4. I just only on the 4th region. The model region of fourth, that I modified to 'Region without button or title' the way you suggested.

    Region 3 is cut off from normal flow by excess of s floatthis theme inexplicably applies to virtually everything. This causes the region 4 up and region 3 is rendered in its box.

    Try to make the region 3 model No., or using this to clear the floating region:

    #CRR {
      clear: both;
      border: 1px solid;
    }
    #CRR .bl-body {
      float: none;
      padding: 10px;
    }
    

    The region 3 and region 4 same class .bl-body, hjowever I did not have any static id for region 3. I tried with the static id in region 3 of naming with different name, but that has not changed anything.

    None of this has to do any (other than this class .bl-body is floating).

    Ideally I would prefer a new model of the region, so I can use it for several pages.

    You probably want to create your own model of region from scratch, something like:

    #BODY#

    with a stylesheet as:

    .bordered-region {
      clear: both;
      border: 1px solid;
      padding: 10px;
    }
    
  • Mysterious black border (only) at the bottom of the first screen iPhone

    I have an iOS application that I wrote in 2011, and I'm trying to upgrade to the latest iOS and devices.  I have a thick black border at the bottom of the first screen of my request, for most combinations Device/Simulator and iOS. This is * not * a black border at the top and at the bottom of the screen problem, who has been treated exhaustively in the forums.

    There is only a single black border at the bottom of the screen. Also, the border is only broadcast on the first screen of my request, that has buttons to go to the rest of the application. Even if I navigate to the first screen of my request, somewhere inside the application, the border becomes visible. There is no black border in the other forms in the application, apart from the first screen.

    It is * not * seems to be a launch image problem. I have a picture of launch, [email protected], and the launch image works fine. Here are the setups I get or don't get the black border:

    iPhone 4S (iOS 9.2) Simulator - without black border

    iPhone 5 (iOS 9.2) simulator - black border

    iPhone 5 (iOS 8.1.3) device - without black border

    iPhone (iOS 9.2) 5s simulator - black border

    iPhone 5 s (iOS 9.1) peripheral border - black

    iPhone 6 sec more (iOS 9.2) Simulator - black border

    iPad 2 (iOS 9.2) Simulator - without black border

    iPad (iOS 9.2) air Simulator - no black border

    iPad 2 Air (iOS 9.2) Simulator - without black border

    Pro Simulator (iOS 9.2) iPad - thick black border all around the application window

    retina Simulator (iOS 9.2) iPad - without black border (at the bottom of the screen)

    I tried everything I could think of, but nothing seems to work.

    Hello sandpjain2,

    Everything you wrote in 2011 will likely be rewritten using the automatic formatting.

  • border - only on one side of the pane thr

    I want to draw the line at the bottom of the border of a component only
    How can I do?

    With css

    -fx-border-color: transparent transparent red transparent;
    
  • Slide the bottom showing only on part of the screen at the time of publication

    I am using Captivate 7.0.1.237.  I have several slides I used a colored background on, nothing personal, just that captivate offers.  When I saw in the Captivate all right.  When I publish and run in a browser or on my LMS (Skilport), the background appears as follows with the background in the upper left corner.  He did this on several slides of horizons.  Also, I realized suddenly what she should look like.  Any ideas?

    In skillsoft.PNGShould be.PNG

    Hello

    You use in the chrome browser?

    Version of chrome 36 has some issues with captivate out of html5. Please find the following workaround to resolve the problem.

    http://blogs.Adobe.com/Captivate/2014/07/update-on-Captivate-HTML-5-content-playback-issue - google-chrome - browser.html

    Let me know if your problem is solved.

    Kind regards

    Hari

  • How to print a report without border, only the necessary data

    Hello
    I have a report and need to print it. When printing I don't want the borders of the State in the output. Is this possible?
    Please let me know.

    There is a printer friendly page model that can help you. This is the last parameter in your URL.
    http://docs.Oracle.com/CD/E23903_01/doc/doc.41/e21674/concept_url.htm#BEIFCDGF

  • Footer does not drop down at the bottom of page template when the editable regions are met. Desperate!

    I tried everything I can think and have implemented several tutorials walk pasting without result.  Foot of page in the template seems to stick to the bottom of my sidebar divs when I want to stick to the bottom of the editable content in the html page.  Here is a screenshot and my code.  I am desperate for help. I intend using this model for several pages, then, how the footer to drop down the length of the main editable?  Help!

    footerproblem.jpg

    Here is the template code:

    < ! 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 ">

    < head >

    < content meta = text/html"; Charset = UTF-8 "http-equiv ="Content-Type"/ >"

    < meta http-equiv = "X-UA-Compatible" content = "IE = 9" / >

    < content meta = "width = device-width, original scale = 1.0, minimum scale = 1.0" name = "viewport" / > "

    <!-TemplateBeginEditable name = "doctitle"--> < title > < / title > <! - TemplateEndEditable - > <!-TemplateBeginEditable name = "head"--> <! - TemplateEndEditable - >

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

    < / head >

    < body >

    < div id = "container" >

    < div id = "header" >

    < h1 id = "logo" > Escalante Law < / h1 >

    < div id = "topnavcontainer" >

    < ul id = "topnavlist" >

    < li > < a href = "#" > home < /a > < /li >

    < li > < a href = "#" > Law Office Information < /a > < /li >

    < li > < a href = "#" > contact us < /a > < /li >

    < li > < a href = "#" > News < /a > < /li >

    < /ul >

    <!-end #topnavcontainer--> < / div >

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

    < div id = "mainmedia" > <! - end .mainmedia - > < / div >

    < div id = "middlenavcontainer" >

    < table width = "960" border = "1" align = "left" cellpadding = "10" >

    < tbody >

    < b >

    < style td = "" width: 176px; "> how can we help you?" < table >

    < style td = "" width: 182px; "> I need help with a green card < table >"

    < style td = "" width: 162px; "> I want to apply for citizenship < table >"

    < style td = "" width: 158px; "> I want to learn more about the dream Act < table >"

    < style td = "" width: 160px; "> do you currently have < br / >"

    having a green card < br / >

    and need help? < table >

    < /tr >

    < / tbody >

    < /table >

    <!-end #middlenavcontainer--> < / div >

    < div id = 'hand' >

    < div id = "sidebar1″" >

    < div class = "sidebar1_block" >

    Family Immigration < h2 > < / h2 >

    < ul class = "leftcolumnnav" >

    < li > < a href = "#" > < /a > family Visa Services < /a > < /li >

    < li > < a href = "#" > < /a > interim waiver < /a > < /li >

    < li > < a href = "#" > < /a > K1 Visa or Visa fiance < /a > < /li >

    < li > < a href = "#" > < /a > Visa K3 and K4 Visa < /a > < /li >

    < li > < a href = "#" > < /a > change status < /a > < /li >

    < /ul >

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

    < div class = "sidebar1_block" >

    Map green < h2 > < / h2 >

    < ul class = "leftcolumnnav" >

    < li > < a href = "#" > < /a > < /a > < /li > green card renewal

    < li > < a href = "#" > < /a > map green replacement < /a > < /li >

    < li > < a href = "#" > < /a > green card - family < /a > < /li >

    < li > < a href = "#" > < /a > removal of Conditions < /a > < /li >

    < li > < a href = "#" > < /a > Services consular processing < /a > < /li >

    < /ul >

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

    < div class = "sidebar1_block" >

    Dream Act < h2 > < / h2 >

    < ul class = "leftcolumnnav" >

    < li > < a href = "#" > Deferred Action < /a > < /li >

    < /ul >

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

    < div class = "sidebar1_block" >

    citizenship < h2 > < / h2 >

    < ul class = "leftcolumnnav" >

    < li > < a href = "#" > naturalization < /a > < /li >

    < /ul >

    < / div >

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

    < div id = "content" > <!-TemplateBeginEditable name = "ContentArea"-> {tag_pagecontent} <! - TemplateEndEditable - > < / div >

    < div id = 'sidebar2' >

    the placeholder < div id = "rigtnavcontent" > < / div >

    the placeholder < div id = "rigtnavcontent" > < / div >

    the placeholder < div id = "rigtnavcontent" > < / div >

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

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

    < div id = "footer" >

    < div class = "Section" >

    article a < /p > < p > Site map

    < ul id = "footernav" >

    Family based Immigration

    < li > < a href = "#" > < /a > < /li >

    < li > < /li >

    < li > < /li >

    < li > < /li >

    < li > < /li >

    < /ul >

    < / div >

    < div class = "Section" >

    < p > Section Site map two < /p >

    < ul id = "footernav" >

    Citizenship and naturalization

    < li > < a href = "#" > < /a > < /li >

    < li > < a href = "#" > application for citizenship < /a > < /li >

    < li > < a href = "#" > reviews of citizenship < /a > < /li >

    < li > < /li >

    < /ul >

    < / div >

    < div class = "Section" >

    < p > Section Site Map 3 < /p >

    < ul id = "footernav" >

    < li > < a href = "#" > map green < /a > < /li >

    < li > < a href = "#" > green card renewal < /a > < /li >

    < li > < a href = "#" > green card application < /a > < /li >

    < li > < a href = "#" > green card - family < /a > < /li >

    < li > < /li >

    < /ul >

    < / div >

    < div class = "Section" >

    < p > Section Site map 4 < /p >

    < ul id = "footernav" >

    < li > < a href = "#" > employment based Immigration < /a > < /li >

    < li > < a href = "#" > review Types of Visas work < /a > < /li >

    < li > < a href = "#" > apply for Visa to work < /a > < /li >

    < li > < a href = "#" > adjust the status of Visa work < /a > < /li >

    < /ul >

    < / div >

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

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

    < / body >

    < / html >

    Here is my CSS:

    @charset "UTF-8";

    {body

    margin: 0;

    padding: 0;

    Color: #000;

    do-family: Verdana, Arial, Helvetica, without serif.

    do-size: 100%;

    line-height: 1.4;

    background-color: #FFFFFF;

    }

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

    #container {}

    Width: 960px;

    background: #FFFFFF;

    margin-right: auto;

    left margin: auto;

    }

    #content {}

    float: left;

    height: 100px;

    Width: 580px;

    margin-right: 0px;

    left margin: 0px;

    overflow: visible;

    }

    / * ~ ~ Footer styles ~ ~ * /.

    #footer {}

    background: #CCC49F;

    position: relative; / * This clear property forces the .container to understand where the columns end up and contain them * /.

    height: 300px;

    Width: 960px;

    margin-right: auto;

    left margin: auto;

    Clear: both;

    }

    #footer. {Section}

    height: 250px;

    Width: 200px;

    margin left: 14px;

    position: relative;

    float: left;

    padding: 10px;

    margin-top: 10px;

    border: thin solid #000;

    }

    H1 {}

    do-size: 16px;

    padding-left: 10px;

    }

    H2 {}

    do-size: 14px;

    padding-left: 10px;

    }

    H3 {}

    do-size: 14px;

    padding-left: 10px;

    }

    H4, h5, h6 {}

    margin-top: 0;

    text-align: left;

    padding-left: 10px;

    padding-right: 10px;

    }

    / * ~ ~ 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: 20;

    margin: 0;

    }

    {p}

    do-size: 14px;

    padding-right: 10px;

    padding-left: 10px;

    }

    #container #content ul {}

    do-size: 14px;

    list-style-type: square;

    list-style-position: inside;

    }

    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: none; / * 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;

    }

    / * ~ ~ 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: #ADB96E;

    height: 60px banner;

    }

    / * ~ ~ These are the columns for page layout. ~~

    (1) padding is only placed on the top and/or bottom of the divs. The elements contained in these divs 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.

    (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 div set to float to the right). Many times, padding can be used instead. For divs where this rule needs to be broken, you must add a statement of ' display: inline ' to the rule of the div 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 sidebar div 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 right instead of the left, simply float those columns as the opposite direction (straight instead of left all) and they will return in reverse order. There is no need to move the div in the HTML source code.

    */

    {#sidebar1}

    float: left;

    Width: 200px;

    background: #EADCAE;

    }

    {.sidebar1_block}

    padding: 5px;

    margin: 5px;

    }

    {#sidebar2}

    float: left;

    Width: 180px;

    background: #EADCAE;

    padding-right: 0px;

    padding-left: 0;

    padding-top: 0px;

    padding-bottom: 0px;

    height: 100%;

    }

    / * ~ ~ 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 adjusted as desired. */

    }

    / * ~ ~ The list of navigation styles (can be removed if you choose to use a contextual menu premade as Spry) ~ ~ * /.

    UL. NAV {}

    list-style: none; / * This command deletes the list marker * /.

    border-top: 1px solid #666; / * This creates the top border for the links - all the others are placed using a bottom border on the LI * /.

    margin-bottom: 15px; / * This creates space between the following content browsing * /.

    }

    {ul li. NAV

    border-bottom: 1px solid #666; / * This creates separation button * /.

    }

    UL. NAV, the ul.nav: visited {/ * these selectors of grouping allows you to ensure that your links to retain their look button even after the ongoing visit * /}

    padding: 5px 5px 5px 15px;

    display: block; / * Gives the anchor block properties, so it meets all LI that contains that whole 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: #C6D580;

    }

    UL. NAV a: hover, ul.nav one: ul.nav active,: focus {/ * this changes the background and color of text for browsers of the mouse and the keyboard * /}

    background: #ADB96E;

    color: #FFF;

    }

    / * ~ ~ 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 (inside the .container) if the .footer is removed or put off the .container * /}

    Clear: both;

    height: 0;

    font size: 1px;

    line-height: 0px;

    } #mainmedia {}

    height: 300px;

    Width: 960px;

    float: left;

    }

    {#nav_tier_2}

    height: 60px banner;

    Width: 960px;

    }

    {#lower_nav}

    height: 60px banner;

    Width: 100%;

    float: left;

    }

    {#topnavcontainer}

    list-style-type: none;

    list-style-image: none;

    float: right;

    Width: 500px;

    height: 47px;

    padding-top: 13px;

    }

    #container #header #logo {}

    float: left;

    do-family: Arial, Helvetica, without serif.

    make-weight: normal;

    color: #FFF;

    }

    #topnavlist li {}

    display: inline;

    list-style-type: none;

    padding-right: 20px;

    text-decoration: none;

    }

    }

    #container #middlenavcontainer {}

    float: left;

    height: 100px;

    Width: 960px;

    do-family: Arial, Helvetica, without serif.

    do-size: 12px;

    }

    #container #middlenavcontainer table tr {}

    text-align: center;

    }

    #container #sidebar1 h2 {}

    do-size: 14px;

    line-height: normal;

    margin-bottom: 10px;

    top of the margin: 5px;

    }

    {.leftcolumnnav}

    list-style-type: none;

    Color: #000;

    do-size: 12px;

    }

    {#footernav}

    list-style-type: none;

    do-size: 12px;

    }

    #container #footer. Section p {}

    do-size: 12px;

    }

    {#sidebar2 #rigtnavcontent #container

    height: 160px;

    }

    {#contact_form}

    top of the margin: 20px;

    border: thin solid #000;

    margin-bottom: 0px;

    Width: 420px;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-right: 10px;

    padding-bottom: 0px;

    padding-left: 10px;

    height: 600px;

    }

    {.p_content}

    do-size: 14px;

    }

    {content-column

    } {#container #main

    height: 100%;

    overflow: visible;

    }

    Hello

    The 'content' div's style to have 100px in height and visible from overflow. So the text overflows the div, but the footer "ignores" / ignore it is positioned after 'sidebar2 '.

    Change the height of the 'content' to 100% and it should work.

    Kind regards

    Alex

  • Sidebar not drain with top border

    I'm new on the web design and DW.  I can't understand how to bring my left sidebar is flush with the header of the page.  I'm in the class of DW - CS6 in a book.  Here's the code.

    <! doctype html >

    < html >

    < head >

    < meta charset = "UTF-8" >

    < title > Untitled Document < /title >

    < style type = "text/css" >

    <!--

    {body

    background-color: #FFF;

    margin: 0;

    padding: 0;

    Color: #000;

    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    do-size: 100%;

    line-height: 1.4;

    }

    / * ~ ~ 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 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. */

    }

    .sidebar1 side {}

    do-size: 90%;

    }

    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 all the other blocks ~ ~ * /.

    . Container {}

    Width: 950px;

    background-color: #FFFFFF;

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

    border: 2px solid #060;

    }

    #logo {}

    position: absolute;

    Width: 170px;

    height: 158px;

    z-index: 1;

    margin-top: 10px;

    margin left: 30px;

    }

    / * ~ ~ The header is not given a width. It will extend to the entire width of your layout. ~~ */

    {to header

    background-color: #090;

    background-image: url(images/banner.jpg);

    background-repeat: no-repeat;

    height: 130px;

    }

    / * ~ ~ These are the columns for page 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: left;

    Width: 180px;

    background-color: #EADCAE;

    padding-bottom: 10px;

    }

    . Happy {}

    padding: 10px 0;

    Width: 770px;

    float: right;

    }

    . Happy h1 {}

    do-size: 200%;

    margin-top: 10px;

    margin-bottom: 5px;

    }

    / * ~ ~ 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 adjusted as desired. */

    }

    NAV p {}

    do-size: 90%;

    make-weight: bold;

    color: #FFC;

    background-color: #090;

    text-align: right;

    padding-top: 5px;

    padding-right: 20px;

    padding-bottom: 5px;

    border-bottom-width: 2px;

    border-bottom-style: solid;

    border-bottom-color: #060;

    background-image: url(images/background.png);

    background-repeat: repeat-x;

    }

    P NAV a: link, nav p a: visited {}

    text-decoration: none;

    color: #FFC;

    padding: 5px;

    }

    P NAV a: hover, nav p a: active {}

    color: #FFF;

    background-color: #060;

    }

    / * ~ ~ The list of navigation styles (can be removed if you choose to use a contextual menu premade as Spry) ~ ~ * /.

    UL. NAV {}

    list-style: none; / * This command deletes the list marker * /.

    border-top: 1px solid #666; / * This creates the top border for the links - all the others are placed using a bottom border on the LI * /.

    margin-bottom: 15px; / * This creates space between the following content browsing * /.

    }

    {ul li. NAV

    border-top-width: 1px;

    border-right-width: 1px;

    border-bottom-width: 1px;

    border-left-width: 1px;

    border-top-style: solid;

    border-right-style: solid;

    border-bottom-style: solid;

    border-left-style: solid;

    border-bottom-color: #0 C 0;

    border-right-color: #060;

    border-bottom-color: #060;

    border-left-color: #0 C 0;

    }

    UL. NAV, the ul.nav: visited {/ * these selectors of grouping allows you to ensure that your links to retain their look button even after the ongoing visit * /}

    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: #090;

    color: #FFC;

    }

    UL. NAV a: hover, ul.nav one: ul.nav active,: focus {/ * this changes the background and color of text for browsers of the mouse and the keyboard * /}

    background-color: #060;

    color: #FFF;

    }

    / * ~ ~ Footer ~ ~ * /.

    footer {}

    padding: 10px 0;

    background-color: #090;

    position: relative; / * This gives hasLayout IE6 to well clear * /.

    Clear: both; / * This clear property forces the .container to understand where the columns end up and contain them * /.

    do-size: 90%;

    color: #FFC;

    background-image: url(images/background.png);

    background-repeat: repeat-x;

    }

    / * HTML 5 support - new tags of HTML 5 sets to display: block for browsers know how to render the tags correctly. */

    section, footer, said by the way, article, header, figure {}

    display: block;

    }

    . Green {}

    color: #090;

    }

    ->

    < / style > <!-[if lt IE 9] >

    " < script src =" http://html5shiv.googlecode.com/svn/trunk/HTML5.js "> < / script > .

    <! [endif]--> < / head >

    < body >

    < div class = "container" >

    < div class = "green" id = "logo" > < img src = "images/Butterfly - ovr.png" width = "170" height = "158" alt = "Logo of GreenStart" > < / div >

    < header > < / header >

    < nav >

    < p > < a href = "#" > home < /a > | < a href = "#" > < /a > about us | < a href = "#" > contact us < /a > < /p >

    < / nav >

    < div class = "sidebar1″" >

    < ul class = "nav" >

    < li > < a href = "#" > green news < /a > < /li >

    < li > < a href = "#" > Products Green < /a > < /li >

    < li > < a href = "#" > Green events < /a > < /li >

    < li > < a href = "#" > green travel < /a > < /li >

    < li > < a href = "#" > Green Tips < /a > < /li >

    < /ul >

    < side >

    < img name = "Sidebar" src = "" width = "180" height = "150" alt = "" > "

    Legend of Insert < p > here < /p >

    < / side >

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

    < section class = "content" >

    < h1 > insert main topic here < / h1 >

    < section >

    subheading to insert here < h2 > < / h2 >

    Insert content < p > here < /p >

    < / section >

    <! - end content - > < / item >

    <>footer

    < p > Copyright 2012 Meridian GreenStart.  All rights reserved. < /p >

    < address >

    Contents of the address

    < / address >

    < / footer >

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

    < / body >

    < / html >

    Any help would be greatly appreciated.

    Try to wrap your nav inside the heading tags:

  • rule in the table at the bottom of table

    Is it possible to include a line at the bottom of a table using a table style? The table border setting puts a border around the table, and I want the border only in the last line of the table. (With the help of InDesign CS5).

    Here is a screenshot of a simple table with three defined Cell Styles style

    Filling 10 percent of black header, 1 pt STROKE on walls, top, left, right, 3pt STROKE on the back wall.

    Line stipple body 0.5 point on the walls

    Feature of 0pt footer on the bottom, walls left & right, race 5 points on the wall of top

    Table style is set to apply the style to the header to the header line, body style lines of the body and footer in the footer rows.

    I don't understand what you mean by using table styles and cell since they are intended is a "Workaround".

    Post edited by: MT Freelance - updated image

  • DeskJet 1515 does not print the bottom of a page

    Hello Andrew, could someone help me cause I don't know how to fix it. my all-in-one deskjet newly purchased 1515 series does not print the lower part of the page. for example, I insert a border line and then when I press ctrl-p printing layout page showed that the bottom border was not there despite the margins are correct.

    Hello Aldwin06and welcome to the Forums of HP, I hope you enjoy your experience!

    I see that you have problems with your impressions.  I'd love to try to help you, but I need some information first. I'm a link a few HP Support documents below that will show you how to find what operating system you are using. In addition, if you are using Windows, please indicate if your operating system is 32-bit or 64-bit. With this information we can provide you with accurate information.

    Mac OS X: how to find which Mac OS X Version is on my computer?
    Operating system Windows am I running?
    Is the Version of Windows on my computer 32-bit or 64-bit?

    In addition, this problem occur when printing several programs?

    Please let me know what you find.  Thanks for posting on the HP Forums!

  • Border background printing problem

    Hello. Using MS Office Professional 2007 on Vista with the HP Deskjet F2180 printer. Problem is every time when you print a document with page border word, the bottom border is not printing. The other borders print well. Tried to adjust the sizes of margin and the border without success.  Any help would be appreciated. Thank you.

    Hi HP_User,

    I looked at the patch you mentioned in your post and it says ' accuracy margin print: solves the issue of the last line of text is cut for HP Deskjet D4200 ".  So, it looks like the fixed part of the margin of the patch is specifically for the D4200.

    Have you tried to disable bidirectional support?

  • How can I keep half a letter in illustrator thin and bottom half thick?

    For example the letter "T", I would thicken the bottom half.

    Make a second copy of the registration. Kick him with rounded corners. Position it on top of the original and give him a clipping mask to show the bottom half only.

Maybe you are looking for