Dreamweaver two column left nav

I am starting a new site. I am pretty familiar with web site
construction and many css features.
I have created a few pages using the sample css html pages
supplied with dreamweaver. I selected a site named "two columns
left nav".
I checked it out pretty thoroughly using a color code system
to identify the varies features. My main concern is to be able to
create a site that will fit most resolutions available. I tried it
out and it does expand and contract. I tried it on my 24 inch
monitor, my little laptop and a 21 inch Macintosh.
No problem with dreamweaver but there is a problem with me.
I can't seem to come up with a scheme in the header that will
expand and contract. I would like to use graphics. Is there any
instructions available to make these graphics get larger or smaller
so they will conform to different size monitors, resolutions etc?
Once I master this I will get started on my new site.
Thank you.
Maybe there is a little trick you can tell me about.

> I can't seem to come up with a scheme in the header that
will expand and
> contract. I would like to use graphics. Is there any
instructions
> available to
> make these graphics get larger or smaller so they will
conform to
> different
> size monitors, resolutions etc? Once I master this I
will get started on
> my new
You can't expand and contract images. You can set a
background image
and have it repeat as necessary as long as the image will
tile correctly.

Similar Messages

Problem with two-column layout

Hello,
I've done table-based layouts for several years, but I'm
trying to switch to CSS. I still have a lot to learn...
I'm trying to create a web site as a favor for a friend. She
hasn't figured out what she wants yet, so I've just been creating
some pages using canned designs. I created one using "Two-column
left nav" under Dreamweaver's "Page designs (CSS)":
http://www.alcie.org/demo2/
I want a fixed-width left navigation column and a fluid
content column.
I ran into several problems with the original design. The
most notible was that if I changed the browser window width, both
the content and nav columns would resize. I didn't want that, so I
set "navBar" width: 150px. That worked, but if I make the window
too narrow, the content starts to overlap the navigation column in
Firefox 1.5.0.6, and the navigation DIV drops to below the content
in IE 7 rc (I think) 3 and IE6. I tried removing the width
altogether, but that made things worse.
What is wrong with this picture? Is there a cleaner way to
solve my problem?
Thanks.

> Is there a cleaner way to solve my problem?
Yes - dump that layout. It's too quirky. Go here and grab one
http://www.maxdesign.com.au/presentation/page_layouts/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Clean & Sober" <[email protected]>
wrote in message
news:edgvl4$akl$[email protected]..
> Hello,
>
> I've done table-based layouts for several years, but I'm
trying to switch
> to
> CSS. I still have a lot to learn...
>
> I'm trying to create a web site as a favor for a friend.
She hasn't
> figured
> out what she wants yet, so I've just been creating some
pages using canned
> designs. I created one using "Two-column left nav" under
Dreamweaver's
> "Page
> designs (CSS)":
>
>
http://www.alcie.org/demo2/
>
> I want a fixed-width left navigation column and a fluid
content column.
>
> I ran into several problems with the original design.
The most notible
> was
> that if I changed the browser window width, both the
content and nav
> columns
> would resize. I didn't want that, so I set "navBar"
width: 150px. That
> worked, but if I make the window too narrow, the content
starts to overlap
> the
> navigation column in Firefox 1.5.0.6, and the navigation
DIV drops to
> below the
> content in IE 7 rc (I think) 3 and IE6. I tried removing
the width
> altogether,
> but that made things worse.
>
> What is wrong with this picture? Is there a cleaner way
to solve my
> problem?
>
> Thanks.
>

How to make two column category by dreamweaver

Hello Everyone
I am using wordpress for my website http://dtunes.pw . Also I am using a free wordpress theme .Please take a look Dtunes .I want to make my category into two column. I am not familiar with Dreamweaver . Please help me Ho to create this code and where should I paste it?
Thanks

Best advice, find a different Theme you like. There are literally hundreds of free and premium WP themes online.
http://www.wpthemeschecker.com/the-best-premium-wordpress-themes-for-2014/
Customizing WP Themes in DW requires advanced coding skills and a thorough understanding of how WP Themes work.
http://codex.wordpress.org/Theme_Development
http://www.presscoders.com/wordpress-theme-customization-guide/
Nancy O.

Spry validation text field across two columns in a table?

I have a table with two columns. I can easily insert a spry validated text field into the left cell but when I drag the box over so that box is in the right column and the label is still in the left column then that breaks the widget.
Is this even possible for me to do or do I have to put the widget in just one column?

Think I figured it out.
http://www.adobe.com/devnet/dreamweaver/articles/spry_form_validations.html

Using Auto Adjustable Fluid Grid Layout Divs to balance two columns

I have a header band, two columns and then a footer band in the layout that I'm working on.I have Div on each side that is set to "Auto" for height so that the two column lengths appear to be the same size when they get to the footer band. That is how I envisioned it, in practice, "Auto" only seems to adjust to the text inside the respective divs.
Something that"hould" be soesy has gotten me banging my head for four days. I thught I had a solution, using "nesting tags" but saw that was not supported.
Any ideas?

http://whatwouldwaltdo.businesscatalyst.com/fl0916.html
Source code:
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="/FL916.css" rel="stylesheet" type="text/css">
<link href="/stylesheets/FL.css" rel="stylesheet" type="text/css">
<link href="/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">


<script src="respond.min.js"></script>
<script src="/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="bannertop"><img src="/images/Walt w CMS PIN.fw.png" alt="Walt Disney with Disneyland Cast Members (1966)"></div>
<div id="ticker">This is the content for Layout Div Tag "ticker"</div>
<div id="blocker">
<div id="leftcolumn">This is the content for Layout Div Tag "leftcolumn"
      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">HOME</div>
          <div class="AccordionPanelContent">
          <img src="/images/graphics/pagetitles/toallwhocome.gif" alt="The opening line of Walt Disney's dedication speech at Disneyland, "To all who come to this happy place, welcome ..."" width="192" align="absmiddle">
          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Pins</div>
          <div class="AccordionPanelContent">
              <p>Ordering</p>
              <p>Presenting a Pin</p>
              <p>Collectors' Corner</p>
              <p>Why a Pin?</p>
          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Cast Members</div>
          <div class="AccordionPanelContent">
              <p>Newest</p>
              <p>Nominate Your Own</p>
              <p>Alphabetical</p>
              <p>By Company/Location</p>
            <p>By WWWD Pin</p>
            <p>Cast Members' Reactions</p>
          </div>
        </div>
        <div class="AccordionPanel">
              <div class="AccordionPanelTab">Traditions</div>
            <div class="AccordionPanelContent">
            <p>Guests' Traditions</p>
              <p>Share Your Traditions</p>
            </div>
          </div>
        <div class="AccordionPanel">
              <div class="AccordionPanelTab">Adventures</div>
              <div class="AccordionPanelContent">
            <p>Guests' Adventures</p>
              <p>Share Your Adventures</p></div>
          </div>
        <div class="AccordionPanel">
              <div class="AccordionPanelTab">City Hall</div>
              <div class="AccordionPanelContent">
            <p>Waltisms</p>
            <p>The WWWD Story</p>
              <p>About Us</p>
              <p>That First Trip</p>
              <p>About Us</p>
              <p>Ordering</p>
              <p>About Us</p>
              <p>Ordering</p></div>
          </div>
    </div>
    <div id="social">This is the content for Layout Div Tag "social"</div>
    <div id="printer">This is the content for Layout Div Tag "printer"</div>
    <div id="banner"><img src="/images/graphics/reg sidebargraphic.gif" alt="White Mickey head with a circle of stars on a blue field"></div>
</div>
<div id="copy">This is the content for Layout Div Tag "copy"<br><br><P> <FONT SIZE="-1" COLOR="#CC0000">Copyright © 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002 Founder's
            Legacy Inc. </FONT><BR>
            <FONT SIZE="-1" COLOR="#CC0000">What Would Walt Do and WWWD are trademarks
            of Founder's Legacy, Inc.</FONT></P>
          <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is a member
            of the Disney Store.com Affiliate Network. As such we are authorized
            to display the Disney Store banner on any or all of our webpages.
            Founder's Legacy is also listed with The Disneyland Resort Press &
            Publicity Department, images used are with their permission.</FONT></P>
          <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is not part
            of The Walt Disney Company. The only other relationship between Founder's
            Legacy, Inc. and The Walt Disney Company is various members of the
            Founder's Legacy Inc.'s Board of Directors and/or their family are
            shareholders in The Walt Disney Company.</FONT><FONT SIZE="-1" COLOR="#CC0000"><BR>
            <BR>
            Additional disclosures for the benefit of insomniacs may be enjoyed
            in our <A HREF="/pages/insomniac.shtml">Insomniac's Delight
Page & Privacy Policy</A></FONT> </P></div>
</div>
<div id="mission"><FONT
             COLOR="#000081"><B>Our Mission Statement</B></FONT>
      <BLOCKQUOTE>
    <P><FONT color="#D50000" SIZE="+2"><em>To restore Magical Guest experiences through recognizing outstanding Cast Members.</em></FONT></P>
        </div>
<div id="awards"><table width="100%" border="0" cellpadding="0">
<tr>
    <TD VALIGN="middle" ALIGN="CENTER"><a href="http://LaughingPlace.com"><img src="/Assets/graphics/Affiliations/LPLogoHighest.gif" width="96" height="82" border="1" alt="LaughingPlace.com"></a></TD>
    <TD VALIGN="middle" ALIGN="CENTER"><img src="/Assets/graphics/Affiliations/seek-button01.gif" width="120" height="80"
             border="0"></TD>
    <TD WIDTH="1" VALIGN="middle" ALIGN="CENTER"><a href="http://disney.go.com/investors/index.html"><img src="/Assets/graphics/Affiliations/shareholder.gif" width="106" height="48"
             border="1"></a></TD>
    <TD VALIGN="middle" ALIGN="CENTER"> <img src="/Assets/graphics/Affiliations/safewave.gif" width="78" height="74"
             border="1"></TD>
    <TD VALIGN="middle" ALIGN="CENTER"><a href="http://wdwig.com/"><img src="/Assets/graphics/Affiliations/125x125allearsnet.gif" width="120" height="120" border="0"></a></TD>
</tr>
</table></div>
<div id="bigbottom"><P> <FONT SIZE="-1" COLOR="#CC0000">Copyright © 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002 Founder's
            Legacy Inc. </FONT><BR>
            <FONT SIZE="-1" COLOR="#CC0000">What Would Walt Do and WWWD are trademarks
            of Founder's Legacy, Inc.</FONT></P>
          <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is a member
            of the Disney Store.com Affiliate Network. As such we are authorized
            to display the Disney Store banner on any or all of our webpages.
            Founder's Legacy is also listed with The Disneyland Resort Press &
            Publicity Department, images used are with their permission.</FONT></P>
          <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is not part
            of The Walt Disney Company. The only other relationship between Founder's
            Legacy, Inc. and The Walt Disney Company is various members of the
            Founder's Legacy Inc.'s Board of Directors and/or their family are
            shareholders in The Walt Disney Company.</FONT><FONT SIZE="-1" COLOR="#CC0000"><BR>
            <BR>
            Additional disclosures for the benefit of insomniacs may be enjoyed
            in our <A HREF="/pages/insomniac.shtml">Insomniac's Delight
Page & Privacy Policy</A></FONT> </P></div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Stylesheet:
@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:        5;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    25;
    Inspiration from "Responsive Web Design" by Ethan Marcotte
    http://www.alistapart.com/articles/responsive-web-design
    and Golden Grid System by Joni Korpi
    http://goldengridsystem.com/
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 87.36%;
    padding-left: 1.82%;
    padding-right: 1.82%;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bannertop {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#ticker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#blocker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#leftcolumn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#copy {
    clear: none;
    float: left;
    margin-left: 4.1666%;
    width: auto;
    display: block;
#leftnav {
    clear: none;
    float: left;
    margin-left: 4.1666%;
    width: 100%;
    display: block;
#social {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 35px;
#printer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#banner {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#mission {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#awards {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bigbottom {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
    width: 90.675%;
    padding-left: 1.1625%;
    padding-right: 1.1625%;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bannertop {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#ticker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#blocker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#leftcolumn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#copy {
    clear: none;
    float: left;
    width: 55%;
    display: block;
    margin: 0%;
#leftnav {
    clear: none;
    float: left;
    margin-left: 2.5641%;
    width: 100%;
    display: block;
#social {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#printer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 35.8974%;
    display: block;
#banner {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#mission {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#awards {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bigbottom {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
    width: 88.5%;
    max-width: 1232px;
    padding-left: 0.75%;
    padding-right: 0.75%;
    margin: auto;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bannertop {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#ticker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#blocker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 74.5762%;
    display: block;
    border-top-width: thick;
    border-right-width: thick;
    border-bottom-width: thick;
    border-left-width: thick;
    border-top-style: none;
    border-right-style: ridge;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #C10B0F;
    border-right-color: #C10B0F;
    border-bottom-color: #C10B0F;
    border-left-color: #C10B0F;
#leftcolumn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#copy {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 100%;
    display: block;
#leftnav {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 100%;
    display: block;
#social {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#printer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#banner {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#mission {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#awards {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bigbottom {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;

Looking for a two-column CSS layout

I am looking for a two-column CSS layout that is centered
with blank space
on the sides, so the layout does not expand across the entire
screen, but
instead uses a portion of it (such as 75%). The left column
would be for
navigation and I haven't decided if I want it to be liquid or
fixed, but the
right column for content would be liquid. There would also be
a heading div
and navigation div across the top and a footer across the
bottom.
While looking for sample sites I keep finding ones that use
three columns,
and I'm worried that if I remove the third column that the
layout will break
at some point, even if I don't see it in my test browsers.
I'm also
discovering that some of the sample pages out there don't
respond well when
I resize the browser window. The columns don't have a minimum
width or they
stack on top of each other at some point.
There are so many different techniques to use when designing
a layout with
CSS, some better than others, that I thought maybe some
people here may
already know what's tried and true and what should be
avoided. Are any
layouts robust enough to allow a third column to be added at
a future date
if needed? I also like the idea of putting the content div
first in the
code, to improve search engine indexing and also to aid those
who may be
using a screen reader, but if that feature makes the coding
much more
complex then I could see why I might avoid it for now.

Sorry Nancy, I didn't see your post for some reason. At least
we agree (o:
Jo
"josie1one" <[email protected]> wrote in message
news:g4tv32$57f$[email protected]..
>I have DW8 and am very happy with this:
>
http://projectseven.com/products/templates/pagepacks/cssmagic/index.htm
>
>
> --
> Jo
>
>
> "Matt" <[email protected]> wrote in message
> news:g4tg96$isq$[email protected]..
>>I am looking for a two-column CSS layout that is
centered with blank space
>>on the sides, so the layout does not expand across
the entire screen, but
>>instead uses a portion of it (such as 75%). The left
column would be for
>>navigation and I haven't decided if I want it to be
liquid or fixed, but
>>the right column for content would be liquid. There
would also be a
>>heading div and navigation div across the top and a
footer across the
>>bottom.
>>
>> While looking for sample sites I keep finding ones
that use three
>> columns, and I'm worried that if I remove the third
column that the
>> layout will break at some point, even if I don't see
it in my test
>> browsers. I'm also discovering that some of the
sample pages out there
>> don't respond well when I resize the browser window.
The columns don't
>> have a minimum width or they stack on top of each
other at some point.
>>
>> There are so many different techniques to use when
designing a layout
>> with CSS, some better than others, that I thought
maybe some people here
>> may already know what's tried and true and what
should be avoided. Are
>> any layouts robust enough to allow a third column to
be added at a future
>> date if needed? I also like the idea of putting the
content div first in
>> the code, to improve search engine indexing and also
to aid those who may
>> be using a screen reader, but if that feature makes
the coding much more
>> complex then I could see why I might avoid it for
now.
>>
>
>

Error when splitting a Table into two columns - Please help!

Hi!
I have created a table in which I have created a header which has been split into 3 parts conisting of 2 columns. These all work fine. However, when I try to split the row below the header row into 2 columns, it does so but, in a way, connects the line inbetween the two columns with the line inbetween the two columns above and will not allow me to move it left or right by manually changing specs or dragging the line. Please help! (I'm using CS5 by the way!) Thank you!

I suggest you begin with a pre-built CSS Layout. DW has several to help jump start your projects. Go to File > New Blank Page > HTML. Select a layout from the 3rd panel and hit CREATE. See screenshot.
Save this layout as test.html and begin building your prototype page saving and validating code often during your work sessions.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Good luck with your project!
Nancy O.

I need to find similar text in two columns: e.g. cell a1 has The Art of War and there is another similar cell in another column that has Art of War HD

I have text (list of items) on Column A
I want to find the the same word/number of characters on Column C and to place the formula on Column B and I want the matching result.
A1 the art of War
I know that somewhere in column b there is a term similar (start with the same characters) The Art of War HD in Spanish
So I want a match between these two columns so on the result on cell B1 it will give me "The Art of" (if I ask for 10 matching characters).
Thanks,

Hi,
Please try the following method:
Get the Column A and Column B the front 10 characters to Column C and Column D
Match the Column C and Column D
Formula:
C1: =LEFT(A1,10)
D1: =LEFT(B1,10)
E1: =IF(DELTA(C1,D1),"same","not same")
Regards,
George Zhao
TechNet Community Support

Topics with Two Columns, and ?s about Margins

I've been searching all over and can't quite get the answers I need. I have a robohelp project which will solely be for written documentation. Some of the topics within this project I would like two have two columns, the left column will just have headings and the right side will have content. I did accomplish this by making a table, however I can't remove the borders. I also tried another way by using this, which works great but when I made printed documentation it didn't make it look like I have on my screen (printed the headings all together then the content on later pages).
#container2 { clear: left; float: left; width: 100%; overflow: hidden; } #container1 { float: left; width: 100%; position: relative; right: 50%; } #col1 { float: left; width: 50%; position: relative; overflow: hidden; } #col2 { float: left; width: 50%; position: relative; overflow: hidden; }
So I guess I have a few questions to try and make this project go smoothly. Since I will only be using this project for written documentation, what would be the best way to make sure that each topic I am working on will print the way I want it to (margins, etc.)? Is there a good way to deal with my two column issue? Would making a style that indents the text be a good solution?

You may also want to check out CSS columns. That will allow you to work without using tables and let the browser to take care of the rest. See: http://www.w3schools.com/css/css3_multiple_columns.asp
Kind regards,
Willam

Help with two columns

So I have two columns on my page and when I type the left column spills over into the right column. But this is not what I want to happen. I want the text that I type on the left to stay on the left and the text on the right to stay on the right. Please Help!

Welcome to Apple Discussions
I'd use a text box for one column or the other or text boxes for both. You can then link the left box on one page to the left box on the next page.
Another option is to use a two-column table, but I think text boxes is easier.

How to center title text and table across two columns

Hello,
I want to be able to center a table and its title across a two column page. The pages where I want to do this contain text in both columns or text in the left column and graphics in the right. On the same pages as the text and graphics, I'd like to center, across both columns, a table with a title. What is the best way to do this?
If I insert the table in the left column, I can size it to fit over both columns but I can't type directly into the cells that cover the right column (I can type in the cells covering the right column if I Tab to them but it's tedious and doesn't seem right). With the table's title, I've tried using the Across All Columns paragraph setting, but the text stays in the column the paragraph marker is in.
We are using Frame 8 on Windows XP Professional. The Master pages are Right and Left pages that are set up with two columns, both tagged as A with the Autoconnect feature on so that the text flows from the bottom of the left column to the top of the right.
Please let me know what you think.
Thanks,
Tim

Yes, equal-sized columns. No, they're always equal. And that answers
David's question: you're using two frames because you want unequal columns.
Frame's paragraph-level column controls only work on columns made by
dividing a single frame into two or more columns. So you're back to
square one: you need two frames because your columns are unequal; you
need one frame so you can span columns.
Another possibility is that you might set up your document with a
sidehead column, but I hesitate to recommend this because I still can't
quite envision what your layout looks like. Any chance you can post a
PDF somewhere?
Kenneth Benson
Pegasus Type, Inc.
www.pegtype.com

Two Column Text Flow Problem

Aside from Pages not importing Word (from a Mac) properly when there's columns involved I have another column problem.
I'd like to find a way to make a document that has two equal side-by-side columns, lets call them Column A on the left and Column B on the right. So when I start typing in Column B on the right and reach the bottom of the page the text continues on that new page in Column B.
As far as I can tell it's impossible to do this as every time I reach the end of a page, the text jumps to the left into Column A. Is there any way to set it up so when you type in one column pages automatically jumps to that same column on the next page without having to add section or layout or column breaks for every single page?
This is a bit of a nightmare. It seems Pages can't do a simple two column document as it insists on linking them together for every new page it creates as you type text.
Can anyone help me?

There are definitely some liimitations in how Pages handles its flow of information. I dislike the fact that once you have placed your pages the way you want from the pages within a template there is no way of having the text automatically flow from one to the next (irritating since some of my templates are designed to be journals)
Pages won't do what you want. I am sure there are programs which are better suited to do so because they are designed for that particular market. I thank you, however for not stamping your feet and demanding that it be the very next thing for them to accomplish on their growing list of things to do next.
(and I tried a few different things, hoping to figure out a way to do this. One of which was to design a templlate which was half the width of a sheet of paper. It was determining what was placed on the second side which was difficult.)
now, of course, depending on how long your document was going to be you could try something different by making an infinitely long sheet of paper. At every point where the header would be you just incorporated a text box or shape with a wrap so your text would skip down to the next virtual page.
Of course, this sounds like far more work, and distracting to the natural creation process of a writer. Find the software which removes itself from your creative juices and lets you concentrate on being the awsome writer you are.
Just my 2¢ CDN (about half a penny US.)
Gerry.

Two column text box with header

I have a text box that is set to flow as two columns. The beginning of the text box has a header then a list of bulleted items. My problem is that when the text flows to the second column, it is set at the top (in-line with the header). What I would like is to do something like set a top margin just for the second column so it will line up with the body text from the first column. Is there an easy way to do this or should I just use two text boxes and position the second box where I want it?

Simplest is to use two text boxes.
Dave Saunders has a script (http://pdsassoc.com/index.php?Nav=downs&Ban=Downloads&Info=downloads.html) that can do it with one text box by putting your head in a one-column table that intrudes into the second column. I've never used his script, and I see his website says CS and CS2, so I'm not sure if it would work with your version.
You could probably achieve what you want (because I see you don't actually need the head to straddle, just the texts to top align with each other) by forcing a huge leading on one character in a frame that's set to First Baseline Offset by Leading.
Ken

How do I count the unique value pairs in two columns of a table?

I have a table (Table 2) that is populated with data from an imported .csv file. On table 1 I need to count the unique value pairs in two columns of Table 2.
Here's what I have:
Date                                        Person
7/10/2011                         A
7/12/2011                         W
7/12/2011                         X
7/12/2011                         X
7/12/2011                         X
7/12/2011                         Z
7/14/2011                         Z
7/15/2011                 X
7/16/2011                         Z
I'm focusing on person "X" and can easily count how many days that person shows up but what I want is to see on how many unique days that person shows up.
Here's the result I'm looking for (Person "X" shows up on 2 different days - 3 times on 7/12/2011 and once on 7/15/2011):
X                    2
I can't seem to find a function that allows me to do that. I also am not allowed to modify Table 2 so that leaves me to come up with a solution on Table 1.
Any ideas would be greatly appreciated.

Hi John,
Not being allowed to modify Table 2 is a minor inconvenience. Just copy (using a formula) the necessary two columns onto Table 1.
Yellow columns may be hidden. The procedure progresses from left to right. All formulas are entered into row 2 then filled down that column to the end of the table. The table must be as long as the list in column A of Table 2.
A2: =Table 2::A
Fill right to column B.
Fill both columns down as far as needed.
I've used actual Date and Time values in column A, formatted to show only the Date part, but the technique will work with text in these cells, provided all cells representing the same 'date' have exactly the same content.
C2: =A&B
This concatenates the contents of each row of columns A and B into a single text string.
D2: =COUNTIF($C$2:C2,C)
This counts the number of occurrences of the Date&Name string on the current row from the first regular cell in column C (C2) to the current cell.
E2: =IF(COUNTIF($B$2:B2,B)=1,MAX($E$1:E1)+1,"")
This constructs the index of first occurrences of each name, in the order they first occur. The index is used by LOOKUP in column F.
F2: =IF(ROW()-1>MAX(E),"",LOOKUP(ROW()-1,$E,$B))
This uses the index value created in E as a search-for value to extract a single copy of the names in column B. The result is a list of all distinct names in the list. Note that spelling differences will be counted as distinct names.The IF statement stops the listing when the last distinct name is extracted.
G2: =IF(LEN(F)>0,COUNTIFS($B,"="&F,$D,"=1"),"")
This counts the number of 'first occurrences of distinct Date & Name strings for each name on the list (ie. the number of distinct dates on which each name appears in the original list).
All of the functions used are described, with at least one example for each, in the iWork formulas and Functions User Guide. You can download the guide, and the Numbers '09 User Guide, via the Help menu in numbers.
Regards,
Barry

IBooks Author Section Text two column page does not work

I have a Chaper and beneath I have added a Section for which I want to add text. The text I am adding runs to around 40 pages or so, and these pages fill with the text as they are supposed to when I paste it in, but only with the layout titled "Section", which is one large column of text on the right with title and text box/graphic on the left. But I need the layout titled "Section Text", which is title at the top left, and two columns of text below. But when I choose this layout ("Section Text") the text I paste in does not appear past the first page, although the pages appear--only problem is, these pages are all blank.
Any ideas?

Hi,
seems you like to link from that very column task_id. Right ?
So suggest to work with a standard SQL in the report (wave the html/link) and then go the column task_id (in th UI) --> edit and go to : LINK and enter page name 75 where you like to link to in the line/fields below (by just using the Search/Popup function to avoid wrong value types) for the task_id on page 75 and you are done.
The entry in the UI will generate the HTML '<'a href= .... to link to the page 75 where you like to work on. Right ?
Hope that assisted.
Bernhard

Dreamweaver two column left nav

Similar Messages

Maybe you are looking for