need help with simple html problem

Discussion in 'HTML' started by karotto, Nov 26, 2008.

  1. karotto

    karotto Guest

    Hi there,
    When visitors click on the red triangle on my home page
    (www.alterniaSPAM.org) then more text expands. Originally I wanted
    this text to expand just by people moving the mouse over the main
    paragraph text. This has proven too difficult for me to set up and the
    red triangles will do. However, if you click on a triangle to expand
    text, then click on it again to make it disappear and then again to
    show it again it often is at the wrong place (attached to another
    paragraph then where it belongs). This happens on a Mac using Safari.
    Not sure about the other browsers. I would much appreciate it if
    someone could help me with this.

    Thank you much for your help
    Kurt

    PS: Here is the entire code:


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>ALTERNIA</title>
    <script type="text/javascript" src="outliner.js"></script><style
    type="text/css">

    th {
    vertical-align: bottom;

    }

    td,th {
    /* Cheating here so we can get a default font and size. If
    it's set in the outline then it'll get redeclared below
    and overwritten (hopefully).
    */
    font-family: Helvetica, sans-serif;
    font-size: 12px;


    empty-cells: show;
    }

    /* Level Styles */

    .wholeDocument {

    }

    .columntitle {
    text-decoration: underline;font-weight: 900;
    }

    .level1 {
    color:rgb(0,93,25) ; font-family: "Arial Black", sans-serif;
    font-weight: 1100; font-size: 19px;
    }

    .level2 {
    color:rgb(70,60,0) ; font-family: "Geneva", sans-serif; font-
    size: 17px;
    }

    .level3 {
    color:rgb(75,0,9) ; font-style: italic;font-size: 14px;
    }

    .level4 {
    color:rgb(75,0,9) ; font-style: italic;font-size: 20px;
    }


    td.subcell {
    border: none;
    }

    .indicator {
    white-space: nowrap;
    text-align:right;
    margin-right: 2px;
    vertical-align: top;
    padding-top: 3px;
    }

    table.subtable {
    }

    div.row {
    }

    .expanded {
    display: inline;
    }
    .collapsed {
    display: none;
    }


    .note {
    border: none;
    color:rgb(84,84,84) ; font-style: italic;font-size: 19px;
    }


    /* Total table width is 852
    Adjusted table width is 979 */

    table.row {
    width: 979px;

    }


    .col_width1 {
    width: 979px; /* Actual width is 852 */
    }

    .col1 {

    }

    .ns-Highlight {
    background-color:rgb(253,255,89) ; }

    .ns-Citation {
    text-decoration: underline;}

    .ns-Emphasis {
    font-style: italic;}

    .ns-CONCLUSIONS {
    color:rgb(201,0,0) ; font-family: "Arial", sans-serif; font-
    style: italic;font-size: 16px;}
    body {
    background-image: url(Images/Background.jpg);
    background-repeat: no-repeat;
    background-color: #330000;
    }
    ..style1 {
    color: #660000;
    font-size: 36px;
    }
    </style>
    </head>
    <body>
    <table width="200" border="0">
    <tr>
    <td><img src="Images/Links.jpg" alt="" width="348" height="39"
    border="0" usemap="#Map" />
    <map name="Map" id="Map">
    <area shape="rect" coords="112,3,223,34" href="members.html" /
    >

    <area shape="rect" coords="251,5,344,34" href="contact.html">
    </map></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>
    <p>&nbsp;</p>
    <p><img src="Images/Banner.jpg" width="677" height="65"></p>
    <table width="979" border="0" cellpadding="0" cellspacing="0"
    class="row">
    <tr><td width="979" class="col1 col_width1 level1"><table border="0"
    cellspacing="0" class="col_width subtable1"><tr>
    <td width="28" class="subcell indicator col1" style="width: 28px;">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p></p></td>
    <td width="568" class="subcell col1 level1"><p align="center"
    class="style1"> ALTERNIA</p>
    <p>We are forming a community!<br>
    </p></td>
    </tr></table></td></tr>
    <tr><td><table><tr>
    <td width="48" class="note" style="width: 48px;"></td>
    <td width="446" class="note subcell"><p>We are looking for people who
    are drawn the following vision (click on the <font color="red">red
    triangles</font> to read more):<br>
    </p>
    </td>
    </tr></table></td></tr>
    </table>
    <div id="plvgkG9Hl0-V" class="expanded">
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td width="979" class="col1 col_width1 level2"><table
    border="0" cellspacing="0" class="col_width subtable1"><tr>
    <td width="44" class="subcell indicator col1" style="width: 44px;">
    <img onMouseDown="ioSwitch('pfGEboVSkMbR', event.shiftKey)"
    id="ifGEboVSkMbR" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td width="594" class="subcell col1 level2">
    <span style="font-weight: 900;">communal living</span>: you arrived at
    the conclusion that communal living is your way of life and you are
    willing to orient your entire life accordingly. You are able to love
    in non-traditional ways.<br>
    </td>
    </tr></table></td></tr></table>
    <div id="pfGEboVSkMbR" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="979" class="row"><tr><td class="col1
    col_width1 level3"><table border="0" cellspacing="0" class="col_width
    subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594" class="subcell col1 level3">You are comfortable with
    sharing <span style="font-weight: 900; ">love</span>, <span
    style="font-weight: 900; ">affection</span> and <span style="font-
    weight: 900; ">physical touch</span>. Connections between people
    deepen to ultimately become family with all the expectations, care and
    support associated with biological <span style="font-weight: 900;
    ">family. </span>Friendships are of great significance to you and
    "being busy" is not a reason for you to neglect maintaining them.<br>
    </td>
    </tr></table></td></tr></table></div>
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td class="col1 col_width1 level2"><table border="0"
    cellspacing="0" class="col_width subtable1"><tr>
    <br><td width="44" class="subcell indicator col1" style="width:
    44px;">
    <img onMouseDown="ioSwitch('piiQvbjdc1J6', event.shiftKey)"
    id="iiiQvbjdc1J6" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td width="594" class="subcell col1 level2">
    <span style="font-weight: 900;">health-conscious, open-minded, self-
    loving</span>: you take good care of your body, heart and soul. You
    are a good communicator, tolerant and non-judgmental.<br>
    </td>
    </tr></table></td></tr></table>
    <div id="piiQvbjdc1J6" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="979" class="row"><tr><td class="col1
    col_width1 level3"><table border="0" cellspacing="0" class="col_width
    subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594"class="subcell col1 level3">You have a healthy sense of
    self and love yourself enough not to smoke or regularly use drugs,
    alcohol, caffeine or pharmaceuticals. You have a concept of nutrition
    and you are generally concerned with health subjects like chemicals,
    perfumes, toxins, genetic engineering, pesticides, wireless radiation,
    etc.
    <br><br>
    Your feet are firmly grounded yet you are spiritually inclined or at
    least frequently experience a general sense of gratitude and wonder.
    If you are in a monogamous one on one relationships your are still
    able to deepen your love with more than one person and you are
    tolerant, even supportive of people who live in less traditional
    ways.<br>
    </td>
    </tr></table></td></tr></table></div>
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td class="col1 col_width1 level2"><table border="0"
    cellspacing="0" class="col_width subtable1"><tr>
    <br><td width="44" class="subcell indicator col1" style="width:
    44px;">
    <img onMouseDown="ioSwitch('palmTReXfcfS', event.shiftKey)"
    id="ialmTReXfcfS" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td width="595" class="subcell col1 level2">
    <span style="font-weight: 900;">food-growing, alternative energy,
    permaculture</span>: you want to live in harmony with nature's ways,
    farm the land and grow your food and materials, keep farm animals and
    produce whatever you can from home.<br>
    </td>
    </tr></table></td></tr></table>
    <div id="palmTReXfcfS" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="979" class="row"><tr><td class="col1
    col_width1 level3"><table border="0" cellspacing="0" class="col_width
    subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594" class="subcell col1 level3">You are realistic and
    aware that this lifestyle is not an easy one yet you are certain that
    this is the only way of live which works for you. You are comfortable
    with working lots and you are willing to make sacrifices in order to
    live the way you want. You understand the value of a locally produced
    and home cooked meal vs. one made by corporations with ingredients
    often shipped from thousands of miles away.<br><br>
    </td>
    </tr></table></td></tr></table></div>
    </div>
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row">
    <tr><td class="col1 col_width1 level1"><table border="0"
    cellspacing="0" class="col_width subtable1"><tr>
    <td class="subcell indicator col1" style="width: 28px;">
    </td>
    <td class="subcell col1 level1"><br>The plan :<br>
    </td>
    </tr></table></td></tr>
    <tr><td><table><tr>
    <td style="width: 48px;" class="note"></td>
    <td class="note subcell">
    <span style="font-size: 20px;"> We are going to:</span><br>
    </td>
    </tr></table></td></tr>
    </table>
    <div id="paF9sUa5Rf0J" class="expanded">
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td class="col1 col_width1 level2"><table border="0"
    cellspacing="0" class="col_width subtable1"><tr>
    <td width="44" class="subcell indicator col1" style="width: 44px;">
    <img onMouseDown="ioSwitch('piOMN35H8kU0', event.shiftKey)"
    id="iiOMN35H8kU0" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td width="593" class="subcell col1 level2">
    <span style="font-weight: 900;">buy land</span>: Between 20-150 acres
    of gorgeous land in California or in Oregon is bought between 3-5
    people. Other people will join in. <br>
    </td>
    </tr></table></td></tr></table>
    <div id="piOMN35H8kU0" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="979" class="row"><tr><td class="col1
    col_width1 level3"><table border="0" cellspacing="0" class="col_width
    subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594" class="subcell col1 level3">we will look for land
    close to a metropolitan area with a high population of "holistic" type
    people yet isolated and pristine. We will carefully select a plot that
    will work for our project. Of special concern will be fertility,
    forest, water, neighbors and alternative energy potential.<br>
    </td>
    </tr></table></td></tr></table></div>
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td class="col1 col_width1 level2"><table border="0"
    cellspacing="0" class="col_width subtable1"><tr>
    <br><td width="44" class="subcell indicator col1" style="width:
    44px;">
    <img onMouseDown="ioSwitch('pi22iJ4oFoKb', event.shiftKey)"
    id="ii22iJ4oFoKb" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td width="593" class="subcell col1 level2">
    <span style="font-weight: 900;">create temporary dwellings and a
    vegetable garden</span>: In this first phase we will make ourselves
    comfortable on our new land and do extensive planning of the next
    phase.<br>
    </td>
    </tr></table></td></tr></table>
    <div id="pi22iJ4oFoKb" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="979" class="row"><tr><td class="col1
    col_width1 level3"><table border="0" cellspacing="0" class="col_width
    subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594" class="subcell col1 level3">Once the land has been
    purchased we will carefully plan how to get through the first year or
    two. We will live on the land in temporary buildings we create and we
    will immediately start a garden, greenhouse and fruit and nut
    orchards. Other temporary buildings like workshops, sheds, nursery,
    etc... will be constructed in the order of importance.<br>
    </td>
    </tr></table></td></tr></table></div>
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td class="col1 col_width1 level2"><table border="0"
    cellspacing="0" class="col_width subtable1"><tr>
    <br><td width="44" class="subcell indicator col1" style="width:
    44px;">
    <img onMouseDown="ioSwitch('pjqryPolJL2D', event.shiftKey)"
    id="ijqryPolJL2D" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td width="594" class="subcell col1 level2">
    <span style="font-weight: 900;">build houses, farm buildings, work
    shops and the gardens, alternative energy design</span>: We will
    utilize local, natural building materials and styles as much as
    possible. Land care management, forestry and alternative energy
    designs will be planned in this phase.<br>
    </td>
    </tr></table></td></tr></table>
    <div id="pjqryPolJL2D" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="979" class="row"><tr><td class="col1
    col_width1 level3"><table border="0" cellspacing="0" class="col_width
    subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594" class="subcell col1 level3">The 10 year plan:
    The planning phase is most demanding as many final decisions for at
    least a 10 year plan have to be made. Full planning of all final
    building sites and layout according to Permaculture design, including
    workshops, gardens, nurseries, animal shelters, fish ponds, commercial
    kitchen, sheds and other buildings. Planning of permanent water and
    energy management.
    <br><br>
    According to plan we will gradually build our own dwellings and
    infrastructure including more gardens, green-houses, sheds and
    workshops. Some of us may want to have our own houses although
    communal areas (with massage table, hot tub and a dance/Yoga studio!!)
    will always exist.<br>
    </td>
    </tr></table></td></tr></table></div>
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td class="col1 col_width1 level2"><table border="0"
    cellspacing="0" class="col_width subtable1"><tr>
    <br><td width="44" class="subcell indicator col1" style="width:
    44px;">
    <img onMouseDown="ioSwitch('pdScbpI6IVYz', event.shiftKey)"
    id="idScbpI6IVYz" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td width="594" class="subcell col1 level2">
    <span style="font-weight: 900;">create an "environmental park</
    span>&quot; to draw income and to publicize our cause. We will be
    showcasing an exemplary lifestyle, teaching alternative ways and
    crafts emphasizing sustainability, Permaculture and low carbon
    footprint. Organizing of public events (dances, workshops, community
    garden, etc..) <br>
    </td>
    <tr>
    <td width="44" class="subcell indicator col1" style="width: 44px;">
    <img onMouseDown="" id="" border="0" hspace="0" vspace="0" alt="&gt;"
    src="" title=""> </
    </tr></table></td></tr></table>
    <div id="pdScbpI6IVYz" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="979" class="row"><tr><td class="col1
    col_width1 level3"><table border="0" cellspacing="0" class="col_width
    subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594" class="subcell col1 level3">Once we are well
    established and found ways to sustain ourselves we will have much to
    teach and, <span style="font-weight: 900; ">step by step</span>, (at
    our own pace) public activities and programs will commence. However,
    the land and buildings will be laid out to separate public and private
    areas and increased public exposure and popularity shall never cut
    into our simple lifestyle or privacy and serenity. Expansion will be
    strictly limited to what was decided in the planning stage.
    <br><br>
    Eventually, in village-style layout, more workshops will be built for
    crafts like blacksmithing, glass blowing, leather making and
    utilizing, paper making, a commercial kitchen, fabric shed (spinning
    our own cotton or hemp, weaving, dyeing, sewing), cheese making, oil
    press, herb remedies making, wine making, wood & metal workshop and
    foundry, ceramics, natural plastics workshop, cosmetics, soap and
    essential oil production, honey bees and, if it so happens that a wild
    wolf attacks one of us and we had no choice but to kill it in self-
    defense then we will take it's fur and make shoes and clothing from it
    (yes, that's a joke). We will also grow crop for ethanol production to
    fuel our vehicles. Naturally, we will not posses all skills for these
    crafts but we will call in outside people to teach us or to run
    workshops. Further plan is to open a community garden for locals which
    will also function as an educational area to teach gardening skills to
    locals and schools.
    <br><br>
    Guest accommodations and an office to manage farm and programs will be
    constructed, growing as needed. Public areas will be created and
    maintained. <br><br>
    </td>
    </tr></table></td></tr></table></div>
    </div>
    </tr></table></td></tr></table></div>
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td class="col1 col_width1 level2"><table border="0"
    cellspacing="0" class="col_width subtable1"><tr>
    <td width="44" class="subcell indicator col1" style="width: 44px;">
    <img onMouseDown="ioSwitch('pdScbpI6IVYz', event.shiftKey)"
    id="idScbpI6IVYz" border="0" hspace="3" vspace="0" alt="&gt;" src=""
    title=""> </td>
    <td width="594" class="subcell col1 level4">
    <span style="">Most of all, we are planning to live a rewarding and
    meaningful life in community governed by respect and love. <br> <br>
    </td>
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td class="col1 col_width1 level1"><table border="0"
    cellspacing="0" class="col_width subtable1"><tr>
    <td class="subcell indicator col1" style="width: 28px;">
    </td>
    <td class="subcell col1 level1">Other information:<br>
    </td>
    </tr></table></td></tr></table>
    <div id="plmaa_n0oTYZ" class="expanded">
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td class="col1 col_width1 level2" style="text-
    decoration: underline;"><table border="0" cellspacing="0"
    class="col_width subtable1"><tr>
    <td class="subcell indicator col1" style="width: 44px;">
    <img onMouseDown="ioSwitch('pjP-SWRP19sw', event.shiftKey)" id="ijP-
    SWRP19sw" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td class="subcell col1 level2" style="font-weight: 900;">Funding<br>
    </td>
    </tr></table></td></tr></table>
    <div id="pjP-SWRP19sw" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="979" class="row"><tr><td class="col1
    col_width1 level3"><table border="0" cellspacing="0" class="col_width
    subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594" class="subcell col1 level3">If we buy the land
    outright there won't be a mortgage and living costs will be limited
    through aimed self-sufficiency. Goods and foods we cannot make or grow
    can be traded with other communities. Expense of course will incur
    through building yet these costs can be minimized with alternative
    building methods and by using local construction materials. Funding
    can be drawn from loans or perhaps grants. Volunteers will be reducing
    our work load and receive lodging, free classes & workshops and
    apprenticeships in return. Our income could come from several sources:
    <br><br> • Farming and farmer's and crafts markets, wool and meat
    sales, ethanol production, speciality food items and crafts products
    like beer, wine, honey and perhaps spirits.
    <br><br>
    • Public activities: entry fees to our facility, crafts, farming and
    environmental workshops and classes, community garden, events, talks
    and teachers, tours and guest houses, The Dance, a weekly freeform
    dance event.
    <br><br>
    • Grants and donations and the media: Alternia will be special,
    perhaps unique for more than one reason: <br>
    - A functioning "eco-village" amidst energy crisis and food
    corporatization.
    <br><br>
    - The production of prized speciality food and crafts items at a time
    when quality and sustainability have given way to overseas mass
    production.
    <br><br>
    - A successful alternative-lifestyle community in spite of a world
    where it is getting increasingly difficult to find meaning and a sense
    of belonging through the lifestyle modeled to us.
    <br><br>
    Therefore grants and donations are likely to be given and it could
    even be considered to sell film rights for creation of a documentary
    about the forming and development of our community. This could lead to
    substantial income and the publicizing of our cause. Participation, of
    course, would be voluntary as such media attention could be unwelcome
    to some of us. <br><br>
    </td>
    </tr></table></td></tr></table></div>
    <table cellspacing="0" border="0" cellpadding="0" width="979"
    class="row"><tr><td class="col1 col_width1 level2" style="text-
    decoration: underline;"><table border="0" cellspacing="0"
    class="col_width subtable1"><tr>
    <td class="subcell indicator col1" style="width: 44px;">
    <img onMouseDown="ioSwitch('pkVLF77FA61o', event.shiftKey)"
    id="ikVLF77FA61o" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td class="subcell col1 level2" style="font-weight: 900;">Our way of
    life<br>
    </td>
    </tr></table></td></tr></table>
    <div id="pkVLF77FA61o" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="979" class="row"><tr><td class="col1
    col_width1 level3"><table border="0" cellspacing="0" class="col_width
    subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594" class="subcell col1 level3">A few years down the road
    after our basic infrastructure is setup most of our effort will go
    into farming and crafts, making food and products to sustain us.
    Gradually we will rear more animals: goats (milk and lawn mowing,
    fertilizers, meat), sheep (wool, milk, meat), chickens (eggs, meat,
    feathers), pigs (meat, land care), cows (milk, meat, fertilizer). Some
    of us will slaughter one in the most humane way every once in a while
    for for food. Some of these animals will become pets in addition to
    dogs, cats and (eventually) horses we will live with. Greenhouses will
    extend our growing season and allow us to experiment with growing
    plants from more exotic regions. Much effort will be put toward
    natural food processing and preservation to feed us during winter when
    crop yields are lower. We will have a commercial kitchen and bakery
    with machinery allowing us to produce on a larger scale if necessary.
    <br><br>
    The Dance, a weekly freeform shoe-free dance will be formed and
    promoted and, depending on the location of the land, might eventually
    draw a large number of people. We will have regular Yoga classes and
    dances just for us. We will have movie nights, meditation, massage
    trade, chants, and so on. We WILL have a hot tub, perhaps even a pool.
    We will share some meals. We will have meetings and nonviolent
    conflict resolution. Often we will sit together (by the fire) to
    finish our day's work and make or repair things. Our children will be
    communally schooled and we will support each other in bringing them
    up. We all will work from home. We will not work somewhere else in
    order to make money in order to buy the things we need while we could
    produce most of these things ourselves to begin with. We will employ
    technology and innovation yet we will not be dominated or consumed by
    it. <br>
    </td>
    </tr></table></td></tr></table></div>
    <table cellspacing="0" border="0" cellpadding="0" width="583"
    class="row"><tr><td class="col1 col_width1 level2" style="text-
    decoration: underline;"><table border="0" cellspacing="0"
    class="col_width subtable1"><tr>
    <td class="subcell indicator col1" style="width: 44px;">
    <img onMouseDown="ioSwitch('plqayUz4zdR2', event.shiftKey)"
    id="ilqayUz4zdR2" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td class="subcell col1 level2" style="font-weight: 900;">Kurt's
    ruminations<br>
    </td>
    </tr></table></td></tr></table>
    <div id="plqayUz4zdR2" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="583" class="row"><tr><td class="col1
    col_width1 level3"><table border="0" cellspacing="0" class="col_width
    subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594" class="subcell col1 level3">Being the creator and
    author of this information I would like to make a few points: What you
    have read so far is my vision, my dream. I think it is unlikely to
    find people who have the exact same dream, so as the second headline
    says: "we are looking for people who are <span style="font-weight:
    900; ">drawn</span> to the vision". Look at it as a tendency which
    you are wanting to move towards after your life is working and viable.
    It is essential that we first establish a solid concept of survival
    (paying the bills and for our needs). I think it is probably naive to
    think that everyone would just drop their old life and promptly be
    successful in this new way of life. I will drop everything but some of
    us may still have to draw in money from the outside and make a gradual
    shift to bring their life closer to their vision. <br><br>It is
    essential to be very realistic to avoid disillusionment. I think many
    communities have failed because the participants were in "waiting
    mode" until their vision would finally come through and their life
    would be worthwhile. So ask yourself, if things move very slowly and
    all you got is a beautiful piece of land with a few other people,
    would you still be able to live a fulfilling, happy life? To me this
    "worst case scenario" (slow move toward farming, permaculture and
    alternative energy, no public programs, far from creating the
    buildings envisioned, etc...) would still allow me to live a lifestyle
    more desirable than any other. Naturally, before we buy land together
    we would have to put great effort into sorting out the legal situation
    between the members, perhaps even enter a trial period of living
    together.<br>
    </td>
    </tr></table></td></tr></table>
    </tr></table></td></tr></table></div>
    <table cellspacing="0" border="0" cellpadding="0" width="583"
    class="row"><tr><td class="col1 col_width1 level2" style="text-
    decoration: underline;"><table border="0" cellspacing="0"
    class="col_width subtable1"><tr>
    <td class="subcell indicator col1" style="width: 44px;">
    <img onMouseDown="ioSwitch('paYm14FHt6TG', event.shiftKey)"
    id="iaYm14FHt6TG" border="0" hspace="3" vspace="0" alt="&gt;"
    src="Collapsed.png" title="expand"> </td>
    <td class="subcell col1 level2" style="font-weight: 900;">Permaculture
    information<br>
    </td>
    </tr></table></td></tr></table>
    <div id="paYm14FHt6TG" class="collapsed"><table cellspacing="0"
    border="0" cellpadding="0" width="583" class="row"><tr><td class="col1
    col_width1 level3" style="text-decoration: underline;"><table
    border="0" cellspacing="0" class="col_width subtable1"><tr>
    <td class="subcell indicator col1" style="width: 60px;">
    <img border="0" hspace="3" vspace="0" alt="*" src="LeafRowHandle.png">
    </td>
    <td width="594" class="subcell col1 level3">
    <span style="">The definition of Permaculture leaves room for
    interpretation but at it's core it means to incorporate every aspect
    of your life into a sustainable framework in accordance with nature. I
    don't like labels much and to me the term "holistic" and
    "Permaculture" are interchangeable.</span><br><br><span style="">You
    can download video files about Permaculture by clicking on their title
    below. Very interesting. Talks about the connection between
    Permaculture, peak-oil and re-localization. (Slow downloads. Allow a
    few hours).</span><br><span style="text-decoration: underline;"><a
    href="Images/Permaculture1.zip">Video1</a></span><br><span style="text-
    decoration: underline;"><a href="Images/Permaculture2.zip">Video2</a></
    span><br><span style="text-decoration: underline;"><a href="Images/
    PermacultureQA.zip">Video3(questions & answers)</a></span><br>
    <br>
    </td>
    </tr></table></td></tr></table></div>
    </div>
    </div>
    </body>
    </html>
    karotto, Nov 26, 2008
    #1
    1. Advertising

  2. karotto

    dorayme Guest

    In article
    <>,
    karotto <> wrote:

    > Hi there,
    > When visitors click on the red triangle on my home page
    > (www.alterniaSPAM.org) then more text expands. Originally I wanted
    > this text to expand just by people moving the mouse over the main
    > paragraph text. This has proven too difficult for me to set up and the
    > red triangles will do. However, if you click on a triangle to expand
    > text, then click on it again to make it disappear and then again to
    > show it again it often is at the wrong place (attached to another
    > paragraph then where it belongs). This happens on a Mac using Safari.
    > Not sure about the other browsers. I would much appreciate it if
    > someone could help me with this.
    >



    For your js problem, you might ask at a javascript newsgroup. I too have
    trouble in Mac Safari. But not at a quick glance with Mac Firefox.

    While I am here may suggest:

    <http://validator.w3.org/>

    and

    <http://jigsaw.w3.org/>

    and sort out all the errors reported. Ask if you have trouble with doing
    this.

    About your triangles, people who have javascript disabled for whatever
    reason, security or otherwise, will not be able to see your further
    information. This is quite a bad thing. So before worrying about how to
    make the text stay in an expected place after repeated use, I suggest
    you rethink to not be dependent on javascript for the fundamentals.
    Important to make the triangle images at least normal HTML links.

    Consider the following plan:

    Use 4.01 Strict Doctype

    Use your image of the red triangle but have a simple link like

    <a href="expansionPoint1.html><img src="redClosedtriangle.png" ...></a>

    and make a simple page in the style of your main page but with the
    expanded text showing next to an arrow that is down. You can make that
    arrow also a link back to the main pagge. You can even then not mess
    about with having important text smaller as in your js design. You can
    even add a link about "back to main page" or whatever.

    Dead simple and absolutely rock solid for everyone!

    We might talk about your table mark up another time. <g>

    --
    dorayme
    dorayme, Nov 26, 2008
    #2
    1. Advertising

  3. karotto

    karotto Guest

    Thanks much for your suggestion but it is way over my head. I did not
    even know I was using javascript. Kurt
    karotto, Nov 26, 2008
    #3
  4. karotto

    Ari Heino Guest

    karotto kirjoitti seuraavasti:
    > Thanks much for your suggestion but it is way over my head. I did not
    > even know I was using javascript. Kurt


    Which part of this line in your markup

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

    You don't recognize as javascript?

    I strongly suggest you learn the basics before playing with more complex
    things.

    --
    Ari
    http://users.utu.fi/athein/
    Ari Heino, Nov 26, 2008
    #4
  5. karotto

    Ari Heino Guest

    Ari Heino kirjoitti seuraavasti:
    > You don't recognize as javascript?


    More accurately, a reference to a javascript source.

    --
    Ari
    http://users.utu.fi/athein/
    Ari Heino, Nov 26, 2008
    #5
  6. karotto

    richard Guest

    On Tue, 25 Nov 2008 23:03:13 -0800 (PST), karotto
    <> wrote:

    >Thanks much for your suggestion but it is way over my head. I did not
    >even know I was using javascript. Kurt



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

    This line doesn't mean anything to you?
    Did you by any chance upload the file it needs?
    richard, Nov 26, 2008
    #6
  7. karotto

    Bergamot Guest

    karotto wrote:
    > Thanks much for your suggestion but it is way over my head. I did not
    > even know I was using javascript.


    If you did not even know you were using JavaScript, how can you hope to
    understand the solution to your problem?

    Hire somebody who knows what they are doing.

    --
    Berg
    Bergamot, Nov 26, 2008
    #7
  8. karotto

    Jani Guest

    On 26 Nov., 05:54, karotto <> wrote:
    > Hi there,
    > When visitors click on the red triangle on my home page
    > (www.alterniaSPAM.org) then more text expands.


    Hi karotto,

    here is some code [0]. You find it here:

    http://examples.oreilly.com/phphks/ in the folder "spinner". I am not
    able to extract the zip file. I did it with the tzg (or what they call
    it?). So you can use the code with php. You only need to create your
    own arrow-gifs.

    The book is on www.oreilly.com/catalog/phphks [1]

    Or you don't have PHP? Well, that is all I can do for the moment.


    [0]
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://
    www.w3.org/TR/html4/loose.dtd">
    <?php
    function start_section( $id, $title )
    {
    ?>
    <table cellspacing="0" cellpadding="0">
    <tr>
    <td width="30" valign="top">
    <a href="javascript: void twist('<?php echo($id); ?>');">
    <IMG src="up.gif" border="0" id="img_<?php echo($id); ?>"/>
    </a>
    </td>
    <td width="90%">
    <h1><?php echo( $title ); ?></h1>
    </td>
    </tr>
    </table>
    <div STYLE="height:0px;"
    id="<?php echo($id); ?>" class="spin-content">
    <?php
    }
    function end_section()
    {
    ?>
    </div>
    <?php
    }
    function spinner_header()
    {
    ?>
    <!-- <STYLE type="text/css">
    body { font-family: arial, verdana; }
    h1 { font-size: medium; border-bottom: 1px solid black; }
    ..spin-content { font-size: small; overflow:hidden; }
    --> </STYLE>
    <script language="Javascript">
    function twist( sid )
    {
    imgobj = document.getElementById( "img_"+sid );
    divobj = document.getElementById( sid );
    if ( imgobj.src.match( "up.gif" ) )
    {
    imgobj.src = "down.gif";
    divobj.style.height = "auto";
    }
    else
    {
    imgobj.src = "up.gif";
    divobj.style.height = "0px";
    }
    }
    </script>
    <?php
    }
    ?>
    <html>
    <head>
    <?php spinner_header() ?>
    </head>
    <body>
    <?php start_section( "one", "Report part one" ) ?>
    This report will tell you a lot of stuff you didn't know before.
    And that's good. Because that's what a report should do.<br/><br/>
    But it will tell you so much that it needs to be rolled up into
    sections
    so that you don't have to gasp as you see it all at one.
    <?php end_section() ?>
    <?php start_section( "two", "Report part two" ) ?>
    This is a table of numbers and such:<br/>
    <table>
    <tr><th>State</th><th>Total</th></tr>
    <tr><td>CA</td><td>$35M</td></tr>
    <tr><td>PA</td><td>$22M</td></tr>
    <tr><td>NC</td><td>$5M</td></tr>
    <tr><td>FL</td><td>$15M</td></tr>
    </table>
    <?php end_section() ?>
    </body>
    </html>


    [1] or in German www.oreilly.de/catalog/phphksger
    Jani, Nov 26, 2008
    #8
  9. karotto

    dorayme Guest

    In article <>,
    richard <> wrote:

    > On Tue, 25 Nov 2008 23:03:13 -0800 (PST), karotto
    > <> wrote:
    >
    > >Thanks much for your suggestion but it is way over my head. I did not
    > >even know I was using javascript. Kurt

    >
    >
    > <script type="text/javascript" src="outliner.js"></script>
    >
    > This line doesn't mean anything to you?
    > Did you by any chance upload the file it needs?


    No, he completely forgot to do this and the triangles worked at least
    more or less by complete magic. Did you bother to look?

    --
    dorayme
    dorayme, Nov 26, 2008
    #9
  10. karotto

    Chaddy2222 Guest

    dorayme wrote:

    > In article <>,
    > richard <> wrote:
    >
    > > On Tue, 25 Nov 2008 23:03:13 -0800 (PST), karotto
    > > <> wrote:
    > >
    > > >Thanks much for your suggestion but it is way over my head. I did not
    > > >even know I was using javascript. Kurt

    > >
    > >
    > > <script type="text/javascript" src="outliner.js"></script>
    > >
    > > This line doesn't mean anything to you?
    > > Did you by any chance upload the file it needs?

    >
    > No, he completely forgot to do this and the triangles worked at least
    > more or less by complete magic. Did you bother to look?
    >

    Hmmm, from what the OP wrote in his original reply to you, I would
    think that he or she is useing a WYSIWYG tool of some description,
    (Yahoo Site Builder anyone?).
    --
    Regards Chad. http://freewebdesignonline.org
    Chaddy2222, Nov 28, 2008
    #10
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Anakin
    Replies:
    14
    Views:
    742
    Thomas G. Marshall
    Apr 13, 2005
  2. Tom
    Replies:
    7
    Views:
    431
    William Desrochers
    Sep 9, 2004
  3. James O'Riley
    Replies:
    4
    Views:
    1,104
    James O'Riley
    May 5, 2006
  4. Mark
    Replies:
    2
    Views:
    103
    Michael Winter
    May 6, 2004
  5. Wladimir Borsov
    Replies:
    4
    Views:
    285
    Tintin
    May 11, 2006
Loading...

Share This Page