How do I use a div as a spacer?

If I put 6 divs next to each other and put wording in each they work fine in the desktop view but if I leave the left div blank to use as a spacer It will not work.  The other 5 move to the left.  I need to use the first and last divs as spacers.  I have heard you can use a blank transparent .gif but is that the only way? Can you please advise?

I am trying to convert from Expression Web 4 to DW CS6 which is quite a learning experience.  I can't send you a link because it isn't published but the following is the CSS for the desktop section.  I tried to set the width to 175 px but that didn't help at all.  I would appreciate your advice.  @media only screen and (min-width: 769px) { .gridContainer {      width: 99.2424%;      max-width: 1232px;      padding-left: 0.3787%;      padding-right: 0.3787%;      margin: auto; } #LayoutDiv1 {      clear: both;      float: left;      margin-left: 0;      width: 100%;      display: block; } #N1 {      clear: both;      float: left;      margin-left: 0;      width: 16.0305%;      display: block;      text-align: center;      color: #930; } #pic1 {      clear: none;      float: left;      margin-left: 0.7633%;      width: 16.0305%;      display: block; } #pic2 {      clear: none;      float: left;      margin-left: 0.7633%;      width: 16.0305%;      display: block; } #pic3 {      clear: none;      float: left;      margin-left: 0.7633%;      width: 16.0305%;      display: block; } #pic4 {      clear: none;      float: left;      margin-left: 0.7633%;      width: 16.0305%;      display: block; } #N2 {      clear: none;      float: left;      margin-left: 0.7633%;      width: 16.0305%;      display: block;      text-align: center;      color: #900; } }

Similar Messages

  • How can I use the free space of my Time Capsule as wireless HD ?

    Hi,
    Just set up a 2T Time Capsule and use it as Time Machine for my IMac and my MacBook.
    How can I use the 1 Tb free space to ave data available from all my devices ?
    Tks

    thierry118 wrote:
    Just set up a 2T Time Capsule and use it as Time Machine for my IMac and my MacBook.
    How can I use the 1 Tb free space to ave data available from all my devices ?
    Although it seems like you have a lot of extra space, Time Machine keeps versions, and if you want to take full advantage of the version history you should not worry about "extra space" because it will get used to provide safer coverage for the two Macs. If you had a Time Machine disk that fit your two Macs' hard drives perfectly, you would have no room for the version history, only room for the one most recent copy of each file. This can be a problem if you discover corruption that happened a while ago and cannot go back far enough in time to find an uncorrupted file.
    Therefore it's better to not try and use up the "extra space" and let it be used for a longer, safer version history for your backups.
    But like you, I want to use my Time Machine for additional network storage. So I plugged a cheap, compact hard drive into the Time Capsule USB port, and that shows up in File Sharing too. There is no need to buy anything fancier since it will be limited by both network speed and USB 2.0 anyway.

  • How to use a div id as a php var

    Hello,
      I have a form that is generated from a database with unique links that users can click and edit details about various vehicles.
    Now these links are each in their own div that has an id that i would like to use for insertion back into the database. (the users click the vehicles, then edit details, then it is submitted)
    The link is clicked for the vehicle, some details are changed via js windows etc, then the user click a finalize upload button to submit form
    For some reason i cant figure out how to use the div id to pass via php back to the database.
    what is the correct way to do this? not very experienced with ajax, and dont want to use.... but maybe hidden fields? confused.... the clicking of the unique divs does not submit the form, so not sure how to store the data effectively.... page cant be refreshed.
    [CODE]
    <div id="vehicle57">
    <a href="javascript:showSlider(57, 2001, 'Audi', 'A6' , 57, false);">
    <span class="videoStatHeading">VEHICLE: </span>
    2001 Audi A6</a>
    </div>
    <div id="vehicle54">
    <a href="javascript:showSlider(54, 1999, 'Dodge', 'Caravan' , 3, false);"><span class="videoStatHeading">VEHICLE: </span>
    1999 Dodge Caravan</a>
    </div>
    [/CODE]
    thanks a lot

    hello Shocker,
    here is the showSlider function, sorry didnt include it earlier
    function showSlider(vID,year,make,model,setupId,clickPOS){
              //remove default style
              //$("#uploadOptions").removeAttr("style");
              //window.alert("ID: " + vID);
              addMask();
        var pos;
        if(!clickPOS){
                  //make sure radio button 1 is showing
                  $("#firstRadio").show();
                  pos = calcPos(vID);//pos contains the position of the link clicks.
        }else{
                  //this means were clicked (change vehicle setup), hide
                  $("#firstRadio").hide();
                  pos = $("#bottomFieldset").offset();
                  pos.top           = pos.top-40;
                  pos.left           = pos.left-40;
        //reset error container
        $("#errorContainer").html("");
              //set width and height to zero before animation
              $("#uploadOptions").attr("style","height:0;width:0;opacity:0;filter:alpha(opacity=0)");
              //set position attributes rel to document
              $("#uploadOptions").offset(pos);
              /** AJAX request */
              if(!clickPOS){ //only reset
                        $.get("../ajaxResponders/getSetups.php",
                                  {vId: vID},
                                  function(data){
                                            $("#setup_span").html(data);//to strip the html headers from data
                        /** end AJAX request */
                        /** AJAX request */
                        $.get("../ajaxResponders/getSetupPic.php",
                                  {vId: vID},
                                  function(data){
                                            $("#setupThumb").html(data);//to strip the html headers from data
                         //reset error container
        $("#setupThumb").html(" ");
                        /** end AJAX request */
              //set element values of box
              $("#setupTextBoxWrapper").hide();//hide textbox
              $("#setupTextBox").html("").val("");//reset the textbox
              //set actionButton button text/script
              $("#actionButton").html("Confirm");
              $("#actionButton").attr("href","javascript:confirm();")
              $("#setupRadioOptions").attr("style",'');
              //$("#setupType").attr("checked",'false');//uncheck prev selected
              $("input[name='setupType']:checked").attr("checked",false);
              $("#vYear").html(year);
              $("#vModel").html(model);
              $("#vMake").html(make);
              $("#vID").attr('value',vID);
              $("#setupId").attr('value',setupId);//add setupId for case 1 & 2
              //animate box to open
              //$("#uploadOptions").hide().slideDown("slow");
              $("#setup_span").hide();
              //calculate height of setupbox
              var outerHeight = $("#setup_span").outerHeight(true);
              var fH = 280 +outerHeight;
              $("#uploadOptions").hide().css("z-index",9999);
              $("#uploadOptions").hide().animate({
                        "width": "500px",
                        "height": fH,
                        "opacity" : "1"
              },600,"swing",function(){
                        //adjust height to fit
                        $("#uploadOptions").css("height","");
                        //if no setups found in the db
                        if(!clickPOS){
                                  $("#setupLabel").html("Is this the setup for the media displayed?");
                                  var setSpanHTML = $("#setup_span").html();
                                  if($.trim(setSpanHTML)== "" && !clickPOS){
                                            //hide setup
                                            $("input[name='setupType']:checked").attr("checked",false);//uncheck selected box
                                            $("#setupType1").attr("disabled","disabled");
                                            $("#setupType3").attr("disabled","disabled");
                                            $("#setupType2").attr("checked",true);
                                            //no setup from db
                                            $("#setup_span").html('<span style="color:red">No setups found for this vehicle</span>');
                                            //flash setup span
                                            $("#setup_span").show().animate({
                                            "opacity":"0"
                                            },300,"swing",function(){
                                                                $("#setup_span").animate({
                                                                          "opacity":"1"
                                                                },300);
                                                      });//end function
                                            //flash confirm button
                                  }else{
                                            $("#setup_span").hide().slideDown("slow");
                        }else{
                                  $("#setupLabel").html("Change Setup");
              });//end function
    }//end function

  • How can I specify which divs to display using js/css

    I'm building a web app that will be converted to a smartphone app, probably using phone gap build. I began by using the jquery mobile sample which appears to work well. The app will display a series of phrases on the page in English and then optionally display the phrase in Formal Spanish or Informal Spanish, the user can also tap the screen to hear the phrase.
    The problem I'm having is how to control whether the user sees the Formal or informal Spanish. I'd like to have either a couple of checkboxes where the user can select Formal/ Informal/ Both or three buttons identified as Formal/ Informal/Both, buttons would be preferable to checkboxes.
    I set up DIVs around the Formal and Informal Spanish phrases and defined them as "Class: Formal" or Class Informalt" and thought I'd use Display:Inline or Display:None but how do I get from someone tapping on a button to changing the CSS so that the class selected is defined as Display:Inline and the class not selected is defined as Display:None? As this will be a smartphone app all I can use is HTML, CSS and JS.
    This is my first app and I'm having a hard time getting my head around this.
    The web app can be seen here www.pslt.biz/mobileApp/LE4/index.html#ageWtHt  where you'll see a single English phrase and the Formal and Informal Spanish.
    Thanks for any direction you can give.
    Here's the html for the aprt of the page in question
    <div data-role="content">
         <div style="float:left"; "width:100%">
              <div style="width:200px">
                   <strong> How old are you?</strong>
              </div>
             <div  class="formal">
                 <div style="float:left">
                       <a href="#" onclick="playSound('Sounds/testaycaramba.mp3');">
                       <img src="images/audio-75.gif" alt="" width="25" height="25" /></a>
                 </div>
              <div style="float:left">
                    Cuántos años tiene?
              </div>
           </div>
           <div class="informal">
               <div style="clear:left">
                   <div  style="float:left">
                         <a href="#" onclick="playSound('Sounds/testaycaramba.mp3');">
                          <img src="images/audio-75.gif" alt="" width="25" height="25" /></a>
                   </div>
                   <div>
                        Cuántos años tienes?
                   </div>
              </div>
       </div>
    </div>

    Hi Murray,
    Thanks for the js code. I tried it and am having problems getting it to work. You can see the webapp here www.pslt.biz/mobileApp/LE4/index3.html , Then click on "Age, Weight & Height" and you'll see the buttons I added. There will be multiple English phrases on a page each one having two Spanish translations, one in Formal Spanish and the second in Informal Spanish. When the user clicks "Formal" they should see all the English phrases and only the Formal Spanish phrases(the first Spanish phrase after the English), when they click "Informal" they should see all the English phrases and only the Informal Spanish phrases(the second Spanish phrase) and when they click "Formal & Informal" they should see the English phrases followed by both Spanish phrases.  I have only set this up for the first phrase on the page, once i get it working for one phrase the rest should be easy....
    I tried aligning the buttons underneath the page header but when I did this, using a Div around the buttons, the buttons disappeared and I was left with links in blue that were very hard to read. I must be doing something wrong here too. I really appreciate your assistance with this.
    In case it helps, below is the code for the buttons in the header section of the page and the first English phrase on the page in the "Content" section of the page. Following that is the CSS which is in a separate file if that makes any difference.
    Thanks again.
    <div data-role="page" id="ageWtHt">
    <div data-role="header" data-theme="b">
            <h1>Age, Weight & Height</h1>
            <h1>1 kilo = 2.2 lbs, 1 meter = 3.3 ft. </h1>  
        <a href="#" onclick="document.getElementById('formal').style.display='block';documen t.getElementById('informal').style.display='none';">Display Formal</a>
               <a href="#" onclick="document.getElementById('formal').style.display='none';documen t.getElementById('informal').style.display='block';">Display Informal</a>
               <a href="#" onclick="document.getElementById('formal').style.display='block';documen t.getElementById('informal').style.display='block';">Display Formal & Informal</a>
    </div>
    <div data-role="content">
        <!-- Start test formal informal layout -->
    <div style="float:left"; "width:100%"> <!--Start formal/informal -->
         <div class="english" style="width:200px"> <!-- Start English -->
             How old are you?
         </div> <!-- End English -->
         <div class="formal"> <!-- Start Formal -->
             <div style="float:left">
                <a href="#" onclick="playSound('Sounds/testaycaramba.mp3');">
      <img src="images/audio-75.gif" alt="" width="25" height="25" /></a>
             </div>
             <div style="float:left">
              Cuántos años tiene?
             </div>
        </div> <!-- End Formal -->
        <div class="informal"> <!-- Start informal -->
             <div style="clear:left">
                  <div  style="float:left">
            <a href="#" onclick="playSound('Sounds/testaycaramba.mp3');">
      <img src="images/audio-75.gif" alt="" width="25" height="25" /></a>
               </div>
               <div>
               Cuántos años tienes?
               </div>
           </div>
        </div> <!-- End informal -->
    </div> <!-- End formal/informal test -->
       <!-- End test formal informal layout -->
      <h1><Br /><Br /> <Br />IGNORE BELOW HERE </h1>
    *******here is the CSS*******
    @charset "utf-8";
    body {
    font-family: Arial, Helvetica, sans-serif;
    .english { display:block;
    font-weight:bold;
    .formal { display:block;
    .informal {display:block;
    Tony

  • How do I use align="right" for text in a dl environment?

    I use a <dl> environment to control vertical line spacing extensively (thousands of pages).  Here is the objective:
    But I also need to have generation numbers, e.g. "2.2.1" right aligned on a defined width page.  I have tried various ways of achieving this using <div>, <span>, etc.  Each has unintended consequences.  The above is created using <table> in the <dt> line.  But W3C validator objects every time. 
    Here is my script:
    Or, if this is easier to read:
    <dt class="type_U_XXX"><table width="720" border="0" cellpadding="0">
      <tr>
        <td width="680">Johann Peter Bayer (*23.10.1716 Undenheim)</td>
        <td width="40" align="right">2.2.4</td>
      </tr>
    </table></dt>
    <dd class="col_0">Taufpate war Johann Peter Cohn, Gau-Odernheim.</dd>
    <dd class="col_0">Johann Peter Bayer war von 1751-1788 St.Albans-Hofmann in Undenheim.  Er ist als "hervorragender und emsiger Mann" und als "der Hof-Peter" überliefert.  Am 04.02.1744 heiratete er in Undenheim <i>Anna Catharina Dapper aus Sörgenloch</i>.  Trauzeugen waren Joh. Mathäus Bayer und Joh. Peter Dapper.<br /><br /></dd>
    <dt class="col_1">Kinder: (13)</dt>
    <dt class="type_U_XXXsX"><table width="680" border="0" cellpadding="0">
      <tr>
        <td width="640">Johann Mathäus Bayer (*03.04.1745, +02.10.1746 )</td>
        <td width="40" align="right">2.2.4/1</td>
      </tr>
    </table></dt>
    <dd class="col_1">Taufpate war Joh. Mathäus Lahr.<br /><br /></dd>
    How can I right-align the numbers in a <dl> environment?  It has to be in the <dt> line, not the <dd>.  Using the <dd> line indents the left margin, which is not acceptable. 
    Thanks for your help.  Please be very explicit.  Please show me the line or two of script that is needed, don't just say for example, use a <div>.

    I love your use of the definition list   However, nesting <table> in <dt> is obviously not good.
    HTML
    <dl>
            <dt>
                <div class="name">Johann Peter Bayer (*23.10.1716 Undenheim)</div>
                <div class="id">2.2.4</div>
            </dt>
            <dd>
                <p>Taufpate war Johann Peter Cohn, Gau-Odernheim.</p>
                <p>Johann Peter Bayer war von 1751-1788 St.Albans-Hofmann in Undenheim.  Er ist als "hervorragender und emsiger Mann" und als "der Hof-Peter" überliefert.  Am 04.02.1744 heiratete er in Undenheim <em>Anna Catharina Dapper aus Sörgenloch</em>.  Trauzeugen waren Joh. Mathäus Bayer und Joh. Peter Dapper.</p>
            </dd>
            <dt>
                <div class="name">Johann Peter Bayer (*23.10.1716 Undenheim)</div>
                <div class="id">2.2.4</div>
            </dt>
            <dd>
                <p>Taufpate war Johann Peter Cohn, Gau-Odernheim.</p>
                <p>Johann Peter Bayer war von 1751-1788 St.Albans-Hofmann in Undenheim.  Er ist als "hervorragender und emsiger Mann" und als "der Hof-Peter" überliefert.  Am 04.02.1744 heiratete er in Undenheim <em>Anna Catharina Dapper aus Sörgenloch</em>.  Trauzeugen waren Joh. Mathäus Bayer und Joh. Peter Dapper.</p>
            </dd>
    </dl>
    CSS
    dl {
    width: 720px;
    dl > dt > div.name {
        float: left;
        width: 680px;
    dl > dt > div.id {
        float: left;
        padding: 0 0 0 10px;
        width: 30px;
    dl > dd {
        clear: left;
    You may need to tweak the CSS a bit but you get the general idea.
    Kenneth Kawamoto
    http://www.materiaprima.co.uk/

  • How do i use illustrator cs6 classroom in a book

    how do i use illustrator cs6 classroom in a book?

    Do you have a copy of Illustrator installed?
    Then just begin at page 1, read it and practice what you read. Step by step.
    If you don't understand parts of it, dive into the manual as well or ask a question in this forum. But mind that not everybody has a copy of the Classroom in a book. So you need to ask your questions precisely and post screenshots of your artwork.

  • How do I use metadata text box in Aperture Book

    When I hit the button for a text box, I get a text box. Likewise for a new photo box. What I really want is a metadata text box and when I hit that button nothing happens. I have tried it with a photo selected and on a blank page.
    How do I use the metadata text box in Aperture books? BTW I am working on a small sized soft cover book.
    Powerbook G4 1.5   Mac OS X (10.3.6)  

    Do you have a copy of Illustrator installed?
    Then just begin at page 1, read it and practice what you read. Step by step.
    If you don't understand parts of it, dive into the manual as well or ask a question in this forum. But mind that not everybody has a copy of the Classroom in a book. So you need to ask your questions precisely and post screenshots of your artwork.

  • How do I use hot spots in the most advanced style?

    My first attempt at Dreamweaver web design.http://www.deer-harbor-stewardship-project.org  . I will be resampling my images and doing a ton of other appropriate modifications but here are some initial questions. How do I use this "plug in" http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html#blossom feature for my fluid grid responsive image map. How can I make my hot spots turn up little boxes with a photo, an illustration, or informatory text? How do I get ride of the spaces between divs? Sorry if I have asked too many questions. I better read the forum user rules if you have them. thanks for reading this. endurobob

    Murray *ACP* wrote:
    Anyhow, it makes no sense to put image tags within container tags meant to convey semantic meaning to their contents since an image has no semantic meaning.  So try changing this -
    <div id="header">
          <h1><img src="_images/title_scan.jpg" alt="newtitle"></h1>
    to this -
    <div id="header">
          <img src="_images/title_scan.jpg" alt="newtitle">
    I completely agree with this. However, if having an image as a heading was important (if you styled it in a way you can not with CSS) you could always code the image into the heading through CSS.
    Something like:
    <h1 class="heading">This is a heading</h1>
    h1.heading {
    margin:0;
    width:??;
    height:??;
    background: #000 url(ImageURLHere) no-repeat;
    text-indent:-9999px; /* This will move the text of the heading off-screen */
    The 0 margin on the style should clear up the gap as well.

  • How can we use TABLE CONTROL in BDC and WORK FLOW of ABAP.

    how can we use TABLE CONTROL in BDC and WORK FLOW of ABAP.?
    please explain the important questions.

    How to deal with table control / step loop in BDC
    Steploop and table contol is inevitable in certain transactions. When we run BDC for such transactions, we will face the situation: how many visible lines of steploop/tablecontrol are on the screen? Although we can always find certain method to deal with it, such as function code 'NP', 'POPO', considering some extreme situation: there is only one line visible one the screen, our BDC program should display an error message. (See transaction 'ME21', we you resize your screen to let only one row visible, you can not enter mutiple lines on this screen even you use 'NP')
    Now with the help of Poonam on sapfans.com developement forum, I find a method with which we can determine the number of visible lines on Transaction Screen from our Calling BDC program. Maybe it is useless to you, but I think it will give your some idea.
    Demo ABAP code has two purposes:
    1. how to determine number of visible lines and how to calculte page number;
    (the 'calpage' routine has been modify to meet general purpose usage)
    2. using field symbol in BDC program, please pay special attention to the difference in Static ASSIGN and Dynamic ASSIGN.
    Now I begin to describe the step to implement my method:
    (I use transaction 'ME21', screen 121 for sample,
    the method using is Call Transation Using..)
    Step1: go to screen painter to display the screen 121, then we can count the fixed line on this screen, there is 7 lines above the steploop and 2 lines below the steploop, so there are total 9 fixed lines on this screen. This means except these 9 lines, all the other line is for step loop. Then have a look at steploop itselp, one entry of it will occupy two lines.
    (Be careful, for table control, the head and the bottom scroll bar will possess another two fixed lines, and there is a maximum number for table line)
    Now we have : FixedLine = 9
                  LoopLine  = 2(for table control, LoopLine is always equal to 1)
    Step2: go to transaction itself(ME21) to see how it roll page, in ME21, the first line of new page is always occupied by the last line of last page, so it begin with index '02', but in some other case, fisrt line is empty and ready for input.
    Now we have: FirstLine = 0
              or FirstLine = 1 ( in our case, FirstLine is 1 because the first line of new page is fulfilled)
    Step3: write a subroutine calcalculating number of pages
    (here, the name of actual parameter is the same as formal parameter)
    global data:    FixedLine type i, " number of fixed line on a certain screen
                    LoopLine  type i, " the number of lines occupied by one steploop item
                    FirstLine type i, " possbile value 0 or 1, 0 stand for the first line of new                                                               " scrolling screen is empty, otherwise is 1
                    Dataline  type i, " number of items you will use in BDC, using DESCRIBE to get
                    pageno    type i, " you need to scroll screen how many times.
                    line      type i, " number of lines appears on the screen.
                    index(2)  type N, " the screen index for certain item
                    begin     type i, " from parameter of loop
                    end       type i. " to parameter of loop
    *in code sample, the DataTable-linindex stands for the table index number of this line
    form calpage using FixedLine type i (see step 1)
                       LoopLine  type i (see step 1)
                       FirstLine type i (see step 2)
                       DataLine  type i ( this is the item number you will enter in transaction)
              changing pageno    type i (return the number of page, depends on run-time visible                                                                             line in table control/ Step Loop)
              changing line      type i.(visible lines one the screen)
    data: midd type i,
          vline type i, "visible lines
    if DataLine eq 0.
       Message eXXX.
    endif.
    vline = ( sy-srows - FixedLine ) div LoopLine.
    *for table control, you should compare vline with maximum line of
    *table control, then take the small one that is min(vline, maximum)
    *here only illustrate step loop
    if FirstLine eq 0.
            pageno = DataLine div vline.
            if pageno eq 0.
               pageno = pageno + 1.
            endif.
    elseif FirstLine eq 1.
            pageno = ( DataLine - 1 ) div ( vline - 1 ) + 1.
            midd = ( DataLine - 1 ) mod ( vline - 1).
            if midd = 0 and DataLine gt 1.
                    pageno = pageno - 1.
            endif.
    endif.
    line = vline.
    endform.
    Step4 write a subroutine to calculate the line index for each item.
    form calindex using Line type i (visible lines on the screen)
                        FirstLine type i(see step 2)
                        LineIndex type i(item index)
              changing  Index type n.    (index on the screen)
      if  FirstLine = 0.
            index = LineIndex mod Line.
            if index = '00'.
                    index = Line.
            endif.
      elseif FirstLine = 1.
            index = LineIndex mod ( Line - 1 ).
            if ( index between 1 and 0 ) and LineIndex gt 1.
                    index = index + Line - 1.
            endif.
            if Line = 2.
                    index = index + Line - 1.
            endif.
    endif.
    endform.
    Step5 write a subroutine to calculate the loop range.
    form calrange using Line type i ( visible lines on the screen)
                        DataLine type i
                        FirstLine type i
                        loopindex like sy-index
            changing    begin type i
                        end type i.
    If FirstLine = 0.
       if loopindex = 1.
            begin = 1.
            if DataLine <= Line.
                    end = DataLine.
            else.
                    end = Line.
            endif.
       elseif loopindex gt 1.
            begin = Line * ( loopindex - 1 ) + 1.
            end   = Line * loopindex.
            if end gt DataLine.
               end = DataLine.
            endif.
       endif.
    elseif FirstLine = 1.
      if loopindex = 1.
            begin = 1.
            if DataLine <= Line.
                    end = DataLine.
            else.
                    end = Line.
            endif.
      elseif loop index gt 1.
            begin = ( Line - 1 ) * ( loopindex - 1 ) + 2.
            end =   ( Line - 1 ) * ( loopindex - 1 ) + Line.
            if end gt DataLine.
                    end = DataLine.
            endif.
      endif.
    endif.
    endform.
    Step6 using field sysbol in your BDC, for example: in ME21, but you should calculate each item will correponding to which index in steploop/Table Control
    form creat_bdc.
    field-symbols: <material>, <quan>, <indicator>.
    data: name1(14) value 'EKPO-EMATN(XX)',
          name2(14) value 'EKPO-MENGE(XX)',
          name3(15) value 'RM06E-SELKZ(XX)'.
    assign:         name1 to <material>,
                    name2 to <quan>,
                    name3 to <indicator>.
    do pageno times.
    if sy-index gt 1
    *insert scroll page ok_code"
    endif.
            perform calrange using Line DataLine FirstLine sy-index
                             changing begin end.
    loop at DataTable from begin to end.
            perform calindex using Line FirstLine DataTable-LineIndex changing Index.
            name1+11(2) = Index.
            name2+11(2) = Index.
            name3+12(2) = Index.
            perform bdcfield using <material> DataTable-matnr.
            perform bdcfield using <quan>     DataTable-menge.
            perform bdcfield using <indicator> DataTable-indicator.
    endloop.
    enddo.
    An example abap program of handling Table Control during bdc programming.
    REPORT zmm_bdcp_purchaseorderkb02
           NO STANDARD PAGE HEADING LINE-SIZE 255.
                    Declaring internal tables                            *
    *-----Declaring line structure
    DATA : BEGIN OF it_dummy OCCURS 0,
             dummy(255) TYPE c,
           END OF it_dummy.
    *-----Internal table for line items
    DATA :  BEGIN OF it_idata OCCURS 0,
              ematn(18),      "Material Number.
              menge(13),      "Qyantity.
              netpr(11),      "Net Price.
              werks(4),       "Plant.
              ebelp(5),       "Item Number.
            END OF it_idata.
    *-----Deep structure for header data and line items
    DATA  :  BEGIN OF it_me21 OCCURS 0,
               lifnr(10),      "Vendor A/c No.
               bsart(4),       "A/c Type.
               bedat(8),       "Date of creation of PO.
               ekorg(4),       "Purchasing Organisation.
               ekgrp(3),       "Purchasing Group.
               x_data LIKE TABLE OF it_idata,
             END OF it_me21.
    DATA  :  x_idata LIKE LINE OF it_idata.
    DATA  :  v_delimit VALUE ','.
    DATA  :  v_indx(3) TYPE n.
    DATA  :  v_fnam(30) TYPE c.
    DATA  :  v_count TYPE n.
    DATA  :  v_ne TYPE i.
    DATA  :  v_ns TYPE i.
    *include bdcrecx1.
    INCLUDE zmm_incl_purchaseorderkb01.
                    Search help for file                                 *
    AT SELECTION-SCREEN ON VALUE-REQUEST FOR p_file.
      CALL FUNCTION 'F4_FILENAME'
        EXPORTING
          program_name  = syst-cprog
          dynpro_number = syst-dynnr
        IMPORTING
          file_name     = p_file.
    START-OF-SELECTION.
           To upload the data into line structure                        *
      CALL FUNCTION 'WS_UPLOAD'
        EXPORTING
          filename = p_file
          filetype = 'DAT'
        TABLES
          data_tab = it_dummy.
        Processing the data from line structure to internal tables       *
      REFRESH:it_me21.
      CLEAR  :it_me21.
      LOOP AT it_dummy.
        IF it_dummy-dummy+0(01) = 'H'.
          v_indx = v_indx + 1.
          CLEAR   it_idata.
          REFRESH it_idata.
          CLEAR   it_me21-x_data.
          REFRESH it_me21-x_data.
          SHIFT it_dummy.
          SPLIT it_dummy AT v_delimit INTO it_me21-lifnr
                                           it_me21-bsart
                                           it_me21-bedat
                                           it_me21-ekorg
                                           it_me21-ekgrp.
          APPEND it_me21.
        ELSEIF it_dummy-dummy+0(01) = 'L'.
          SHIFT it_dummy.
          SPLIT it_dummy AT v_delimit INTO it_idata-ematn
                                           it_idata-menge
                                           it_idata-netpr
                                           it_idata-werks
                                           it_idata-ebelp.
          APPEND it_idata TO it_me21-x_data.
          MODIFY it_me21 INDEX v_indx.
        ENDIF.
      ENDLOOP.
                    To open the group                                    *
      PERFORM open_group.
            To populate the bdcdata table for header data                *
      LOOP AT it_me21.
        v_count = v_count + 1.
        REFRESH it_bdcdata.
        PERFORM subr_bdc_table USING:   'X' 'SAPMM06E'    '0100',
                                        ' ' 'BDC_CURSOR'  'EKKO-LIFNR',
                                        ' ' 'BDC_OKCODE'  '/00',
                                        ' ' 'EKKO-LIFNR'  it_me21-lifnr,
                                        ' ' 'RM06E-BSART' it_me21-bsart,
                                        ' ' 'RM06E-BEDAT' it_me21-bedat,
                                        ' ' 'EKKO-EKORG'  it_me21-ekorg,
                                        ' ' 'EKKO-EKGRP'  it_me21-ekgrp,
                                        ' ' 'RM06E-LPEIN' 'T'.
        PERFORM subr_bdc_table USING:   'X' 'SAPMM06E'    '0120',
                                        ' ' 'BDC_CURSOR'  'RM06E-EBELP',
                                        ' ' 'BDC_OKCODE'  '/00'.
        MOVE 1 TO v_indx.
    *-----To populate the bdcdata table for line item data
        LOOP AT it_me21-x_data INTO x_idata.
          CONCATENATE 'EKPO-EMATN(' v_indx ')'  INTO v_fnam.
          PERFORM  subr_bdc_table USING ' ' v_fnam x_idata-ematn.
          CONCATENATE 'EKPO-MENGE(' v_indx ')'  INTO v_fnam.
          PERFORM  subr_bdc_table USING ' ' v_fnam x_idata-menge.
          CONCATENATE 'EKPO-NETPR(' v_indx ')'  INTO v_fnam.
          PERFORM  subr_bdc_table USING ' ' v_fnam x_idata-netpr.
          CONCATENATE 'EKPO-WERKS(' v_indx ')'  INTO v_fnam.
          PERFORM  subr_bdc_table USING ' ' v_fnam x_idata-werks.
          v_indx = v_indx + 1.
          PERFORM subr_bdc_table USING:  'X' 'SAPMM06E'    '0120',
                                         ' ' 'BDC_CURSOR'  'RM06E-EBELP',
                                         ' ' 'BDC_OKCODE'  '/00'.
        ENDLOOP.
        PERFORM subr_bdc_table USING:    'X' 'SAPMM06E'    '0120',
                                         ' ' 'BDC_CURSOR'  'RM06E-EBELP',
                                         ' ' 'BDC_OKCODE'  '=BU'.
        PERFORM bdc_transaction USING 'ME21'.
      ENDLOOP.
      PERFORM close_group.
                      End of selection event                             *
    END-OF-SELECTION.
      IF session NE 'X'.
    *-----To display the successful records
        WRITE :/10  text-001.          "Sucess records
        WRITE :/10  SY-ULINE(20).
        SKIP.
        IF it_sucess IS INITIAL.
          WRITE :/  text-002.
        ELSE.
          WRITE :/   text-008,          "Total number of Succesful records
                  35 v_ns.
          SKIP.
          WRITE:/   text-003,          "Vendor Number
                 17 text-004,          "Record number
                 30 text-005.          "Message
        ENDIF.
        LOOP AT it_sucess.
          WRITE:/4  it_sucess-lifnr,
                 17 it_sucess-tabix CENTERED,
                 30 it_sucess-sucess_rec.
        ENDLOOP.
        SKIP.
    *-----To display the erroneous records
        WRITE:/10   text-006.          "Error Records
        WRITE:/10   SY-ULINE(17).
        SKIP.
        IF it_error IS INITIAL.
          WRITE:/   text-007.          "No error records
        ELSE.
          WRITE:/   text-009,          "Total number of erroneous records
                 35 v_ne.
          SKIP.
          WRITE:/   text-003,          "Vendor Number
                 17 text-004,          "Record number
                 30 text-005.          "Message
        ENDIF.
        LOOP AT it_error.
          WRITE:/4  it_error-lifnr,
                 17 it_error-tabix CENTERED,
                 30 it_error-error_rec.
        ENDLOOP.
        REFRESH it_sucess.
        REFRESH it_error.
      ENDIF.
    CODE IN INCLUDE.
    Include           ZMM_INCL_PURCHASEORDERKB01
    DATA:   it_BDCDATA LIKE BDCDATA    OCCURS 0 WITH HEADER LINE.
    DATA:   it_MESSTAB LIKE BDCMSGCOLL OCCURS 0 WITH HEADER LINE.
    DATA:   E_GROUP_OPENED.
    *-----Internal table to store sucess records
    DATA:BEGIN OF it_sucess OCCURS 0,
           msgtyp(1)   TYPE c,
           lifnr  LIKE  ekko-lifnr,
           tabix  LIKE  sy-tabix,
           sucess_rec(125),
         END OF it_sucess.
    DATA: g_mess(125) type c.
    *-----Internal table to store error records
    DATA:BEGIN OF it_error OCCURS 0,
           msgtyp(1)   TYPE c,
           lifnr  LIKE  ekko-lifnr,
           tabix  LIKE  sy-tabix,
           error_rec(125),
         END OF it_error.
           Selection screen
    SELECTION-SCREEN BEGIN OF LINE.
    PARAMETERS session RADIOBUTTON GROUP ctu.  "create session
    SELECTION-SCREEN COMMENT 3(20) text-s07 FOR FIELD session.
    SELECTION-SCREEN POSITION 45.
    PARAMETERS ctu RADIOBUTTON GROUP ctu.     "call transaction
    SELECTION-SCREEN COMMENT 48(20) text-s08 FOR FIELD ctu.
    SELECTION-SCREEN END OF LINE.
    SELECTION-SCREEN BEGIN OF LINE.
    SELECTION-SCREEN COMMENT 3(20) text-s01 FOR FIELD group.
    SELECTION-SCREEN POSITION 25.
    PARAMETERS group(12).                      "group name of session
    SELECTION-SCREEN COMMENT 48(20) text-s05 FOR FIELD ctumode.
    SELECTION-SCREEN POSITION 70.
    PARAMETERS ctumode LIKE ctu_params-dismode DEFAULT 'N'.
    "A: show all dynpros
    "E: show dynpro on error only
    "N: do not display dynpro
    SELECTION-SCREEN END OF LINE.
    SELECTION-SCREEN BEGIN OF LINE.
    SELECTION-SCREEN COMMENT 48(20) text-s06 FOR FIELD cupdate.
    SELECTION-SCREEN POSITION 70.
    PARAMETERS cupdate LIKE ctu_params-updmode DEFAULT 'L'.
    SELECTION-SCREEN END OF LINE.
    SELECTION-SCREEN BEGIN OF LINE.
    SELECTION-SCREEN COMMENT 3(20) text-s03 FOR FIELD keep.
    SELECTION-SCREEN POSITION 25.
    PARAMETERS: keep AS CHECKBOX.       "' ' = delete session if finished
    "'X' = keep   session if finished
    SELECTION-SCREEN COMMENT 48(20) text-s09 FOR FIELD e_group.
    SELECTION-SCREEN POSITION 70.
    PARAMETERS e_group(12).             "group name of error-session
    SELECTION-SCREEN END OF LINE.
    SELECTION-SCREEN BEGIN OF LINE.
    SELECTION-SCREEN COMMENT 51(17) text-s03 FOR FIELD e_keep.
    SELECTION-SCREEN POSITION 70.
    PARAMETERS: e_keep AS CHECKBOX.     "' ' = delete session if finished
    "'X' = keep   session if finished
    SELECTION-SCREEN END OF LINE.
    PARAMETERS:p_file LIKE rlgrap-filename.
      at selection screen                                                *
    AT SELECTION-SCREEN.
    group and user must be filled for create session
      IF SESSION = 'X' AND
         GROUP = SPACE. "OR USER = SPACE.
        MESSAGE E613(MS).
      ENDIF.
      create batchinput session                                          *
    FORM OPEN_GROUP.
      IF SESSION = 'X'.
        SKIP.
        WRITE: /(20) 'Create group'(I01), GROUP.
        SKIP.
    *----open batchinput group
        CALL FUNCTION 'BDC_OPEN_GROUP'
          EXPORTING
            CLIENT = SY-MANDT
            GROUP  = GROUP
            USER   = sy-uname.
        WRITE:/(30) 'BDC_OPEN_GROUP'(I02),
                (12) 'returncode:'(I05),
                     SY-SUBRC.
      ENDIF.
    ENDFORM.                    "OPEN_GROUP
      end batchinput session                                             *
    FORM CLOSE_GROUP.
      IF SESSION = 'X'.
    *------close batchinput group
        CALL FUNCTION 'BDC_CLOSE_GROUP'.
        WRITE: /(30) 'BDC_CLOSE_GROUP'(I04),
                (12) 'returncode:'(I05),
                     SY-SUBRC.
      ELSE.
        IF E_GROUP_OPENED = 'X'.
          CALL FUNCTION 'BDC_CLOSE_GROUP'.
          WRITE: /.
          WRITE: /(30) 'Fehlermappe wurde erzeugt'(I06).
        ENDIF.
      ENDIF.
    ENDFORM.                    "CLOSE_GROUP
           Start new transaction according to parameters                 *
    FORM BDC_TRANSACTION USING TCODE TYPE ANY.
      DATA: L_SUBRC LIKE SY-SUBRC.
    *------batch input session
      IF SESSION = 'X'.
        CALL FUNCTION 'BDC_INSERT'
          EXPORTING
            TCODE     = TCODE
          TABLES
            DYNPROTAB = it_BDCDATA.
        WRITE: / 'BDC_INSERT'(I03),
                 TCODE,
                 'returncode:'(I05),
                 SY-SUBRC,
                 'RECORD:',
                 SY-INDEX.
      ELSE.
        REFRESH it_MESSTAB.
        CALL TRANSACTION TCODE USING it_BDCDATA
                         MODE   CTUMODE
                         UPDATE CUPDATE
                         MESSAGES INTO it_MESSTAB.
        L_SUBRC = SY-SUBRC.
        WRITE: / 'CALL_TRANSACTION',
                 TCODE,
                 'returncode:'(I05),
                 L_SUBRC,
                 'RECORD:',
                 SY-INDEX.
      ENDIF.
      Message handling for Call Transaction                              *
      perform subr_mess_hand using g_mess.
    *-----Erzeugen fehlermappe
      IF L_SUBRC <> 0 AND E_GROUP <> SPACE.
        IF E_GROUP_OPENED = ' '.
          CALL FUNCTION 'BDC_OPEN_GROUP'
            EXPORTING
              CLIENT = SY-MANDT
              GROUP  = E_GROUP
              USER   = sy-uname
              KEEP   = E_KEEP.
          E_GROUP_OPENED = 'X'.
        ENDIF.
        CALL FUNCTION 'BDC_INSERT'
          EXPORTING
            TCODE     = TCODE
          TABLES
            DYNPROTAB = it_BDCDATA.
      ENDIF.
      REFRESH it_BDCDATA.
    ENDFORM.                    "BDC_TRANSACTION
         Form  subr_bdc_table                                            *
          text
         -->P_0220   text                                                *
         -->P_0221   text                                                *
         -->P_0222   text                                                *
    FORM subr_bdc_table  USING      VALUE(P_0220) TYPE ANY
                                    VALUE(P_0221) TYPE ANY
                                    VALUE(P_0222) TYPE ANY.
      CLEAR it_bdcdata.
      IF P_0220 = ' '.
        CLEAR it_bdcdata.
        it_bdcdata-fnam     = P_0221.
        it_bdcdata-fval     = P_0222.
        APPEND it_bdcdata.
      ELSE.
        it_bdcdata-dynbegin = P_0220.
        it_bdcdata-program  = P_0221.
        it_bdcdata-dynpro   = P_0222.
        APPEND it_bdcdata.
      ENDIF.
    ENDFORM.                    " subr_bdc_table
         Form  subr_mess_hand                                            *
          text                                                           *
         -->P_G_MESS  text                                               *
    FORM subr_mess_hand USING  P_G_MESS TYPE ANY.
      LOOP AT IT_MESSTAB.
        CALL FUNCTION 'FORMAT_MESSAGE'
          EXPORTING
            ID     = it_messtab-msgid
            LANG   = it_messtab-msgspra
            NO     = it_messtab-msgnr
            v1     = it_messtab-msgv1
            v2     = it_messtab-msgv2
          IMPORTING
            MSG    = P_G_MESS
          EXCEPTIONS
            OTHERS = 0.
        CASE it_messtab-msgtyp.
          when 'E'.
            it_error-error_rec   =  P_G_MESS.
            it_error-lifnr       =  it_me21-lifnr.
            it_error-tabix       =  v_count.
            APPEND IT_ERROR.
          when 'S'.
            it_sucess-sucess_rec =  P_G_MESS.
            it_sucess-lifnr      =  it_me21-lifnr.
            it_sucess-tabix      =  v_count.
            APPEND IT_SUCESS.
        endcase.
      ENDLOOP.
      Describe table it_sucess lines v_ns.
      Describe table it_error  lines v_ne.
    ENDFORM.                    " subr_mess_hand
    Also refer
    http://sap.ittoolbox.com/groups/technical-functional/sap-dev/bdc-table-control-668404
    and
    http://www.sap-img.com/abap/bdc-example-using-table-control-in-bdc.htm
    Regards,
    srinivas
    <b>*reward for useful answers*</b>

  • How can we use same material code for two different sales area

    Hello friendsu2026
    Hope you all doing well
    I am facing a problem and I will be thankful to all of you, for your suggestions
    Issue:
    I have a *material created in 3000/10/19 for domestic purpose *,now our company has decided to export it for that we have created a new sales are 3000/13/20 for export,we cannot create the salesa are as 3000/13/19 due to some  company issues,
    Is there any way how I can use the material already in 3000/10/19 into new sales area 3000/13/20.
    Will common distribution channel and division concept will be applicable here
    As the material is same,and we donu2019t want to go for any more new material code. *
    Thanks
    Siddharth Sharma

    Hi Sharma,
    when a material is used in domestic and exports.....i hope it should be seggreagated based on dist chnl.......but not division.
    because material is Division specific. it can be there in only one division. like mother child relation.
    that is the reason why...... it is maintained inside BASIC DATA...... but not in input screen while creating material master.[unlike dist chnl]
    because a material can be in multiple dist chnl....but not multiple division.
    I feel only alternative is creating new material if you are already decided to devide the sales by division for domestic and foriegn.
    Purpose of common dist chnl/div is to maintain pricing/condition in one common whenever you change master data.......
    hope this gives you the clarity
    regards
    Satya.SCM

  • Layoutpositioning without using ap div's

    hey guys
    i'm having a really hard time getting a knack for layout without using absolute positoning. When i initially started learning web design, i used ap divs and everything was fairly straighforward.Just draw a rectangle, give it width, height, coordinates and there u go. unfortunately when testing it live, it didn't look so good and didnt look the same throughout. back to the drawing board. Now i'm trying to use divs but with padding, margins etc but this is very unintuitive way to build sites (to me). I had a member here even moinck up my entire site in probably one hour whereas i've been working months trying to get mine going! its been very frustrating to say the least.
    can anyone give me pointers about this. Before i could mock up a site in photoshop, contruct it using ap divs and everything fits (in design view at least). i look at a site and see a header, body, footer, aside see in my mind how its going to look but then creating the style entries before the layout hhas been contructed.. lets just say it looks like magic.
    so i understand to use margins and padding etc to push the designs around on a page to mock up your design, but how do you visualize this and know ahead of time to give a certain divs this much padding, or margins or any of the other style markups?
    can someone explain when you use margins vs padding? both of these are ordered by Top Right Bottom Left entries? but what does
    "margin: 0 auto" mean??
    what is the difference between
    padding and padding-top when you have T R B L entries for normal padding?
    what is the diff between margin and margin-left??
    padding vs padding-bottom??
    what does min-height do?
    margin: 0 auto mean??
    what is border top:nonw do??
    if someone could explain this i would greatly appreciate it.
    thanks!

    westwm wrote:
    so i understand to use margins and padding etc to push the designs around on a page to mock up your design, but how do you visualize this and know ahead of time to give a certain divs this much padding, or margins or any of the other style markups?
    The way I work is by looking at the final design (which I usually mock up in Fireworks) and break it down visually and mentally into a simple box concept. This does take a bit of getting used to because you need to think and anticipate what will happen to the design if this or that happens or if the user does this or that.
    Once I have a clear idea of the box construction in my mind I then start to insert the applicable <divs>, without intially adding any css styling. At a point where I have the main <divs> on the page I then being to apply the css styling. I almost never use padding on the main <div> construction as that is a PITA because of the box-model whereby it gets added to the width of the <div>, you can soon find your mathematics are incorrect which will junk the construction very quickly. Whenever and wherever possible I'll add padding to elements withing the main <divs>. So for a simple example rather that add a 25px left and right padding to a <div> which will hold some text where I need some clear space left and right I'll add it to the paragraph or heading tags which are inserted into the <div>, much cleaner and simpler.
    This really is not rocket science, once you grasp the idea it's just  a series of simple boxes you are inserting onto the page everything becomes very clear.
    westwm wrote:
    can someone explain when you use margins vs padding? both of these are ordered by Top Right Bottom Left entries? but what does
    "margin: 0 auto" mean??
    This means top/bottom padding 0. auto is used to automatically calculate and evenly distrubute the left and right padding of a container, commonly used when horizontally centering a container with a specified width within another container which could be the <body> tag or another <div> etc.
    westwm wrote:
    what is the difference between
    padding and padding-top when you have T R B L entries for normal padding?
    padding-top just adds the 'top' padding so this wont work:
    padding-top: 10px 3px 7px 8px;
    while this will work:
    padding: 10px 3px 7px 8px;
    westwm wrote:
    what is the diff between margin and margin-left??
    padding vs padding-bottom??
    Margin adds a margin to top, left, bottom, right, whereas margin-left or margin-right just specifically adds a margin left or right.
    margin is added outside of the container whilst padding is added inside of the container.
    So in an instance where you might want to move a <div> to the right by 50px you would use margin-left: 50px;
    In an instance where you want to add 50px between the left border of a <div> and its contents you would add padding-left: 50px; (but as I explained above I almost never apply padding to a main <div> as you then  have to recaculate the width of the <div> (if its specified) to account for the padding you have added.
    westwm wrote:
    what does min-height do?
    That sets a minimum height for a container i.e.' the container will never be less than the minimum height set but if it is higher as a result of it's content it will exceed the minimum height to accomodate the content, which is what you want it to do.
    westwm wrote:
    what is border top:nonw do??
    Don't know never come across it before - nonw

  • How do I put a div on top of another?

    I have one div tag for my header, and one for my body. Now I want to put buttons over them, how do I do it?
    Any way that I can find leaves the buttons floating out in space, not anchored to the header. So they move around when the window is resized.
    Help!

    And do not use AP divs to try to do that.
    For the underlying div (assuming you have a background image) your CSS should be:
    .underlyingDiv {
         background-image: url("/images/myimage.jpg");
    .divThatSitsOnTop {
         margin: (some margin code that places the div where you want it);
    Your html will be:
    <div class="underlyingDiv">
    <div class="divThatSitsOnTop">This sits on top
    </div><!-- This ends  divThatSitsOnTop-->
    </div><!-- This ends underlyingDiv -->
    Now, I have used "Classes" here, not "IDs." Anything that occurs only once in a given web page may be an ID and not a class. Anything that is used several times in a web page must be a Class. Classes are defined in CSS with a dot before them, IDs with a hash (#).

  • Limitations of using AP Div Tags in page design

    I have recently set up a complex page using AP Div Tags.  It looks great, and behaves exactly how I want it to.  I did this because it was quick and simple to do (I haven't used DW for about 8 years, and a lot has changed), and to take advantage of the show/hide behaviour, as there are up to 8 divs stacked one upon another, and also because the page was designed as a presentation tool, and was never intended to be accessible via the internet, so I wasn't worrying about browser compatibility, but only what it looked like on the PC it was designed on.
    HOWEVER...
    Now my boss likes the page so much, he's talking about making it publicly accessible.  What are the limitation of having used AP Divs to lay out my page, and should I consider redesigning to ensure this is going to look how I want it to on other people's PCs?  I'm afraid this is going to turn into another *** packet design that ends up in production...

    You could spend hours on the Adobe Developer site reading about best practices....
    http://www.adobe.com/devnet/dreamweaver/
    But best practices in DW are really only best practices in HTML and CSS, and a good place to start there would be here - http://www.w3schools.com.
    As you mention, your choice of layout methods may, in fact, be the best one for your purposes, although you do not have to use absolutely positioned containers to do this show/hide javascript thing.  In this regard, you may find this DW extension to be a REAL TIME SAVER -
    http://projectseven.com/extensions/listing.htm --> Auto ShowHide
    It will keep track of every element that has been show using it (rather than the DW native behavior), and when one of those tracked containers is shown, it automatically hides all of the others.

  • (noob) How to center these image  divs?

    I have these "showImage" divs size and margins the way I want, but I cannot figure out how to get them to align in the center of "imageContainer" - I'm sure this is something simple but if someone could point me in the right direction I'd really appreciate it.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style type="text/css">
    #imageContainer {
    width: 1000px;
    height: 1500px;
    margin-right: auto;
    margin-left: auto;
    #mainContainer {
    width: 1280px;
    height: 5000px;
    margin-left: auto;
    margin-right: auto;
    #showImage {
    width: 162px;
    height: 159px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    margin-left: auto;
    </style>
    </head>
    <body>
    <section id="mainContainer">
    <section id="imageContainer">
      <article id="showImage"></article>
      <article id="showImage"></article>
      <article id="showImage"></article>
      <article id="showImage"></article>
      <article id="showImage"></article>
      <article id="showImage"></article>
      <article id="showImage"></article>
      <article id="showImage"></article>
      <article id="showImage"></article>
      <article id="showImage"></article>
    </section>
    </section>
    </body>
    </html>

    SECTION
    The section element represents a generic document or application section…The section element is not a generic container element. When an element is needed only for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element’s contents would be listed explicitly in the document’s outline.
    ARTICLE
    The article element represents a component of a page that consists of a self-contained composition in a document, page, application, or site and that is intended to be independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.
    ID's are unique
    Each element can have only one ID
    Each page can have only one element with that ID

  • How could I align all divs at once in dreamweaver?

    Hi,
    How could I align all divs at once in dreamweaver? I have more than 50 divs, and I want to change the alignments for them all at once, let we say "center" how could I do that especially I'm using the fluid grids layout.
    Thanks.

    Well, I'm doing something like this now, so I'll take a shot at it, and then we can wait for expert comments.
    <head>
    <style>
    .manydivs {
        background-color:black;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:10px;
        border:1px solid black;}
    </style>
    </head>
    <body>
    <div class="manydivs">Yoyoyo</div>
    <div class="manydivs">Yoyoyo</div>
    <div class="manydivs">Yoyoyo</div>
    <div class="manydivs">Yoyoyo</div>
    <div class="manydivs">Yoyoyo</div>
    </body>
    Just by changing the style section, all of them will change.
    You can assign other sub-behaviors with other methods.

Maybe you are looking for