Should help the centering elements

Hey, I'm trying to figure out how to center the elements on the page without losing their aligned side by side.

Thank you

Dan

<! DOCTYPE HTML >

< html >

< head >

< meta charset = "utf-8" >

< title > home help - West Palm Beach to halfway < /title >

<!-[if lte IE8] >

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

<! [endif]-->

< style >

@charset "utf-8";

/ * CSS document * /.

Article, aside, figure, footer, header, nav, {section}

display: block;

margin: 0;

padding: 0;

}

{body

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

Color: #000;

background-color: #5fa026;

margin: 0px;

padding: 0px;

}

#container {}

Width: auto;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

left margin: auto;

background-color: #5fa026;

}

#maincontent {}

margin-left: auto;

margin-right: auto;

top of the margin: 80px;

padding-top: 10px;

padding-right: 0px;

padding-bottom: 10px;

padding-left: 0px;

}

. Center {}

margin-left: auto;

margin-right: auto;

}

. Pod {}

Background: #fff;

padding: 10px;

Width: 244px;

margin-right: 13px;

Display: inline-block;

}

{.podContent}

margin-top: 10px;

Width: 244px;

height: 181px;

overflow: hidden;

}

. Pod h1 {}

background: #ccc;

Color: #000;

padding: 5px;

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

background-repeat: repeat no.;

background-position: 95%;

do-size: 16px;

Police-weight: normal;

margin: 0 10px 0 0;

}

{a.Block}

text-decoration: none;

Display: block;

}

< / style >

< / head >

< body >

< div id = "container" >

< div id = "maincontent" >

< div class = "center" >

< section class = "pod" >

< a href = "#" > < welcome h1 > < / h1 > < /a >

< section >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

< / item >

< / section >

< section class = "pod" >

< a href = "#" > < benefits h1 > < / h1 > < /a >

< section >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

< / item >

< / section >

< section class = "pod" >

< a href = "#" > < h1 > on the zone < / h1 > < /a >

< section >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

Text < p > < /p >

< / item >

< / section >

< / div > < / div >

< / div >

< / body >

< / html >

Give your container a width in pixels or as a percentage.

#container {}

Width: 90%;

margin: 0 auto;

background-color: #5fa026;

border: 1px solid silver; / * for purposes of demonstration * /

}

{section. Pod}

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

Background: #fff;

padding: 10px;

Width: 30,33%;

margin: 0 1 0 1%;

display: inline-block;

}

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Should help the learner to build books from Indesign CS2 documents

    I am undertaking a project using Indesign CS2 I was ideal for the metaphor of the book.  I have about 17 chapters, small InDesign documents, I add to a book. Page numbering works fine, the mastersheets apply correctly when the page moves right, face to face to the left.  Very cool.

    My problem is how to get the text boxes to move with the master page.

    I placed a couple of text boxes on the page master and used the copy / paste in Place on the actual page.  I thought it would work, but the text boxes are remained were that they were placed at the origin.

    Any suggestions are appreciated.

    Bob

    Unless you Place, not paste the text in text frames, will not do for you. That said, you probably really don't need frameworks masters at all. If the text block is the same size block framed by the margin guides you can autoflow text without the main frame and the ID will make new frameworks based on the margins, and if you enable the setting of the page layout, images aligned with margin guides should move when you change the camp if the margin guides change position.

  • How the XML element used in RTF PUBLIC/PRIVATE? I know how to hide columns in RTF, but do not know how to generate xml below way. Help, please.

    Hello

    I'm following link below to show/hide my columns dynamically. See "formatting of column.

    http://docs.Oracle.com/CD/E12844_01/doc/BIP.1013/e12187.PDF

    According to the doc element can be made in private/public.

    <items type="PUBLIC">
     <item>
      <name>Plasma TV</name>
      <quantity>10</quantity>
      <price>4000</price>
     </item>
     <item>
    

    And even can be used to hide the column with the help of State

    <?if@column:/items/@type="PUBLIC"?>
    

    MY QUESTION IS HOW TO DO THIS IN MY XML BELOW?

    Here's the part of my XML code that I use in the definition of the data to RTF.

    <group name="GH3" source="QH3">
    <element name="COLUMN_HEAD3" value="COLUMN_NAME" /> 
    </group>
    <group name="GH4" source="QH4">
    <element name="COLUMN_HEAD4" value="COLUMN_NAME" /> 
    </group>
    

    I'm out like that.

    <LIST_GH3>
    <GH3>
    <COLUMN_HEAD3>REBILL_TO_OTHER_BUSINESS_UNIT</COLUMN_HEAD3>
    </GH3>
    </LIST_GH3>
    <LIST_GH4>
    <GH4>
    <COLUMN_HEAD4>XYZ</COLUMN_HEAD4>
    </GH4>
    </LIST_GH4>
    

    In order to use the logic according to the oracle document I want output like this.

    <LIST_GH3 type="PUBLIC">
    <GH3>
    <COLUMN_HEAD3>REBILL_TO_OTHER_BUSINESS_UNIT</COLUMN_HEAD3>
    </GH3>
    </LIST_GH3>
    <LIST_GH4 type="PRIVATE">
    <GH4>
    <COLUMN_HEAD4>BLANK</COLUMN_HEAD4>
    </GH4>
    </LIST_GH4>
    

    Should what changes I make in my XML to get the result of the execution as above? Help, please. Where should I make changes in the XML above? Name of the Group? Name of the element?

    I intend to use it under condition in RTF model to hide the column, but do not know how to set the column as PRIVATE/PUBLIC type in the XML output that is used to populate the data in the RTF while running.

    <?if@column:/BTSPIEXP/LIST_GH3/@type=”PUBLIC”?>COLUMN_HEAD3<?end if?>
    

    Kind regards

    Patricia K.

    Hello

    Problem has been resolved. I used the value of the item to determine whether to show it.

    Kind regards

    Patricia K.

  • help the duplication of an element of w - CSS I think

    Hello

    I'm trying to duplicate an item several times on my homepage non-profit. Because it is a large number of implemented changes I have reproduced the page and renamed him so I was able to test the results. I am a person of intermediate level web and has no original features I want to use, I tried to copy and paste the code, but the end result does not work.

    This is the page I want fixed http://www.indianapta.org/indexNew.html

    I would like to than the image of lower bars to look like the bar at the top, but with different titles. As you can see I do not have the cuff close the second bar text but not on top where I want it so it doesn't look the way it should.

    Top of the page of the item code looks like this:

    < div id = "apDiv46" > < img src = "Images/long_bar.gif" alt = "title" width = "500" height = "40" / > "

    < div class = "style21" id = "apDiv53" >

    < div align = "left" class = "style39" >

    < div align = "center" class = "style40" > < strong > An Interview with Superintendent Tony Bennett < facilities > < / div >

    < / div >

    < / div >

    < / div >

    Second element code looks like this:

    < div class = "style21" id = "apDiv86" >

    < img src = "Images/long_bar.gif" alt = "title" width = "300" height = "40" / > "

    < div class = "style21" id = "apDiv87" >

    < div align = "left" class = "style39" >

    < div align = "center" class = "style40" > < strong > National PTA offers contributions increase < facilities > < / div >

    < / div >

    < / div >

    < / div > < / p >

    < div id = "apDiv86" > < / div >

    I don't know what to change to get the decorative element I want to here and other places image on the page.

    Feel free to browse the rest of the source code of Firefox or Chrome if you need that I don't know what code to give here. 

    I hope someone can help me because I can use it works as the modification of the information.

    Thanks for any help

    ptapat1944

    an 'id' tag is only used for a specific item.  If you want to repeat the element, replace it with a 'class '.  You can either copy and paste CSS code & change the name of '#apDiv46' to '.apDiv46' or - and better - maybe give it a '. '. NewName.

    Once you have done this, you can use it as many times as you want by setting the div class

    Hope that helps.

  • I recently buy iPhone 6 s he'S / has and unfortunately the glass of my phone was broken, is it possible to change a new and that I should pay the penalty or not? Can you help me solve this problem? Thank you

    I recently buy iPhone 6 s he'S / has and unfortunately the glass of my phone was broken, is it possible to change a new and that I should pay the penalty or not? Can you help me solve this problem? Thank you

    See http://www.apple.com/support/iphone/repair/screen-damage/.

  • I paid for the game of the 4 elements and I can't access it yet is not even appear on my computer HELP

    Saturday, 19 March 2011 19:47:17 Microsoft purchase confirmation: MICROSOFT * XBOX LIVE <*** email="" address="" is="" removed="" for="" privacy="" ***="">Add to Contacts to: * address email is removed from the privacy * Frances dear ____, this mail is confirmation that you have purchased the following items: Date Confirmation # item (s) amount _-4 items $9.99 subtotal: $9.99 fee: $0.60 Total amount: $10,59 for-profit of your account information, go to https://billing.microsoft.com and select one of the following options : To update payment information, click on link of payment under "Type of payment" on the next page, click on 'Go to payment method information' and on the next page, click "Edit payment method information. For more information on the cancellation of a service, click the service name, and then on the next page click on "cancel my service". To view a statement for a payment method, click the method of payment under "Type of payment". To view the contract that you have accepted when purchasing a service, click on the service name, and then, on the next page, click on "read-service agreement. Help with your account, click 'contact support '. Thank you for using Microsoft Billing Services. Microsoft Customer Support to receive notifications at a different e-mail address, sign in to your account at https://billing.microsoft.com, select 'Access to the personal information', then click 'Edit personal information', change the 'Contact email' and click 'save '. For more information about online safety, visit http://www.microsoft.com/phishing. Microsoft respects your privacy, to learn more, please read our privacy statement online at http://go.microsoft.com/fwlink/?LinkId=74170 Microsoft Corporation, One Microsoft Way Redmond, WA 98052 2929 N Central Avenue Suite 1400 Phoenix, AZ 85012 as you can see I bought the 4 elements game, but I can not access the game, what is happening.

    Hello
     
     
    I would ask you to contact Microsoft Customer support on this issue. See the article below for more information.
    How and when to contact Microsoft and support Customer Service
    http://support.Microsoft.com/kb/295539
     
    You can also check out the article below to activate the game once you have the product key.
    Activate your Microsoft games and mapping programs
    http://support.Microsoft.com/kb/927007
     
    I hope this helps.
  • Help Popup not rendered HTML based on the referenced element.

    I have a named item & P104_GENDER on a page that references a hidden item, which is calculated using a calculation that uses a database function to retrieve data to help for the item and fill in the hidden element.

    So for this article, is the source of help & P104_GENDER_HELP. & P104_GENDER_HELP is filled with "Please enter a sex. Possible values are: & lt; BR & gt; -Male & lt; BR & gt; -Female' according to the debugging session.


    When I click on the label to display the context-sensitive Help window, it displays: "Please enter a sex. Possible values are: & lt; BR & gt; -Male & lt; BR & gt; -Female. "

    Apex 3.X, the HTML would render correctly and it would display:

    Please enter a sex. Possible values are:
    -Male
    -Female

    But in Apex 4.0, it makes just the text as if it had no HTML implementation involved form, i.e. "Please enter a sex. Possible values are: & lt; BR & gt; -Male & lt; BR & gt; -Female. "

    However, if I put the source directly for help on the question "Please enter a sex. Possible values are: & lt; BR & gt; -Male & lt; BR & gt; -Female", without reference to the hidden item, it renders properly in HTML format.

    I tried to change my label template to use javascript:popupfieldhelpclassic instead of the javascript:popupfieldhelp function, but I get the same wrong result.

    When I looked at the source that is generated in the pop-up window when you reference an element hidden, is to convert the < and >, symbols of "& lt" and "& gt" respectively, which means it does reference the text from the element hidden in the form of literal text and convert anything that resembles HTML in plain text instead of treat it only as HTML. I can see why this would be useful for some people, but it's not so useful to me, especially since he is used to the opposite effect.

    They have both have in common, is that they use the wwv_flow_item_help.show_help function. I guess that the culprit lies in this encapsulated code.

    Anyone has an idea on how to work around this problem so that text coming from referenced items analyzed and presented in HTML format instead of literal text?

    Thank you very much.

    Published by: user12021046 on December 15, 2011 13:51
    Changed for good formatting HTML :-)

    Ah, now I understand!

    So I think the problem is, when you click the label, he calls a procedure that returns the text of help via AJAX. In my view, this procedure escapes html tags, and from what I can tell, there is no setting to disable. :( Even if you load classic help, these tags are also escaped. There may be tweaks that I don't know, but I looked into the security of the shared components section, but nada.

    So a possible solution?

    If you look at the label, you'll see that it links to the following function:

    function popupFieldHelp(b,a){
         if(!$x("pScreenReaderMode")){
              apex.jQuery.getJSON("wwv_flow_item_help.show_help?p_item_id="+b+"&p_session="+a+"&p_output_format=JSON",
              function(c){
                   var d=apex.jQuery("#apex_popup_field_help");
                   if(d.length===0){d=apex.jQuery('
    '+c.helpText+"
    "); d.dialog({title:c.title,bgiframe:true,width:500,height:350,show:"drop",hide:"drop"}) } else{ d.html(c.helpText).dialog("option","title",c.title).dialog("open") } }) }else{ popupFieldHelpClassic(b,a) } return }

    A quick and dirty solution would be to replace the escape with their html tags characters so that it is rendered correctly

    that is, add the following:

                   c.helpText = c.helpText.replace(/</g, '<');
                   c.helpText = c.helpText.replace(/>/g, '>');
    

    -These forums are not keep what I write here, I'm sure you can understand what im speak well.

    Of course, change the label template to point to your custom function.

    The other solution I was going to suggest was to write your own application process that gets you some JSON - Martin D'Souza has written a blog on the use of the apex_util.json_from_sql; which is what you would probably use a query such as:

    select label, item_help_text
    from apex_application_page_items
    where item_id = apex_application.g_x01
    

    The problem is the text of the done element refers to another page, so it would return to the value chain e.g. & P12_ITEM. of course it wouldn't be to hard to get around.

    for example, select replace (item_help_text, '&' | apex_application.g_x02 |'.) (', v (apex_application.g_x02)) item_help_text
    of apex_application_page_items
    where item_id = apex_application.g_x01

    (not tested)

    and then as a quick primer to a way of doing AJAX

    1. create a htmldb_Get object: helpText var = new htmldb_Get (null, null, "APPLICATION_PROCESS = nom_processus");

    Where nom_processus is the name of an application process that you create

    2. Add the necessary parameters

    helpText.addParam ("x 01', 'itemId')
    helpText.addParam ("x 02', 'P12_ITEM')

    This is to add temporary variables that can be reference via apex_application.g_f0x; the alternative is that you can add paremeters State session with

    helpText.add ('nom_element', 'ITEM_VALUE') and get sent when you call the object's get() function.

    3. get the JSON and parse
    obj = JSON.parse (helpText.get ());

    Then create the http://jqueryui.com/demos/dialog/ for the help dialog box

    ..

    Well I hope that gives you some ideas / a starting point.

  • Hello. I am a student of software engineering. I want to run simple programs, I do in c++. But I don't really know what should be the specifications appropriate for my PC to do. Can you help me? and I use Windows XP SP2.

    Ideas: I have problems with my C++ programs.

    • You have problems with programs
    • Error messages
    • Recent changes to your computer
    • What you have already tried to solve the problem

    Remember - this is a public forum so never post private information such as numbers of mail or telephone!

    Well, you'll need a few things so that this works, including a code/text editor, compiler, some code to compile. The best place to get this kind of info is the developer forums http://msdn.microsoft.com/en-us/default.aspx. You can also search the internet for free C++ developer tools and you should find the info you need.

  • SQL report should look to the updating of the continuous element

    Hello

    I have a question about how it is possible to do a SQL report that looks like the element continuous is changed in the browser.

    I now have this SQL query:

    Select x.first_name, x.Last_name, it. Nom_element, ui.user_item_ID, ui.item_ID, ui.employee_number

    of APEX_EBS_ACTIVE_LIST x,.

    USER_ITEMS ui,

    ELEMENT that she

    where x.employee_number = ui.employee_number

    and it.item_id = ui.item_id

    and ui.employee_number =: p7_employee_number

    ORDER BY x.last_name

    I have Apex page 7 a popup lov (P7_employee_number. When selection here the employee_number I want that the SQL query displays at the same time the report below on the page with the information on the employee.

    Does anyone know how this is possible? I use APEX 4.2

    Thank you!


    Concerning
    ELCO

    ELCO

    On point page p7_employee_number have a dynamic action with the event 'change '.

    Have an action "Refresh" with as affected the region of you're sql statement.

    Make sure that the p7_employee_number element is declared as "Elements of Page to submit" to the region.

    Which will refresh the report whenever the item is changed.

    It is with the section of the page and the report are not on the same page apex.

    Nicolette

  • Disable "insert the front element / remove item ' in the table

    Hello guys.

    It is possible to deacitvate function "insert the front element / delete" appears after right-clicking on a table in the front?

    "Description and trick" should stay.

    Thank you.

    Alex

    You can customize the context menu to remove elements of the request and keep others:

    Click on the table (and not on the array element!) in the Panel and select Advanced-> Menu contextual Run - Time-> Edit...

    This brings the context Menu Editor:

    Change the control drop-down menu of "Default" to "Custom".

    Select it "?" line in the tree on the left control.

    on the right, change the element Type of the "user position" «Application point-> Description and Tip...» »

    It automatically fills the corrent name and the tag.

    Save the rtm either in a file or in the control.

    LV will automatically manage elements of the application in the control, any necessary events.

    I sometimes find the function "Menu copies" of the context menu very useful if I want to just disable some elements.

    http://zone.NI.com/reference/en-XX/help/371361G-01/lvconcepts/customizing_vis/#Customizing_Menus

  • Get the container element

    I created a container that contains numbers and strings of elements. I would like to pass the one element to a vi. But I don't know how to extract the element respectively.

    Is there a way to get the items in the container one by one? Something like: Array [1], Array [i + 1] will simply work for table, but that any container? I can't do [i] container. It will return the error.

    Thank you very much in advance!

    Once you get container.element_name in a variable example: locals.tempstr = "cont.str1".

    Use the below function to get the value.

    Locals.Str = RunState.main.locals.GetValVariant (locals. TempStr, 0)

    It works for the number, and string - chosen variant to this end.

    For numeric values, you can use val (locals.str) to convert the numeric type.

    There should be a way to get the type of variable. Will explore further and let you know.

    I hope this helps.

  • variable single process shared with the single element fifo reading arbitrary values

    Hello

    my request in real-time has a motion control loop and a loop of data acquisition. Before the move, the starting position is read once in the motion control loop and recorded as a shared single process with fifo variable single active element (I want to save only the last value). The starting position is then read several times in the loop of the acquisition of data and compared to the actual position. The movement is stopped in the DAQ loop when the difference between the starting position and the actual position reaches a certain displacement of the target.

    Now to my problem: the starting position is read in the loop of data acquisition of the variable correctly shared in the first round after having been written. Then it keeps read an arbitrary value that I have no idea where it came from. How can this happen?

    I summarize: I write the starting position once and then read it several times to calculate the actual shift...

    Thanks in advance for any help! Kind regards

    Grun80

    Hey,.

    It is a strange behavior, usually the variable should return the last value written. You write the variable in another place of the code too? You debug the application?

    What is the RT platform you are working? Version of LabVIEW?

    I suggest using a "functional Global Variable" and see if you still get this random values.

    Christian

  • How the fire of the date element in the region HTML validation

    Hello

    I created an HTML area with two page elements and a release button.  My requirement is to validate the Date element to be with in a specific range of dates.  I created the validation on P25_FROM_DATE and a PL/SQL function call that returns if entered Fales date not with in the range of dates.  I'm passing an application variable: article G_FINANCIAL_YEAR and page: P25_FROM_DATE for this function.  But it seems that the validation is not working. Can someone help me figure out what's going wrong here.

    My requirement is, entry date cannot enter beyond authorized range.  It should immediately appear a message if invalid date entered. (APEX 4.2.6)

    img-1.png

    img-2.png

    Thank you and best regards,

    -Anand

    anand_gp wrote:

    I checked to Info Path = accept

    And I do not see messages that begins with "validation."  List down what I see...

    0.03100 0.00000 Affecting NLS_TIMESTAMP_FORMAT format application timestamp: MON-DD-YYYY HH24.MI. SSXFF 4

    0.03100 0.00000 ... NLS: Set g_nls_date_format = 'MON-DD-YYYY ". 4

    0.03100 0.00000 ... NLS: Set g_nls_timestamp_format = "MY - DD - YYYY HH24.MI. SSXFF. 4

    0.03100 0.00000 ... NLS: Set g_nls_timestamp_tz_format = 'DD-MON-RR HH.MI. SSXFF AM TZR '. 4

    0.03100 0.00000 ... Check for expiration of the session: 4

    0.03100 0.00000 ... Session state: saved point new value "FSP_SESSION_TIME" = "" 20150515135522: "" 4

    0.03100 0.00000 ... Metadata: Page Fetch, calculation, process and branch 4

    0.03100 0.00000 Session: Extract information from session header 4

    0.03100 0.00000 ... metadata, extracting info page 4

    0.03100 0.00000 ... Validate page affinity point. 4

    0.03100 0.00000 ... Calculate the item values 4

    0.03100 0.00000 ... Validate the protected elements. 4

    0.03100 0.00000 ... Check authorization security systems 4

    0.03100 0.00000 Session state: save the p_arg_values and form elements 4

    0.03100 0.00000 ... "' Session state: saved point new value"P25_FROM_DATE = "" 4

    0.03100 0.00000 ... "' Session state: saved point new value"P25_OB_CASH = "" 4

    0.03100 0.00000 Process - point: ON_SUBMIT_BEFORE_COMPUTATION 4

    0.03100 0.00000 General direction of the point: front of calculation 4

    0.03100 0.01600 ... Evaluation of branch: "Print book" Type: button REDIRECT_URL: 5571516273276794 Condition: (Unconditional) 4

    0.04700 0.00000 Redirect to f? p = 110:25:14619187170771:YES: 4

    0.04700 0.00000 Turning off engine detected APEX 4

    0.04700 0.00000 Turning off engine detected APEX 4

    0.04700 - Final validation 4

    As clearly shown in the trace, this page follows a branch before page accept treatment reached the validation stage.

    We will reach the stage where you have to reproduce this on apex.oracle.com.

  • How can I disable the first elements adobe from my computer crashed

    How can I disable the first elements adobe from my computer crashed

    Hi Franks,

    This probably should have been posted in the Premiere Elements forum, as this forum is a place of social discussion.

    However, you can simply install Premiere Elements of the new computer and activate it. If not, then you will need to contact Adobe customer service and use the 'chat' option - they will help reset your activation:

    Contact the customer service

    I hope this helps!

    Mike

  • How can I create a button with alpha background and text? When the alpha element group influence all elements, but the text remains 100%

    When the alpha element group influence all elements, but the text remains 100%
    I try with the Group of elements and no group, but include elements in the 'State' of the widget library button. Nothing!

    Explain dough my problem and please excuse my English...
    I need to have a transparent background with text (name and job) at the start. When I rollon with the cursor of the mouse on the button background should take a color with 60% alpha, required text full color stay, but if I group or insert State of the item on Rollo button mouse everything take alpha 60%

    I need to regroup or insert in elements went State button because if they are ungruoped to mouse Rollo on bottom its all is ok, but when the mouse passes over the background of text out you of you initial state.

    Can someone help me please?

    I think I know your problem - are you using the opacity of the 'effects' rather than opacity to "fill" - one of the effects will affect the entire element rather than just the rectangle.

    Use this opacity

    not this one

Maybe you are looking for