How to get text padding in CS6 fluid layout div?

After having set-up my fluid layout divs and entering some content, the text is all slammed against the left. Very unsightly! But my every attemtpt at chaning the CSS to insert some left padding breaks the overall layout by pushing divs down the page and ruining the column structure, presumably because these divs no longer fit (?). My overall layout does have a mix of columns for tablet and desktop, which degrade to a single column for the mobile.
Any help teaching an ol' dog a new trick would be much appreciated!

If you're using other HTML tags like <li> <address> <cite> <code> <blockquote> etc... you'll need to create padding styles for those, too. Usually the padding will not appear if you haven't enclosed text or images inside an appropriate tag.
Nancy O.

Similar Messages

  • How to get text to align to the very top of a DIV?

    How to get text to align to the very top of a DIV?
    There is a gap at the top. I am using in this example H1 and
    a paragraph tag.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1" />
    <title>Text Alignment</title>
    <style type="text/css">
    body {
    background-color: #4a7186;
    p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2em;
    margin: 0px;
    padding: 0px;
    h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 3em;
    margin: 0px;
    padding: 0px;
    #box1 {
    width: 450px;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 0px;
    #box2 {
    width: 300px;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    padding: 0px;
    margin-bottom: 0px;
    </style>
    </head>
    <body>
    <div id="box1">
    <h1>Lorem ipsum H1</h1>
    </div>
    <div id="box2">
    <p>Lorem ipsum P</p>
    </div>
    </body>
    </html>

    <h1 style="margin-top:0;">Lorem ipsum H1</h1>
    It's a margin issue in SOME browsers.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "davidhelp" <[email protected]> wrote in
    message
    news:gpbg8q$8c6$[email protected]..
    > How to get text to align to the very top of a DIV?
    > There is a gap at the top. I am using in this example H1
    and a paragraph
    > tag.
    >
    >
    >
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    > "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > <html xmlns="
    http://www.w3.org/1999/xhtml">
    > <head>
    > <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1" />
    > <title>Text Alignment</title>
    > <style type="text/css">
    > body {
    > background-color: #4a7186;
    > }
    > p {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 2em;
    > margin: 0px;
    > padding: 0px;
    > }
    >
    >
    >
    > h1 {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 3em;
    > margin: 0px;
    > padding: 0px;
    > }
    >
    > #box1 {
    > width: 450px;
    > background-color: #FFFFFF;
    > margin-right: auto;
    > margin-left: auto;
    > margin-top: 30px;
    > padding: 0px;
    > margin-bottom: 0px;
    > }
    >
    > #box2 {
    > width: 300px;
    > background-color: #FFFFFF;
    > margin-right: auto;
    > margin-left: auto;
    > margin-top: 30px;
    > padding: 0px;
    > margin-bottom: 0px;
    > }
    > </style>
    > </head>
    >
    > <body>
    >
    > <div id="box1">
    > <h1>Lorem ipsum H1</h1>
    > </div>
    >
    > <div id="box2">
    > <p>Lorem ipsum P</p>
    > </div>
    >
    > </body>
    > </html>
    >
    >

  • How to get Text for nodes in Tree Structure

    Hi Friends,
    How to get Text for nodes in Tree Structure
    REPORT  YFIIN_REP_TREE_STRUCTURE  no standard page heading.
                       I N I T I A L I Z A T I O N
    INITIALIZATION.
    AUTHORITY-CHECK OBJECT 'ZPRCHK_NEW' :
                      ID 'YFIINICD' FIELD SY-TCODE.
      IF SY-SUBRC NE 0.
        MESSAGE I000(yFI02) with SY-TCODE .
        LEAVE PROGRAM.
      ENDIF.
    class screen_init definition create private.
    Public section
      public section.
        class-methods init_screen.
        methods constructor.
    Private section
      private section.
        data: container1 type ref to cl_gui_custom_container,
              container2 type ref to cl_gui_custom_container,
              tree type ref to cl_gui_simple_tree.
        methods: fill_tree.
    endclass.
    Class for Handling Events
    class screen_handler definition.
    Public section
      public section.
        methods: constructor importing container
                   type ref to cl_gui_custom_container,
                 handle_node_double_click
                   for event node_double_click
                   of cl_gui_simple_tree
                   importing node_key .
    Private section
      private section.
    endclass.
    *&                        Classes implementation
    class screen_init implementation.
    *&                        Method INIT_SCREEN
      method init_screen.
        data screen type ref to screen_init.
        create object screen.
      endmethod.
    *&                        Method CONSTRUCTOR
      method constructor.
        data: events type cntl_simple_events,
              event like line of events,
              event_handler type ref to screen_handler.
        create object: container1 exporting container_name = 'CUSTOM_1',
                       tree exporting parent = container1
                         node_selection_mode =
                cl_gui_simple_tree=>node_sel_mode_multiple.
        create object: container2 exporting container_name = 'CUSTOM_2',
        event_handler exporting container = container2.
    event-eventid = cl_gui_simple_tree=>eventid_node_double_click.
        event-appl_event = ' '.   "system event, does not trigger PAI
        append event to events.
        call method tree->set_registered_events
             exporting events = events.
        set handler event_handler->handle_node_double_click for tree.
         call method: me->fill_tree.
      endmethod.
    *&                        Method FILL_TREE
      method fill_tree.
        data: node_table type table of abdemonode,
              node type abdemonode.
    types:    begin of tree_node,
              folder(50) type c,
              tcode(60) type c,
              tcode1(60) type c,
              tcode2(60) type c,
              text(60) type c,
              text1(60) type c,
              text2(60) type c,
              end of tree_node.
      data:  wa_tree_node type tree_node,
                t_tree_node type table of tree_node.
    wa_tree_node-folder = text-001.
    wa_tree_node-tcode  = text-002.
    wa_tree_node-text =  'Creditors ageing'.
    wa_tree_node-tcode1 = text-003.
    wa_tree_node-text1 =  'GR/IR aging'.
    wa_tree_node-tcode2 = text-004.
    wa_tree_node-text2 =  'Bank Balance'.
    append wa_tree_node to t_tree_node.
    clear wa_tree_node .
    wa_tree_node-folder = text-005.
    wa_tree_node-tcode  = text-006.
    wa_tree_node-text =  'Creditors ageing'.
    wa_tree_node-tcode1 = text-007.
    wa_tree_node-text1 =  'Creditors ageing'.
    wa_tree_node-tcode2 = text-008.
    wa_tree_node-text2 =  'Creditors ageing'.
    append wa_tree_node to t_tree_node.
    clear wa_tree_node .
    wa_tree_node-folder = text-009.
    wa_tree_node-tcode  = text-010.
    wa_tree_node-text =  'Creditors ageing'.
    wa_tree_node-tcode1 = text-011.
    wa_tree_node-text1 =  'Creditors ageing'.
    wa_tree_node-tcode2 = text-012.
    wa_tree_node-text2 =  'Creditors ageing'.
    append wa_tree_node to t_tree_node.
    clear wa_tree_node .
    node-hidden = ' '.                 " All nodes are visible,
        node-disabled = ' '.               " selectable,
        node-isfolder = 'X'.                                    " a folder,
        node-expander = ' '.               " have no '+' sign forexpansion.
        loop at t_tree_node into wa_tree_node.
          at new folder.
            node-isfolder = 'X'.                      " a folder,
            node-node_key = wa_tree_node-folder.
                   clear node-relatkey.
            clear node-relatship.
            node-text = wa_tree_node-folder.
            node-n_image =   ' '.
            node-exp_image = ' '.
            append node to node_table.
          endat.
         at new tcode .
            node-isfolder = ' '.                          " a folder,
            node-n_image =   '@CS@'.       "AV is the internal code
            node-exp_image = '@CS@'.       "for an airplane icon
            node-node_key = wa_tree_node-tcode.
             node-text = wa_tree_node-text .
                     node-relatkey = wa_tree_node-folder.
            node-relatship = cl_gui_simple_tree=>relat_last_child.
          endat.
          append node to node_table.
        at new tcode1 .
            node-isfolder = ' '.                          " a folder,
            node-n_image =   '@CS@'.       "AV is the internal code
            node-exp_image = '@CS@'.       "for an airplane icon
            node-node_key = wa_tree_node-tcode1.
                     node-relatkey = wa_tree_node-folder.
            node-relatship = cl_gui_simple_tree=>relat_last_child.
              node-text = wa_tree_node-text1.
         endat.
          append node to node_table.
           at new tcode2 .
            node-isfolder = ' '.                          " a folder,
            node-n_image =   '@CS@'.       "AV is the internal code
            node-exp_image = '@CS@'.       "for an airplane icon
            node-node_key = wa_tree_node-tcode2.
                     node-relatkey = wa_tree_node-folder.
            node-relatship = cl_gui_simple_tree=>relat_last_child.
            node-text = wa_tree_node-text2.
         endat.
          append node to node_table.
        endloop.
        call method tree->add_nodes
             exporting table_structure_name = 'ABDEMONODE'
                       node_table = node_table.
      endmethod.
    endclass.
    *&                        Class implementation
    class screen_handler implementation.
    *&                        Method CONSTRUCTOR
      method constructor.
       create object: HTML_VIEWER exporting PARENT = CONTAINER,
                      LIST_VIEWER exporting I_PARENT = CONTAINER.
      endmethod.
    *&                 Method HANDLE_NODE_DOUBLE_CLICK
      method handle_node_double_click.
      case node_key(12).
    when 'Creditors'.
    submit YFIIN_REP_CREADITORS_AGING  via selection-screen and return.
    when  'Vendor'.
    submit YFIIN_REP_VENDOR_OUTSTANDING  via selection-screen and return.
    when 'Customer'.
    submit YFIIN_REP_CUSTOMER_OUTSTANDING  via selection-screen and
    return.
    when 'GR/IR'.
    submit YFIIN_REP_GRIR_AGING  via selection-screen and return.
    when 'Acc_Doc_List'.
    submit YFIIN_REP_ACCOUNTINGDOCLIST  via selection-screen and return.
    when 'Bank Bal'.
    submit YFIIN_REP_BANKBALANCE  via selection-screen and return.
    when 'Ven_Cus_Dtl'.
    submit YFIIN_REP_VENDORCUST_DETAIL via selection-screen and return.
    when 'G/L_Open_Bal'.
    submit YFIIN_REP_OPENINGBALANCE via selection-screen and return.
    when 'Usr_Authn'.
    submit YFIIN_REP_USERAUTHRIZATION via selection-screen and return.
    endcase.
      endmethod.
    endclass.
    Program execution ************************************************
    load-of-program.
      call screen 9001.
    at selection-screen.
    Dialog Modules PBO
    *&      Module  STATUS_9001  OUTPUT
          text
    module status_9001 output.
      set pf-status 'SCREEN_9001'.
      set titlebar 'TIT_9001'.
      call method screen_init=>init_screen.
    endmodule.                 " STATUS_9001  OUTPUT
    Dialog Modules PAI
    *&      Module  USER_COMMAND_9001  INPUT
          text
    module user_command_9001 input.
    endmodule.                 " USER_COMMAND_9001  INPUT
    *&      Module  exit_9001  INPUT
          text
    module exit_9001 input.
    case sy-ucomm.
    when 'EXIT'.
      set screen 0.
    endcase.
    endmodule.
            exit_9001  INPUT

    you can read  the table node_table with nody key value which imports when docubble click the the tree node (Double clifk event).
    Regards,
    Gopi .
    Reward points if helpfull.

  • How to get text when mousing over image?

    Hey there, I am extremely new to Flash, but know other Adobe programs so tend to learn quickly.
    I desperately need to find out how to get text to pop up when i mouse over PART of the image and i havent been able to find any help online in the last two days (pulling my hair out in stress).
    Now i uploaded a rough mock up i did on Photoshop, so you can see when i mouseover the top layer of the cake i need a line to stretch out and the text to pop up at the end of it. Similarly if i moused over the cherry another piece of text needs to come up in the same manor.
    Also since i need it to be a website link so what format do i open it with when i go to FILE- NEW?
    Honestly thank you so much in advance to anyone that helps

    First you have to choose if you want to handle devices. If not and you want to stay in Flash I'll stick on topic.
    In the HTML version you could either use a good old fashioned image map (they're still fine in the HTML5 era) or you could use a layering technique (here's a random layering example).
    In Flash you can do it a few different ways. If you intend on keeping the image intact as a single object then you'll be essentially doing the same as an image map. You can draw invisible hitareas on the various parts of the object and have those areas trigger a specific function that will display your text. If you break up the image into the separate parts then you can directly assign those parts to fire off a function themselves.
    First I'd like to know your desired direction.

  • How to get Text from (.txt) file to display in the JTextArea ?

    How to get Text from (.txt) file to display in the JTextArea ?
    is there any code please tell me i am begginer and trying to get data from a text file to display in the JTextArea /... please help...

    public static void readText() {
      try {
        File testFile = new File(WorkingDirectory + "ctrlFile.txt");
        if (testFile.exists()){
          BufferedReader br = new BufferedReader(new FileReader("ctrlFile.txt"));
          String s = br.readLine();
          while (s != null)  {
            System.out.println(s);
            s = br.readLine();
          br.close();
      catch (IOException ex){ex.printStackTrace();}
    }rykk

  • Help: how  to get text from IFRAME

    <!-- The box where we type-->
    <IFRAME class="mytext" width="100%" ID="mytext" height="200">
    </IFRAME>
    someone can tell me how i get text in my servlet from
    <IFRAME>
    thankx in advance...

    someone can tell me how i get text in my servlet from
    <IFRAME>
    thankx in advance...Hmm. I think you are mixing something up here. Why would you use an IFrame for entering text? IFrame is used for including content from different HTML-pages inside your page.
    If you want to have a textbox for an user to enter text into and submit it to a server, you need a form and a textarea inside that. Like this:
    <form action="myServlet" method="post">
    <textarea name="myArea">
    </textarea>
    <input type="Submit" value="Ok">
    </form>Change the action in the form to reflect the mapping to your servlet.
    Then you can just do a String enteredText = request.getParameter( "myArea" ); inside your servlet.
    If you insist that you need to use an IFrame, I guess the only way to do it would be to write a Javascript function, that copies the contents from the IFrame to a hidden field before the page is submitted to your servlet. In your servlet you would read the value from the hidden field.
    .P.

  • How to get text lables in x axis for xcelsius bubble chart

    Hi
    How to get text values in x axis for xcelsius bubble chart
    I have data as follows
    x axis: closed/qualification/lost
    y axis: deal age
    z axis: amount(bubble size)
    Thanks

    If you are using Xcelsius 2008 SP3 you will be able to do this.

  • Upgraded to kitkat this morning, messaging not working. Please advise how to get texting back.

    Cannot use Messaging after updating to KitKat. Says Messaging not available. Please advise how to get texting back.

        I want to ensure that you're device is running top notch! Do you receive the "Messaging not available" upon entering the Message app? I would suggest heading into Settings > Applications > Manage Applications > All and clearing data / cache from the app. If you don't see improve here I would suggest testing the device in Safe Mode: http://vz.to/1m9ArqO
    YosefT_VZW
    Follow us on Twitter @VZWSupport

  • HT202305 How to get text erase from I phone

    how to get text messages erase from I phone 6

    Do your contacts appear at http://www.iCloud.com after signing in?
    If so, you just follow the iCloud Setup instructions here: http://www.apple.com/uk/icloud/setup/mac.html

  • How to get text verable value

    how to get text verable value
    Scenaior
    IN a query designer ,I had create a formula, this formual use two selection ,and this formula description must use text variable ,
    this variable must get current system time and make a offset like+1 or +2,how can i do this I know SAP have stander text variable 0cmontht can get current system time ,but It is can not offset
    any one can help me
    regard
    wenlong

    Hi Wenlong,
    U can create a text variable of type 'user exit' and wirte code in backend to offset the value.
    Regards,
    Rathy

  • How to get text into a timeline

    I do not understand how to get text into a timeline in Premiere Pro.  I can work in titles more or less, change fonts and sizes, but I do not get how to insert the text into the timeline.  Am I even starting at the right place, going into "titles" first?

    Once you have made your title, drag it from the project panel to V2 on your timeline above your other footage.

  • How to get the field COMPLETION in extract layout

    Hi,
    Does anyone knows How to get the field COMPLETION in extract layout? i have not been able to find it and it is imperative to have it for implementing a new evaluation.
    Thanks a lot for your help.
    CAMILO URIBE

    Hi Neil,
    The following steps describe what we did to get the new evaluation:
    1. Define Attributes and Object Types for Evaluations: here we added a new field for evaluation. The field was COMPLETION (degree of processing in percent), with relevant object "TASK". "No Summarization" was configurated as Rule for Summarization
    2. Define Extract Layouts: here we created a new extract layout for evaluation. The objects and attributes to be used were defined (the field COMPLETION  was defined as attribute).
    3. Assign Extract Layouts to Project Types.
    4. Define Evaluations: the new layout for evaluation were created using the attributes.
    5. Define Severity.
    6. Define Threshold Values. In the new evaluation the field COMPLETION was used in the formula.
    After configurating and testing, we have noticed that the values of field COMPLETION are not taking into account. It does not matter which value it has, evaluation always take 0.
    Thanks for your help,
    CAMILO URIBE

  • How to get text vertically centred in Li box

    I am updating our company website in another area of the system which is why you'll see a tf in the web address I am about to give.
    http://www.essentialfinance.net/tf/products/reconciling/accruals_manager.asp
    Now, the problem I have is that the options in the boxes are aligned to the top.
    I have had quite a problem understanding how to get these boxes to work so that they highlight when hovered etc, but eventually got there through some tutorial which seems to create a nav class hanging off the ul.
    I have tried altering everything in the ul.nav, ul.nav li, ul.nav a regarding getting the text to vertical align centred but no success.
    The css file is here:
    http://www.essentialfinance.net/tf/main.css
    I put that link in since someone may be able to pick out my faults.
    I have only put a link to # (goes nowhere) to get the <a> code initialised.....
    By the way - don't worry about the colour scheme... it's only temporary to test the functionality.
    And I would not wander anywhere else in the site - it's a shambles which is why i'm looking at it.
    Can anyone please advise? Thank you very much in advance for any feedback.
    Terry

    These forums are getting worse by the day.  Try this link for the last time:
    <http://www.mytechnet.talktalk.net/sidebar.txt>
    If it works, it works otherwise tough luck.

  • How to get text of exception in my program, exception is defined in FM?

    I have written a function module where i have defined a couple of exceptions. If an error occurrs i raise the exception.
    My issue is, in my calling program, i call the function module i have created and once the exception occurrs i need to get the text associated with that exception.
    I dont know how to get the text of the exception. The short text is defined in exception tab of the function module.
    Any help will be appreciated.
    Thanks

    hi check this example..
      RECEIVE RESULTS FROM FUNCTION 'ZMARD_DATA'
         IMPORTING
           E_RECORDS  = g_records
         EXCEPTIONS
           no_data                            = 1
           open_dataset_no_authority          = 2
           convt_codepage_init                = 3
           dataset_too_many_files             = 4
           unknown_file_opening_error         = 5
           dataset_write_error                = 6
           dataset_not_open                   = 7
           dataset_cant_close                 = 8
           OTHERS                             = 9.
      CASE sy-subrc.
        WHEN 0.
          error_rec-msg_text     = 'Data Loaded'.
          g_total_rec = g_total_rec + g_records.
        WHEN 1.
          error_rec-msg_text     = c_no_data.
        WHEN 2.
          error_rec-msg_text     = 'OPEN_DATASET_NO_AUTHORITY'.
        WHEN 3.
          error_rec-msg_text     = 'CONVT_CODEPAGE_INIT'.
        WHEN 4.
          error_rec-msg_text     = 'DATASET_TOO_MANY_FILES'.
        WHEN 5.
          error_rec-msg_text     = 'UNKNOWN_FILE_OPENING_ERROR'.
        WHEN 6.
          error_rec-msg_text     = 'DATASET_WRITE_ERROR'.
        WHEN 7.
          error_rec-msg_text     = 'DATASET_NOT_OPEN'.
        WHEN 8.
          error_rec-msg_text     = 'DATASET_CANT_CLOSE'.
        WHEN 9.
          error_rec-msg_text     =
                  'Unknown error calling FM : ZMIO_GET_MARD_DATA'.
      ENDCASE.

  • How to get text of itab header and structure field name dynamically?

    HI.
    I'm just trying display itab to web.
    of cause I can use <htmlb:tableView> but I need display by loop itable  for my special reason.
    the table is dynamic structure that means header line should be changes depends on structure description.
    '<htmlb:tableView>' certainly can display header line dynamically with just itable only.
    but don't know how to get these text and structure field name without 'tableView'.
    help me please.
    Thank you.
    <TABLE border=1>
    <TR style="background-color:#FFFF99" >
         <TD>header 1</TD>
         <TD>header 2</TD>
         <TD>header 3</TD>
    </TR>
    <%
    DATA: WA_STR TYPE FOPT_BSP_UI_REPORT.
    LOOP AT TT_itab INTO WA_STRUC.
    %>
    <TR>
         <TD nowrap><%=WA_STRUC-ORGUNIT_T%></TD>
         <TD nowrap><%=WA_STRUC-PRGROUP_T%></TD>
         <TD nowrap><%=WA_STRUC-PROCESS_T%></TD>
    </TR>
    <%ENDLOOP.%>
    </TABLE>

    DDIC structure means struture made from SE11?
    if yes,that's what I'm trying to display table.
    and my sepcial reason is this:
    my final purpose is download dynamic table to excel file.
    but when I download table comes form "<htmlb:tableView>" with changing http response header that shows some link error and useless icon and no table grid and etc...
    "<htmlb:tableView>" resulting lot of useless tags and script.
    think iterator has no function removing extra tags
    so  I'am trying to make simple html table.
    but problem is that itable is not just one structure can be more than 100 kinds of structure.
    in this situation is there any way to display dynamic itab into simple html table?

Maybe you are looking for

  • GRN after PO completion indication

    Dear experts, We have implemented PO - Inbound - GRN, If i prepared an inbound & GRN for short qty and ticking the Delivery completion indicator then also system is allowing to do the Inbound & GRN for the remaining qty. Please suggest how we can res

  • Formula Variable in BEx

    Hi All, Can some one explain to me whta a formula variable is all about and how it works. With an example or point to some document for the same...it will be very helpful. Thanks in advance. Tina

  • Cfsavecontent

    I am using a Flash file that calls gallery.xml its hardcoded into the flash and i cant edit the flash file. the code in my page looks like [PHP] <cfsavecontent variable="gallery"> <?xml version="1.0" encoding="UTF-8" standalone="no"?>     <gallery fr

  • Skype 7.7 Not working after update

    For the last several days Skype has refused to open following an automated update. Every attempt to log in fails and delivers a message: Skype has stopped working A problem caused the program to stop working correctly. Windows will close the program

  • Where should I put new images

    Background - I am a long time Elements user on Windows. On disk my images are organized in folders by subject and that cannot change. With Elements I copy the images from a card into a subfolder of My Pictures\New. I then move the images into other f