height adjustment minimum column with CSS?

I'm working on a website with two columns. The left column contains a list of links to site navigation, the right column contains the actual content of a particular page. I am using the CSS to define a rule on the left that runs up to the right column. On some pages, there is a lot of content; on the other hand, there is very little. When there is little content, my rule is not run as long as the list of links, because the rule is applied to the right column.

So I want this rule to run at least as long as the left column, but run as long as the right column content when necessary. Here are links to a few pages, you can see what is happening:

Good:
http://www.hillphoenix.com/web_redesign/techInfo/techInfo.html

Not very good:
http://www.hillphoenix.com/web_redesign/communications/whatsnew.html


Thanks for your help in advance!

graylensman wrote:
|| I'm working on a website with two columns. The left column
|| contains a list of links to site navigation, the right column
|| content of a given page. I am using the CSS to define a left
|| the rule that runs the height of the right column. On some pages,.
|| There is a lot of content; on the other hand, there is very little. When there is
|| little content, my rule does not work as long as the list of links,
|| because the rule is applied to the right column.
||
|| So I want this rule to run at least as long as this left column,
|| but run as long as the right column content when necessary. Here
|| links to a few pages, you can see what is happening:
||
|| Good:
|| http://www.hillphoenix.com/web_redesign/techInfo/techInfo.html
||
|| Not very good:
|| http://www.hillphoenix.com/web_redesign/communications/whatsnew.html
||
||
|| Thanks for your help in advance!

Hello

This applies to your div to the right column and change 430px for everything what you want

min-height: 430px;
height: auto;
_height: 430px;

concerning

Bretz

Tags: Dreamweaver

Similar Questions

  • Setting the row height of the table with CSS

    I'm trying something for a project I'm working on. I created a table that resembles the creation mode, but when I see him live or in a browser, the elements are spaced too far. It seems that the height of the table, it is not this design point of view shows that it is. How can I change the attributes of tables to adjust the height for items will be close together and whitespace not so? Here's what I did:

    MONDAY

    Take advantage of our 2 for 1 special dinner in the entire menu (up to $8.95 discount)

    TUESDAY

    House margaritas or any kind of beer for only $2.95!

    WEDNESDAY

    Enjoy 2 dinners for $20.00 from our special menu
    (This special offer cannot be combined with any other offer)

    THURSDAY

    Ladies Night! For only $5.00 martinis

    FRIDAY

    Happy Hour at the bar alone 4-7 PM

    MARIACHI BAND SUNDAY LIVE!

    I'm sure I'm missing something stupid, but any help will be appreciated. Here's the real link in my browser:

    http://ymimusic.com/delete.html

    Thank you very much!

    It's the abbreviation CSS.  Rather than express margins and padding with 8 lines of code like this:

    {#divName}

    top of the margin: 12px;

    padding-top: 12px;

    right margin: 12px;

    padding-right: 12px;

    margin-bottom: 0px;

    padding-bottom: 0px;

    left margin: 12px;

    padding-left: 12px

    }

    You can get exactly the same thing with just 2 lines of CSS code shortcut.

    {#divName}

    margin: 12px 12px 0 12px;

    Padding: 12px 12px 0 12px;

    }

    Nancy O.

  • The height adjustment of product with the marquee tool. How?

    When I use the marquee tool to draw a shape - square/circle etc. I sometimes don't get the size exactly to my needs. is there a way to fine-tune the size of the product? I guess that there is a key combination that will allow me to make fine adjustments upwards or downwards for the size of the shape. Does anyone know how to do this without closing and starting again and again until I get what I ask?

    Hello.

    In the toolbar, you can set a specific size in pixels or whatever.

    Or, you can do a right click on the selection and choose transform selection.

    Lee

  • CFdocument not convert IMG with CSS overflow hidden - displays the entire image

    Title text here

    series - amps.gif is strong 800px of 16px wide. He moves to his good display with css background-position: 0 - 50px; the overflow in the H4 (24 PX height) tag is hidden with css overflow: hidden. works great as html, but the PDF of CFdocument output image high hidden full 800px, not positioned, or overflow in H4. any ideas?

    Unfortunately ColdFusion only supports CSS limited during conversion to PDF format.

    The documentation for the cfDocument tag lists the supported CSS styles.

    See you soon

    Eddie

  • Graphic Flex: how to remove the shadow with CSS?

    Hello!

    How can I remove shadow my columns with CSS?

    I know that I could do:

    <mx:seriesFilters>
      <mx:Array />
    </mx:seriesFilters>
    

    But I'd really only my CSS to control all of the visuals.

    Thank you!

    -Dwayne

    Don't think that you can. Since it is an array, you need to fix in the code. Sorry, Flex is like that, it makes you do a lot of things in the code that should be doable in CSS. But on the side of good news, instead of what you have done you can put this argument in your table tag: seriesFilters = "[]".

  • Make columns with a long list

    I preformed a query and got a long list.  The output that does not have a lot of horizontal space and so I have two columns with her to save scrolling.  Is this possible with CSS?

    Here's my list looks like this:

    Name: Snowfresh
    Brewer: Edelweiss
    Global: 3.5
    Name: Zepplin
    Brewer: Leibringer
    Global: 3

    And the code:

    < p > German list: < /p >

    < table width = "182" height = "145" border = "0" >

    <? PHP

    He puts in a table

    While ($info = mysql_fetch_array ($data)) {}

    Out of the image and other data? >

    < b >

    < td > <? php echo "< img src = . http://localhost/beer_diary/images/beer_tasted_profile/ «. $info ["image_id"]. "> < br / > ';? > < table >

    < td > <? PHP echo "< b > name: < /b >". " $info ["beer_name"]. "< br >"; "

    echo "< b > Brewer: < /b >". " $info ['Brewer']. "< br >"; "

    echo "< b > together: < /b >". " $info ['overall_id'] ;} ? > < table >

    < /tr >

    < /table >

    < p > < / p >

    Yes, CSS3 columns are about as helpful as CSS3 regions at this stage.  I recommend this article for a list of columns:

    http://www.alistapart.com/articles/multicolumnlists/

  • I have a pdf form that has 4 columns, with each column having 28 check boxes and text between. I did so he goes by column, but when I do anything for a checkbox it takes it out of line. How can I keep that from happening?

    I have a pdf form that has 4 columns, with each column having 28 check boxes and text between. I did so he goes by column, but when I do anything for a checkbox it takes it out of line. How can I keep that from happening?

    You talk about the tab order? If Yes, go to Edit - Preferences - forms and make sure the box "Automatically adjust tab order when changing fields" is NOT checked.

  • {tag_blogpostbody, 300} used in blog email feed campaign - can this will bring the title with CSS?

    Using of {tag_blogpostbody, 300} used in e-mail power campaign blog - can it be with CSS inline style?

    Have formatted the template to use in the email campaign - formatting in template (.tpl) as follows in the row in the table to display the blog - feed

    < b >

    < td colspan = "2" > < span style = "line-height: 20px;" font size: 13px; do-family: Verdana, Arial, Helvetica, without serif. color: # 3-3420; ">{tag_blogpostbody, 300}</span >

    < table >

    < /tr >

    Any help appreciated.

    Thank you, Megan

    They come as part of making the blogpostbody, 300 - you should change to {tag_blogpostbodypreview}, and white and it will pull the first paragraph and no reading more or after the comment to the text to read more.

  • Problem set webapp layout with css

    Hi all (Hey Liam!)

    I can't comb a webapp page layout using CSS. Usually I use tables, but I want to get a webapp layout in collaboration with CSS for this customer and I hit a roadblock.

    Here is the article by webapp on one page http://Balivillas.BusinessCatalyst.com/our-villas

    I want the short description text to sit to the right of the picture of the villa. No matter what I do with css, I can't do this simple thing.

    I have a style sheet css that govern the whole design.

    The css code in there to the point of webapp and alternative structure is in the style sheet:

    {.webappWrapper}

    float: left;

    Width: 600px;

    min-height: 260px;

    }

    {.webappSmlPic}

    float: left;

    Width: 310px;

    min-height: 260px;

    }

    {.webappSmlDesc}

    float: left;

    Width: 250px;

    min-height: 260px;

    }

    This is the code in the element and other layouts for the Web application

    < div class = "webappWrapper" >

    < div class = "webappSmlPic" >

    < h2 > {tag_name} < / h2 >

    {tag_small pic} < / div >

    < div class = "webappSmlDesc" > {tag_short("burntime") description} < / div >

    < / div >

    If I download the layout of the alternate list webapp in DW6 and put the code just above, it will not style.

    If I add this line from available to the global site style sheet the webapp style in DW:

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

    However when I put this code in the webapp patterns in the backend of British Colombia, the layout is not style. The text lies in stubbornly under photography and is not sitting to the right of it.

    I tried to do the css first as an id, then it changed to a class. It made no difference.

    I tried to insert the line referring to the style sheet in the patterns of webapp. It made no difference.

    I tried to change the reference in the default template for... / before the style sheet. It made no difference. (the Web application uses the default style sheet)

    OK so what I am doing wrong here? You can surely webapp page layouts using css style? It of the idea of layouts in a flexible way, isn't it?

    I know it will be something simple, but I can't get out.

    Thanks for all your help.

    OK, so I solved the problem on my own. (Yay for me!) ....

    Must be the style CSS code in the webapp layout as there doesn't seem to be able to reference an external style sheet.

    It seems a primitive way to do it, but what to do...

    So this is the code that I put in the webapp list and other layouts to get their style correctly:

    {tag_name}

    {tag_small pic}

    {tag_short("health") description}

  • Indexes on columns with only "Y" and "n".

    Our transaction table has about 100 mn lines. Of these latter on 60 minutes the lines are not actively used.

    We have composite index on multiple columns, including dates, and these are used to regular queries.

    Will be adding a status = 'y' or ' don't column and the creation of an index on this column is useful to increase the performance of the query?

    For example, will add a condition like

    OÙ......... AND ACTIVE_FLAG = 'Y '.

    help increase the performance of queries?

    Creating such a column and adding a help index?
    What type of clue do you recommend?

    The alternative advocated by some members of the staff is the archiving of INACTIVE lines in a separate table. This will have a big impact on business processes. But we might be able to pull it off.

    Is there another solution.

    I am a beginner full performance although I am familiar with PL/SQL and queries.
    I'm on the constraints of very tight timetable for the first level of back. I'll have more time as soon as I know the direction in which to go.

    Forgive me if I broke a tag forum. I'm new on the forum too.

    Thanks for providing this information. This gives a much clearer picture of what you are facing.

    I will try to give you my answer your questions afterwards.

    You have indicated your data volumes have steadily increased and performance made that decline.
    Even if you do not say (I forgot to ask) but it may be that the number of users increases as and.
    so typical, many users use the system of the time.

    For me it's indicative of a systemic problem. In other words, the problem is not due to a
    a thing or a part of the system.

    There are two main components of a server: the instance and the database. This link sums up the difference
    between the two - http://www.adp-gmbh.ch/ora/misc/database_vs_instance.html and here is a link to recent forum
    for reference Re: difference between Oracle Instance and Database.

    To paraphrase, an instance includes background processes and structures of memory (SGA, PGA, etc.)
    Oracle uses.

    The symptoms you describe could mean that your instance is more configured size not set correctly
    for your current workload are originally strain throughout the system. Maybe the memory is too limited.
    Maybe your sorts are growing with addional data.

    I suggest that you start the new thread to ask for help in the evaluation and optimization of your instance. Use this
    as a starting point:
    >
    Question/title - how to evaluate the State of health / instance and tune

    Our facility has a problem of increasing return.

    How can we collect and provide assessment of workload and configuration information, so you can help determine
    possible solutions such as: memory sizing, temp and segment again sizing, sort the issue.

    Statement of the problem
    1 oracle Version is? ?. ?. ?

    2. gradually return was degrading with more and more data. The UI response suffers and
    batch processing is also in hours. We expect volumes to only continue to grow.

    3. the volumes have continued to increase over the years and gradually performance issues
    accumulate over the past 2 years. Data volumes began to increase faster
    last year 1 due to changes in the company.

    4. the data in OLTP system is a combination of assets of 40% and 60% relatively inactive (financial history).

    5. a complete system near-live replecation on several sites. In my opinion, using streams.

    6. notice of the tech team is a few tables have too many lines. We know that our demands can be suboptimal.

    >

    Now to your question:
    >
    1. I do not know the index on the existing columns are not fully exploited. In the meantime can but, we still get some benefits from adding
    a 'Y' and the null column? What will be improved?
    >

    It is unlikely the benefits you need. It's putting the cart before the horse. The first step is to identify a specific problem.
    Only then can examine you and evaluate solutions. for example by adding a new column or index.

    There are several reasons, this isn't the right solution; certainly not at the moment
    A. any new column and index, BY DEFINITION, maybe even this does not use except if one or more current
    queries are changed. This is obvious since no existing query could possibly refer to a column that does not exist.

    (B) to try to obtain the Oracle to use the new index column / single lease request must be changed.

    C. in my opinion, you should never modify a query of production without knowing which allows to obtain the amendment
    a well-defined objective. You must evaluate the current execution plan to identify what changes, IF ANY,
    can improve performance.

    D. it can be and given your systemic problem is likely to be, some ripe fruit on the performance. That
    is that there may be ways to tune the query to use existing indexes or add a new index on an existing column
    improve things.

    E. assuming that none of the above does the work adding a new column and an index to identify
    a 40/60 split (40% of assets) is unlikely to be used by Oracle (see response of Centinui).

    >
    2. notes that this calculation 'Y' is not negligible. I can easily reproduce this with a WHERE condition on the existing columns. We can have
    to run a batch on the weekend to check row groups and mark them as 'Y '. So it is not only the advantage of indexing on 'Y', but also some benefits of prior calculation.
    Given this info doing now more logic to have a 'Y' and the null column?
    >
    My answer is no – there is no sense to have a Y/N Y/NULL column.

    A. certainly not for reasons of performance - as noted above above it is unlikely help

    Certainly not for commercial reasons.
    The calculation of your "non-trivial" is to demonstrate a business rule: identify groups of lines that have earned.
    If you perform this calculation, the result must be saved significantly. One way is to create a new
    column called 'DATE_NETTED_OUT '. This column name have meanings, and can be used as a boolean DATE/NULL type. This
    It would be much better that Y/NULL which is not really enter the business sense of the value.

    >
    3 partitioning speed up queries on the minutes 40 active and slow queries on the full 100 minutes?
    >
    Probably not to have one influence on the other. Allocation decisions are usually made to ensure easier data management and often
    have little, if any, a performance impact. All existing applications are unlikely to accomplish the any
    differently just because the table is partitioned. There are exceptions of course. If you partition on DATE
    and an existing query has a DATE filter, but there is no index on the DATE column, it will do a full table scan
    of the whole picture. If the table is partitioned on this DATE column that oracle would probably make a partition full
    Scan just the 40% or 60% of the table according to the value DATE. It would be so much faster.

    But if there is already an index on the column DATE I do not expect the performance to change much. It comes
    just speculation since it is based on data, the factor of grouping the data, and the existing queries.

    >
    1. I still need to a particular column of partion, I do not?
    >
    Yes, you do. Unless you use HASH Partitioning that don't really benefit your use case. You too
    says that "...". staff advocate is the archiving of INACTIVE lines in a separate table "."
    Partitioning can be used as part of this strategy. Partition by MONTH or by QUARTER on your
    new column "DATE_NETTED_OUT." Keep 1 or 2 years of data online as you do now and when a partition
    becomes more than 2 years you can 'transport' it to your archiving system. This is part of the partition
    management, which I mentioned earlier. You can simply disconnect the oldest partition and copy it to archive.
    This will not affect your applications other than the data not being is not available.

    >
    2. "adds a column' or ' cut-and - paste lines of table created by copy" the worst idea?
    >
    I don't know what that means.

    SUMMARY

    It is premature to consider alternatives until you know what the problems are. Only then you can try to
    determine the applicable solutions.

    I do it in this order:

    1. upgrading to a newer version of Oracle you are on an older (you said 9i which is not
    longer supported)

    2 assess the health and configuration of your instance. You may be able to significantly improve things
    by adjusting the parameters of configuration and instance. Post a new question, as previously mentioned. I don't
    have the expertise to advise you in details on that and the gurus tuning of the Forum the Forum can
    not to notice this thread (indexes on columns with only 'Y' and 'n') than even know you need help.

    3. identify the ripe fruits for performance problems. Is this one of your batch process? An individual
    request? You mentioned UI soon - that could be a problem of front end, middle tier or application
    not a database one.

    4. don't it make changes architecture (add columns) until you have tried everything first.

  • Problem with css background

    Hey guys, I have a problem with a code. I have some divs nested inside a container for body copy dive, but I have a problem with the background of the div container behind the nested divs. I have this problem with the background, when am I going to float the nested divs.

    Here's a copy of my html code as well as a copy of my related css stylesheet.

    <!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=utf-8" />
    <title>Welcome to Optimus Lens</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    </script>
    <style type="text/css">
    #sector {
         background-repeat: no-repeat;
         background-position: left;
         width: 869px;
         margin-top: -51px;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    }
    #oag {
         width: 574px;
         margin-left: 23px;
         float: left;
         /* [disabled]position: relative; */
    }
    #small_col {
         width: 279px;
         margin-right: 23px;
         float: right;
         /* [disabled]position: static; */
    }
    </style>
    </head>

    <body onload="MM_preloadImages('images/home_over.jpg','images/our_mission_over.jpg','images/products_over.jpg','images/news_over.jpg','images/order_over.jpg','images/contact_over.jpg')">
    <div id="CONTAINER">
           <div id="header"><img src="images/header_top.png" width="916" height="39" />
           <img src="images/header_logo.jpg" width="916" height="95" />
          <img src="images/header_image.jpg" width="916" height="266" />
           <img src="images/header_bar.jpg" width="916" height="9" />
    </div>
     
          <div id="menuContainer">
       
         <!-- NAVIGATION -->
            
                    <ul>
                    <li>
                    <img src="images/fold_left_top.png" width="22" height="35" /><img src="images/menu_left.jpg" width="197" height="35" />
                    </li>
                    <li>
                        <div class="menu n1"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/home_over.jpg',1)"><img src="images/home_up.jpg" alt="home" name="home" width="66" height="35" border="0" id="home" /></a></div></li>
                    <li>
                      <div class="menu n2"><a href="mission.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Our Mission','','images/our_mission_over.jpg',1)"><img src="images/our_mission_up.jpg" alt="Our Mission" name="Our Mission" width="124" height="35" border="0" id="Our Mission" /></a></div></li>
                    <li>
                        <div class="menu n3"><a href="products.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Products','','images/products_over.jpg',1)"><img src="images/products_up.jpg" alt="products" name="Products" width="98" height="35" border="0" id="Products" /></a></div></li>
                    <li>
                        <div class="menu n4"><a href="news.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('News','','images/news_over.jpg',1)"><img src="images/news_up.jpg" alt="News" name="News" width="77" height="35" border="0" id="News" /></a></div></li>
                    <li>
                        <div class="menu n5"><a href="order.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Order','','images/order_over.jpg',1)"><img src="images/order_up.jpg" alt="Order" name="Order" width="77" height="35" border="0" id="Order" /></a></div></li>
                    <li>
                      <div class="menu n6"><a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','images/contact_over.jpg',1)"><img src="images/contact_up.jpg" alt="Contact" name="Contact" width="80" height="35" border="0" id="Contact" /></a></div></li>
                    <li>
                      <img src="images/menu_right.jpg" width="197" height="35" /><img src="images/fold_right_top.png" width="22" height="35" /> </li>
                    </ul>
       
          </div>
           <div id="header_bottom"><img src="images/fold_left_bottom.png" width="22" height="38" /><img src="images/header_bottom.jpg" width="916" height="38" /><img src="images/fold_right_bottom.png" width="22" height="38" />
        </div>

         <div id="bodycopy">
           <div id="sector">
          <img src="images/home/sector_top.png" width="869" height="341" alt="sector frames" />
          </div>
         
           <p> </p>
         
           <div id="oag">
          <img src="images/home/oag_join.png" width="574" height="281" alt="save with oag" />
          <p> </p>
          <img src="images/home/bottom.png" width="574" height="132" />
          </div>
         
          <div id="small_col">
          <img src="images/home/optimize_small.png" width="279" height="132" />
          <p> </p>
          <img src="images/home/intuition_small.png" width="279" height="132" />
          <p> </p>
          <img src="images/home/intuition_small.png" width="279" height="132" />
          </div>
         </div>

        <div id="footer"><img src="images/footer.png" width="916" height="52" />
      </div>
    </div>
    </body>
    </html>

    body {
         margin: 0px;
         background-image: url(images/background_fade_04.jpg);
         background-repeat: repeat-x;
         background-position: top;
         background-color: #DCDCDC;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 13px;
    }
    #box1 {
         background-image: url(images/bodycopybox_01.png);
         background-repeat: no-repeat;
         background-position: left;
         height: 54px;
         width: 869px;
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    }

    #box2 {
         background-image: url(images/bodycopybox_02.png);
         background-repeat: repeat-y;
         background-position: left;
         width: 869px;
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    }
    .bodycopybox {
         padding-right: 40px;
         padding-left: 40px;
    }
    .bodycopyboxheader {
         padding-right: 40px;
         padding-left: 40px;
         font-weight: bolder;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 14px;
         color: #21368b;
    }



    #box3 {
         background-image: url(images/bodycopybox_04.png);
         background-repeat: no-repeat;
         background-position: left;
         height: 31px;
         width: 869px;
         margin:0 auto;
    }

    #box4 {
         background-image: url(images/bodycopybox_03.png);
         background-repeat: no-repeat;
         background-position: left;
         height: 31px;
         width: 869px;
         margin:0 auto;
    }

    p {
         margin: 0px;
    }

    #header_bottom {
         width: 960px;
         margin:0 auto;
    }

    #CONTAINER {
         width: 100%;
         margin:0 auto;
    }
    #header {
         width: 916px;
         margin:0 auto;
    }
    #menuContainer {
         width: 960px;
         margin:0 auto;
         height: 35px;
    }
    #menuContainer ul{
         list-style:none;
         height:35px;
         margin:0;
         padding:0;
    }
    #menuContainer li{
         float:left;
         height:35px;
         margin:0;
         padding:0;
    }
    #menuContainer li a{
         text-align:center;
         float:none;
         height:35px;
         margin:0;
         padding:0;
    }
    div.menu{position:relative;}
    .n1{
         width:66px;
         float:left;
         display:inline-block;
         clear:both;
    }
    .n2{
         width:124px;
         float:left;
         display:inline-block;
         clear:both;
    }
    .n3{
         width:98px;
         float:left;
         display:inline-block;
         clear:both;
    }
    .n4{
         width:77px;
         float:left;
         display:inline-block;
         clear:both;
    }
    .n5{
         width:77px;
         float:left;
         display:inline-block;
         clear:both;
    }
    .n6 {
         width:80px;
         float:left;
         display:inline-block;
         clear:both;
    }
    #bodycopy {
         background-color: #FFFFFF;
         width: 916px;
         padding: 0px;
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    }
    #footer {
         width: 916px;
         margin:0 auto;
         padding: 0px;
    }

    Hey guys, I have a problem with a code. I have some divs nested inside a dive of container for the body copy, but I have a problem with the background of the div container behind the nested divs. I have this problem with the background, when am I going to float the nested divs.

    I come to this quote.  The background of this div container is set to white (#FFF).  The other 3 that are nested inside have no defined background.  There are images placed inside them, but nothing of what happened to the bottom, so if it is empty it should inherit the parent container which is white.

    Can you show us a screenshot or view the page online for testing?

  • AdvancedDataGrid - add columns with ActionScript

    I am trying to add columns in an AdvancedDataGrid via ActionScript.

    I can't make it work.

    I tried two approaches - with an intermediary table to store the columns then set the adg in table columns; One where I assign columns directly to the table of columns of the adg.

    They are likely to fail in their own way.  The columns don't "take" and the adg uses the default values for dataProviders, or there are no columns at all.

    "adg_test.mxml" has the code AdvancedDataGrids. 

    'adg_test_renderer.mxml' is a rendering engine for one of the columns.

    Would appreciate learning what I'm doing wrong.

    Thanks for any help.

    = Adg_test_renderer.mxml START =.

    <? XML version = "1.0" encoding = "utf-8"? >
    " < = xmlns:mx mx:VBox ' http://www.Adobe.com/2006/MXML ">
    < mx:Button id = "btnTest" label = "Working Renderer" / >
    < / mx:VBox >

    = Adg_test_renderer.mxml END =.

    == Adg_test.mxml START =.

    <? XML version = "1.0"? >
    < mx:Application
    ' xmlns:mx = ' http://www.Adobe.com/2006/MXML "
    Initialize = "init ()" >

    < mx:Script >
    <! [CDATA]
    Import mx.collections.ArrayCollection;

    [Bindable]
    private var dpADGExplicit:ArrayCollection = new ArrayCollection([)
    {Artist: 'Pavement', Album: 'Slanted and enchanted', price: 11.99},.
    {Artist: 'Pavement', Album: 'Brighten the corners', price: 11.99},.
    {Artist: 'Saner', Album: 'A child once', price: 11.99},.
    {Artist: 'Saner', Album: 'Helium wings', price: 12.99},.
    {Artist: 'The doors', Album: 'The doors', price: 10.99},.
    {Artist: 'The doors', Album: "Morrison hotel", price: 12.99},.
    {Artist: 'Grateful Dead', Album: 'American Beauty', price: 11.99},.
    {Artist: 'Grateful Dead', Album: 'In the Dark', price: 11.99},.
    {Artist: 'Grateful Dead', Album: 'Shakedown Street', price: 11.99},.
    {Artist: 'The doors', Album: 'Strange Days', price: 12.99},.
    {Artist: 'The doors', Album: 'The best of the doors', price: 10.99}
    ]);

    [Bindable]
    private var dpADGActionScript:ArrayCollection = new ArrayCollection([)
    {Artist: 'Pavement', Album: 'Slanted and enchanted', price: 11.99},.
    {Artist: 'Pavement', Album: 'Brighten the corners', price: 11.99},.
    {Artist: 'Saner', Album: 'A child once', price: 11.99},.
    {Artist: 'Saner', Album: 'Helium wings', price: 12.99},.
    {Artist: 'The doors', Album: 'The doors', price: 10.99},.
    {Artist: 'The doors', Album: "Morrison hotel", price: 12.99},.
    {Artist: 'Grateful Dead', Album: 'American Beauty', price: 11.99},.
    {Artist: 'Grateful Dead', Album: 'In the Dark', price: 11.99},.
    {Artist: 'Grateful Dead', Album: 'Shakedown Street', price: 11.99},.
    {Artist: 'The doors', Album: 'Strange Days', price: 12.99},.
    {Artist: 'The doors', Album: 'The best of the doors', price: 10.99}
    ]);

    private function init (): void
    {
    var arr:Array = []; table of //Intermediary which became the AdvancedDataGridColumn table
    var col: AdvancedDataGridColumn = new AdvancedDataGridColumn();

    col.dataField = "artist";
    arr.push (col);

    col.dataField = 'Album ';
    Col.Visible = false;
    arr.push (col);

    col.dataField = "Price";
    col.itemRenderer = new ClassFactory (adg_test_renderer);
    arr.push (col);

    adgActionScript.columns = arr;

    UNSUCCESSFUL ALTERNATIVE APPROACH

    /*
    col.dataField = "artist";
    adgActionScript.columns.push (col);

    col.dataField = 'Album ';
    Col.Visible = false;
    adgActionScript.columns.push (col);

    col.dataField = "Price";
    col.itemRenderer = new ClassFactory (adg_test_renderer);
    adgActionScript.columns.push (col);
    */
    }

    []] >
    < / mx:Script >

    < mx:Label text = "Explicit columns" / >

    < mx:AdvancedDataGrid
    ID = "adgExplicit".
    Width = "100%" height = "100%".
    sortExpertMode = "true".
    dataProvider = "{dpADGExplicit}" >
    < mx:columns >
    < mx:AdvancedDataGridColumn dataField = "Artist" / >
    < mx:AdvancedDataGridColumn dataField = "Album" visible = "false" / >
    < mx:AdvancedDataGridColumn dataField = "Price" itemRenderer = "adg_test_renderer" / >
    < / mx:columns >
    < / mx:AdvancedDataGrid >

    < mx:Label text = "columns ActionScript (ActionScript so works: Arist column should be hidden.)" Should see Album with data columns and price with the buttons. / >

    < mx:AdvancedDataGrid
    ID = "adgActionScript".
    Width = "100%" height = "100%".
    sortExpertMode = "true".
    dataProvider = "{dpADGActionScript}" >
    < / mx:AdvancedDataGrid >

    < / mx:Application >

    == Adg_test.mxml END =.

    If you are looking to add columns with ActionScript, follow this.

    var _advancedDataGrid: AdvancedDataGrid = new AdvancedDataGrid();

    var columns: Array = _advancedDataGrid.columns;

    Columns.push (new AdvancedDataGridColumn ('field1'));

    Columns.push (new AdvancedDataGridColumn ('field2'));

    Columns.push (new AdvancedDataGridColumn ('field3'));

    _advancedDataGrid.columns = columns;

    _advancedDataGrid.validateNow ();

  • The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP by David Powers

    The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP by David powers:

    This book would help me learn more about Spry and Ajax and how applications may be lodged with them, if I have my e-commerce site works on a compiled C code cart (ShopSite) but supports scripts PHP server-side or is - this only for shopping carts based on PHP itself (like X-Cart)?

    I'm not sure. Someone please let me know if I can buy this book. Thank you.

    ahsenabro wrote:
    > 1. What I need to be a developer/programmer to learn from this book or
    > can a savvy entrepreneur can also get some gems out of it and direct sound
    > programmer?

    You don't need no prior knowledge of PHP or Ajax, but you must
    know the basics of HTML and CSS. As I say in the introduction, "You."
    don't need to be an expert, but do not have a curious mind.
    It teaches the basics of web site design, or he's trying to list
    each unique feature in Dreamweaver CS3. There are many other books
    to fill this gap. However, by working through this book, you will gain a
    in-depth knowledge of the most important features of Dreamweaver.

    > 2. I am interested in buying this book especially to implement cool Ajax/Spry
    > stuff on my e-commerce site. I wonder about PHP, because the content of the book
    > mentions making a PHP site. Now I realize this book isn't on purchases
    > carts, but the Ajax/Spry stuff can be implemented on e-commerce sites, right?

    The book provides detailed coverage of the features of Spry 1.4
    Dreamweaver CS3, which can be applied to any site. With minor
    adjustment, you can also use Spry 1.6. It is important to realize,
    However, the features of Spry/Ajax in Dreamweaver CS3 * cover of no
    asynchronous requests to the server. The ability to communicate
    asynchronously with the server has been added in Spry 1.6. If it has
    the asynchronous server calls and answers you are looking for, your
    programmer will need to dig into the documentation for Spry 1.6 on the
    Adobe Labs site and manually code it.

    The Spry features covered in the book are Spry, Spry UI widgets effects
    (menu accordion, tabbed and folding panels), Spry
    Widgets of validation and Spry XML data sets.

    > I just want to know if I can learn and implement Ajax/Spry apps on my
    > HTML/CSS-based simple pages, on a server that allows PHP scripts on the server side
    > but the pages themselves are not with the .php extension. This book is still going
    > apply?

    Yes. All Spry techniques can be used on any web page. This is not
    you have to be a PHP one.

    --
    Adobe Community Expert David Powers
    Author, "The Essential Guide to Dreamweaver CS3" (friends of ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • I have a column with two values, separated by a space, in each line. How to create 2 new columns with the first value in a column, and the second value in another column?

    I have a column with two values, separated by a space, in each line. How do I create 2 new columns with the first value in one column and the second value in another column?

    Add two new columns after than the original with space separated values column.

    Select cell B1 and type (or copy and paste it here) the formula:

    = IF (Len (a1) > 0, LEFT (A1, FIND ("", A1) −1), ' ')

    shortcut for this is:

    B1 = if (Len (a1) > 0, LEFT (A1, FIND ("", A1) −1), ' ')

    C1 = if (Len (a1) > 0, Member SUBSTITUTE (A1, B1 & "", ""), "")

    or

    the formula of the C1 could also be:

    = IF (Len (a1) > 0, RIGHT (A1, LEN (A1) −FIND ("", A1)), "")

    Select cells B1 and C1, copy

    Select cells B1 at the end of the C column, paste

  • How to fill a column with numbers and maintain when adding or deleting lines?

    So far, I've discovered two ways to fill a column with the number:

    1. Enter '1' in a single cell, '2' in the one below, select both, and then use the yellow dot to drag down - it will do the rest.

    2 create a formula such as 'A2 + 1' and drag also.

    However, in both cases it will work if I manually this continues to do for each newly added line at the bottom. Now, that alone would not be that big of a problem if it wasn't for the fact that I'm working with a table where the lines can be added among other rows in the future.

    Having said that, could someone please tell me how to create a column with a number that will increase automatically? I mean - if I add a new line between line 56 and 57, I want the new line to have a '57"in it, and the" old 57 "would now be"58"and so on." " I don't want to drag the whole column, which can be hundreds if not more than a thousand lines.

    Try to put this in the cells in the column:

    = ROW()

    In the formula, you can add or subtract a number if necessary to get the starting number that you need.

    SG

Maybe you are looking for