Help with movieclip position/layers

Hello. i am building simple game using as3. I am using AS3 Code to create objects on the stage (by creating a movieclip in the library and linkage them to actionscript and then call them with addChild). i have 2 movieClips the first is need to be in the front of the stage and the second on the back, the user need to click the second movieclip with the mouse click but because the first movieclip is in the front (and in the width of the stage) the second movieclip is not response to the mouse clicks. The first movieclip must be in front. any idea how to solve that issue???

maybe you can post some example?
this is my code
this.addEventListener(MouseEvent.CLICK, kill)
function kill(event:MouseEvent):void
this_xml = <Motion duration="5" xmlns="fl.motion.*" xmlns:geom="flash.geom.*" xmlns:filters="flash.filters.*">
<source>
<Source frameRate="30" x="-213.2" y="465.85" scaleX="1" scaleY="1" rotation="0" elementType="movie clip" symbolName="closeCartWheel">
<dimensions>
<geom:Rectangle left="-144" top="-214" width="290.1" height="238"/>
</dimensions>
<transformationPoint>
<geom:Point x="0.504825922095829" y="0.8930672268907563"/>
</transformationPoint>
</Source>
</source>
<Keyframe index="0" tweenSnap="true" tweenSync="true">
<tweens>
<SimpleEase ease="0"/>
</tweens>
</Keyframe>
<Keyframe index="4" scaleX="0.208" scaleY="0.208">
<color>
<Color alphaMultiplier="0"/>
</color>
</Keyframe>
</Motion>;
this_animator = new Animator(this_xml, this);
this_animator.play();
this_animator.addEventListener(MotionEvent.MOTION_END, die);

Similar Messages

  • Need some help with region position

    Hi,
    I need som help with regions position....
    Background:
    I have 2 regions, I will call them reg1, reg2 and reg3.
    reg1 = Page Template Body (2. items below region content), column 1, search region.
    reg2 = Page Template Body (2. items below region content), column 2, import file region.
    reg3 = Page Template Body (3. items above region content), column 1, search result, grid region, very wide.
    Issue with the position, the setup explained makes my layout like this
    reg1--------------------------------reg2
    ------------------reg3--------------------
    What I want:
    reg1-reg2
    ------------------reg3--------------------
    What am I doing wrong?
    Regards Daniel

    Daniel,
    this will also work:
    Region1 HTML table cell attributes
    width="10%"
    Region2 HTML table cell attributes
    align="left"
    without touching the page template.
    Denes Kubicek
    http://deneskubicek.blogspot.com/
    http://www.opal-consulting.de/training
    http://htmldb.oracle.com/pls/otn/f?p=31517:1
    -------------------------------------------------------------------

  • Help with movieclips

    Hi,
    I use Flash cc for interactive music education content and I need help with this:
    Let´s say I have several sets of movieclips in my library. Each movieclip contains audio and animation (two bars). What I want to do is put several buttons on the stage so the user can click two of them to choose which movieclips are goinge to be loaded from the library and then click PLAY and listen and see the first movieclip and immediately after that will listen and see the second movie clip. Like choosing the pieces (bars) of a song and then playing the song.
    The problem is that the ammount of combinations is so huge that I need to find how to do it this way.

    Here's the skeleton of what you're after. Filling it in will be left as an exercise to the reader, but basically...
    Have a Queue area onstage that shows the current queue of loaded items to play. Show the list of possible movieclips below it and each one clicked in that area adds it to the queue. A click on a movieclip in the queue area deletes it from the queue. There's a play button somewhere beside the queue.
    Programming-wise, you will have an array (let's say it's called queueArray). Each movieclip will need a unique instance name, and as it is clicked you will Array.push it onto the queueArray (or delete it of the queueArray if they click it when it's already on there). When they click play, it simply plays queueArray[0] and then queueArray[1].

  • Help with Saving Progressive Layers as Video or Files

    Hi, I am interested in creating an animated video with Photoshop. I have 80+ layers, each one building on the last. For example, layer 1 is a simple horizontal line ( - ). Layer 2 is a simple vertical line ( | ). With both layers on, they form a cross ( + ). Layer 1 must be visible for layer 2 to make sense, within the video. So, each previous layer must remain visible when the next layer is turned on. Then the next, then the next.
    Previously, I have manually saved layer 1 as a JPG, turned on layer 2 and saved the new file, turned on layer 3, saved the next new file,and so on, until I go through all layers. Then I used a video editing program to put the files in sequence and render it as a video.
    I am hoping PS (CS5) can help me. I need to render a video with each layer turning on (perhaps a .03 second delay, like in the animation strip) but with all previous layers remaining on. Onion skin's max layers is 8, so that doesn't work for me.
    If I can't render the video directly from PS, how can I create an action that will
    1. save file without a prompt as JPG with the layer name as the file name, in the directory where the PSD file resides
    2. make visible the next layer up (or down, whatever)
    3. repeat until all layers are complete, no matter how many layers

    They aren't necessarily only line drawings. As an animated video, it may be line drawings, then a photo, then drawings on the photo. So it's something like this:
    layer 0 = black background
    layer 1 = white vertical line
    layer 2 = blue horizontal line
    layer 3 = photograph in the upper left corner
    layer 4 = blue dot over the photograph
    An example of one of my shorter films is
    I did that by saving every layer as a separate JPG, then putting it together in a video editor. That's how I've always done it, but that won't work anymore due to the volume of the layers.

  • Help with movieclip

    i am loading pictues into a movieclip loader. all of the
    original size pictues work fine. i have a few other pictues that
    are a different size. how can i get that loader to size to the
    picture when the picture is loaded. i can send my .fla if someone
    can help with this.
    i's like loading a polaroid picture.. a quick flash when the
    next pic is loaded,, but the loader doesn't resize which leaves a
    lot of white on the side of the photo when it's loaded.

    Move your last frame in that circle mc to the yeah frame, or just place something in that yeah frame so that you know you are there.  When you run it and click the button you should see that you actually did go to the yeah frame.  The play() in that yeah frame should be enough to coax it along (it worked for me).

  • Help with Layer Positioning and TimeLine

    Hello all, here is my situation:
    I am trying to do a simple Layer animation for my home
    page... 4 Layers startoff at the right of my webpage(table) and end
    up at the left handside, as an example.
    My problem is I have a main 1x1 table that is centered, and
    that works fine to center all the text and images that are within
    it, but the layers that I tried placing within it stay absolute to
    the screen and not relative to the table.... and if I try to
    specify relative position in the first place for any of the layers
    that Layer disapears from my Layer panel and I cannot timeline with
    it???!!!
    This Started out as a lame trial to avoid making a flash
    movie for this animation.. but right now I am more interested in
    knowing the possibilities and limitations of using Layers and
    Timelines in Dreamweaver.... Any help or comments are most welcome.
    Layth

    I have requested that the thread be removed, Andrew. That's
    the best we can
    do, I'm afraid. Thing is, it can only be removed from the
    webforums, and
    not from the local computers of those who have already
    downloaded the
    message. Also, if Google Groups synched already, then it's
    like being
    carved in stone....
    You can see if that's the case by searching here -
    http://groups.google.com/advanced_group_search?q=+group:macromedia.dreamweaver
    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
    ==================
    "Murray *ACE*" <[email protected]> wrote
    in message
    news:[email protected]...
    > If you go here -
    http://www.great-web-sights.com/g_layerlaws.asp,
    and read
    > through the layer laws, you'll see that you have broken
    at least one by
    > putting your layers into a table. Being absolutely
    positioned, the layers
    > do not rely on the table for their location on the
    screen. There are ways
    > to do this (easily) if you understand the whole concept
    of CSS
    > positioning. You can try the following things -
    >
    > * After setting your timeline the way you want it,
    MANUALLY change the
    > position attribute of each layer from "absolute" to
    "relative". The
    > timeline will still work, but you have changed the
    entire paradigm for
    > positioning on the <div> tags by making that
    change. Having relatively
    > positioned elements withing a table seems to work pretty
    well.
    >
    > or
    >
    > * After setting your timeline the way you want it,
    MANUALLY move the code
    > for the layers OUT OF THE TABLE, and place it back on
    the page,
    > immediately above the </body> tag. Then follow
    these directions -
    >
    > Change this -
    >
    > </head>
    >
    > to this -
    >
    > <style type="text/css">
    > <!--
    > body { text-align:center; color:#CCC; }
    > #wrapper { text-align:left; width:720px; margin:0
    > auto;position:relative; }
    > -->
    > </style>
    > </head>
    >
    > change this -
    >
    > <body ...>
    >
    > to this -
    >
    > <body ...>
    > <div id="wrapper">
    >
    > and this -
    >
    > </body>
    >
    > to this -
    >
    > </div><!-- /wrapper -->
    > </body>
    >
    > and see if that helps.
    >
    >
    > --
    > 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
    > ==================
    >
    >
    > "laythss" <[email protected]> wrote in
    message
    > news:[email protected]...
    >> Hello all, here is my situation:
    >> I am trying to do a simple Layer animation for my
    home page... 4 Layers
    >> startoff at the right of my webpage(table) and end
    up at the left
    >> handside, as
    >> an example.
    >> My problem is I have a main 1x1 table that is
    centered, and that works
    >> fine to
    >> center all the text and images that are within it,
    but the layers that I
    >> tried
    >> placing within it stay absolute to the screen and
    not relative to the
    >> table....
    >> and if I try to specify relative position in the
    first place for any of
    >> the
    >> layers that Layer disapears from my Layer panel and
    I cannot timeline
    >> with
    >> it???!!!
    >> This Started out as a lame trial to avoid making a
    flash movie for this
    >> animation.. but right now I am more interested in
    knowing the
    >> possibilities and
    >> limitations of using Layers and Timelines in
    Dreamweaver.... Any help or
    >> comments are most welcome.
    >>
    >> Layth
    >>
    >
    >

  • Help with playbar positioning

    I currently have a Captivate playbar that is positioned in
    the upper right corner of the screen.
    I have used Flash to modify the height, width, x and y axis
    of the file.
    The new horizontal position (the distance the playbar is from
    the top of the window) is good. I’d like to the vertical
    position (the distance from the right side of the window) to be
    about 30 additional pixels from its current location.
    I have modified the flash playbar.fla to allow for the
    additional distance. I have added 60 pixels of additional length to
    the cpPlaybar movie. Additionally I have shifted the center marker
    30 pixels so that it (the center position marker) is still in the
    center.
    When I test the file with the new player it isn’t
    positioned to the right like I thought it would.
    I’m missing something. Has anyone successfully modified
    these aspects of the playbar? If so, where might I look to change
    these parameters?
    Thank you,
    TPK

    > Is this right?
    Usually not. In your case, on a page with no content and only
    images, you
    are probably safe, subject to the limitation described below.
    By the way, it's best not to use file/pathnames containing
    spaces. It can
    get you into trouble on the web.
    ---> MrsB Fixed.css
    > Firefox is giving me blue outlines around
    > some elements but Safari is not.
    Add this to your CSS -
    a img { border:none; }
    > The content in the Main Container is also
    > moving when the browser is resized.
    This is the penalty for having used layers, which are glued
    to the screen at
    the locations specified, hence "absolute positioning".
    You can fix this by making div#container have these
    additional styles -
    position:relative;
    text-align:left;
    and by adding this style to your body rule -
    text-align:center;
    (you will likely need to reposition all the layers after
    doing this)
    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
    ==================
    "doubleudet" <[email protected]> wrote in
    message
    news:f9su3p$4ef$[email protected]..
    >I am having some problems positioning elements on my
    site. I am using
    >Absolute
    > Positioning. Is this right? Also, Firefox is giving me
    blue outlines
    > around
    > some elements but Safari is not. The content in the Main
    Container is also
    > moving when the browser is resized. Can someone please
    help me out here?
    >
    >
    http://www.mrsbillustrations.com/Illustration/illustration01.html
    >

  • Help with div positioning

    I am an utter newbie when it comes to html and CS5.  Since I happen to own a copy of CS5 I have been drafted to take a stab at a very basic website for a non-profit I work with.  The site can be seen here  www.kidscareco.com
    I have searched all around this site and the web in general for an answer to my question and while I have found lots of information on absolute vs relative position and "clear", I haven't been able to cypher out a solution to my particular problem.
    I am having trouble getting one particular div to stay where I want it.  I'm entirely sure that it is my fault and thus am not angry at the div.  I am hopeful that someone here can offer me a few lines of css code to get the errant div to stay where it should be.  I am attaching the html and css for the page in question.  The page is based on a template which I can post if it is somehow helpful but I believe that the code from the "index" page is sufficient.
    The div in question is #meat.  (content text is: Since 1990, Kids Care Clubs has empowered children to make a better  world through hands-on service projects.We give parents, teachers and  youth leaders the resources they need to involve kids in the good works  that will mean a brighter future for all.)  I would like for it to stay neatly under the spry menu, near the top of the page and for it to expand and contract both vertically and horizontally as the browser window is resized.  I have tried several different "solutions" with little success except for restricting the width of the div to about 600px but that leaves a considerable amount of white space when the page is viewed full screen on a large monitor and it forces the text down the page in an unworkable way once the actual text within the div starts to get into the order of 1000 words or so.  Suggestions and helpful critique are welcomed.
    Thank you!
    Mike Logan
    @charset "UTF-8";
    /* CSS Document */
    html, body {
         width:97%;
    #container {              
         min-height: 1000px;
         width:100%;
         min-width:850px;
         border-color:#000;
         border: solid 2px;
         alignment-baseline:middle;
         margin:25px;
    #header {
         float:left;
    #collage {
         float:right;
         width:202px;
    #menu {
         margin-top:20px;
         height:30px;
         float:left;
         clear:left;
    #MenuBar1 {
         font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
         clear:inherit;
    #meat {
         float:left;
         clear:left;
         /* [disabled]max-width:600px; */
         padding:20px;
         padding-left:40px;
         font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    #footer {
         clear:both;
         width:100%;
         height:auto;
       font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ice="http://ns.adobe.com/incontextediting">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Welcome to KIDS care Colorado.com!</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <link href="../kidscare_template.css" rel="stylesheet" type="text/css" />
    <script src="../includes/ice/ice.js" type="text/javascript"></script>
    <script src="/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
      <div id="header">
    <img src="../graphics/Kidscarekidslogo.png" width="220" height="144" alt="logo" /><img src="../graphics/kidscare-name.png" width="395" height="79" alt="name" />
      </div>
      <div id="collage"><img src="../graphics/collage.png" width="200" height="949" alt="collage" /></div>
    <div id="menu">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li>
          <div align="center"><span id="MenuBar1"><a href="#">Home</a>
            </span>
          </div>
        </li>
        <li><span id="MenuBar1"><a href="#">Programs</a></span></li>
        <li><span id="MenuBar1"><a href="#">Volunteer</a></span></li> 
        <li><span id="MenuBar1"><a href="#">Donate</a></span></li>
        <li><span id="MenuBar1"><a href="#">Contact Us</a></span></li>
      </ul>
    </div>
    <!-- TemplateBeginEditable name="meat" --> 
    <div id="meat" ice:editable="*">
      <div align="left">Content for  id &quot;meat&quot; Goes Here</div>
    </div> 
    <!-- TemplateEndEditable -->
    <div id="footer">
      <div align="center">
        <p> </p>
        <p>KIDS care Colorado,LLC • (720) 295-3396 • <a href="mailto:[email protected]">[email protected]</a></p>
        <p>PO Box 19442 • Boulder, CO 80308
        </p><p> </p>
      </div>
    </div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"/SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    Hi Mike,
    I'm going to suggest you start over with a pre-built CSS layout for this project.  It's much simpler than building a page layout from scratch.  Also, liquid layouts are very tricky to control.  A fixed-width layout is much easier to work with.  Here's a sample 2-column, fixed-width, centered layout to get you started.
    http://alt-web.com/TEMPLATES/CSS-Basic-2-column-layout.shtml
    Making your prototype page into a DW Template is just about the last step in your design process.  After you are completely satisfied with how your protoype.html page looks and works in all browsers, then saveAs Template.
    Best of luck with your project, and have fun!!
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Need a Little Help with Understanding How Layers Work in PSE

    I have PSE version 5 and I am using it on a PC with Windows XP.
    As I get more into editing photos, I am enjoying it, but confusion is also starting to set in.  My question is about layers.  When I go to edit a photo for web/email use only, I start by resizing it to 72 ppi and then reducing the pixel dimensions quite a bit.  Then after that I normally go through this process of editing the photos by using normally about three different commands.  One is Levels, then I may go to Shadows/Highlights, and then my last command is always sharpening.  I used to do this all on one layer, but then finally learned to put each one of these editing features on their own layer so I can make changes/deletions without too much trouble.
    When I started doing the separate layers, I was just making a copy of the background layer each time and then touching that particulay layer up with Levels, Sharpen or Shadows/Highlights.  But I noticed that depending on the order in which the layers were placed, some changes would be obscured.  If I put the Levels layer on top, and then the Sharpen layer and the Shadows/Highlight layer below that, the sharpen effect and the shadows/highlights effects were no longer there.  I could only see the levels effect.  The photo was still not sharp and so on.  If I put the Sharpen level on top, then the photo showed the sharpen effects, but now the Levels and Shadows/Highlights effects were no longer visible.
    So then I started to make a copy of the background initially, do a levels adjustment here, then, instead of making a copy of the original background layer again, I would make a copy of the layer that now has the levels changes on it.  Then do the sharpen effect on this layer.  This way I had all the changes on one layer as long as I put that layer as the top layer.  But then I realized that I once again fI didn't have a layer with only one fix on it.   Finally, I started to use an adjustment layer for Levels, put this as the top layer, make a copy of the background layer, do shadows/highlights, copy background layer again, do sharpen, and this seems to work a little better.  But even with this way, depending on what order I place the sharpen and shadows/Highlights layers, one of them still seems to get obscured by the layer above it.
    Can someone help me to understand how layers work in this regard.  I am obviously a little confused here.
    Thanks,
    Lee

    You really aren't working efficiently. First of all, do your editing on a full sized version of the photo, since you have more data for PSE to work on and will get better results. Use save for web to make your web/email copy when you are totally done. You can resize it down on the right side of the save for web window.
    Duplicating a regular layer makes an opaque layer that obscures the layers below it. It's best to start off by not working on your original image, so that you don't have to worry if you mess up. If you're working on a copy, you can work right on the background layer, or only duplicate the layer once and apply your changes to that. So you'd apply both shadows/highlights and sharpening to the same layer.
    Finally, you should use an adjustment layer for levels. Layer>New Adjustment Layer>Levels. This will put levels on a transparent layer above your image, but you will need to click the layer below it to get back to a pixel layer to apply other changes (you can't sharpen an adjustment layer, for example).

  • PSE 8 - Help with Editing Group Layers

    I am working with some templates right now that are apparently set up in Grouped layers.  I've looked into it, and the best result I can find is that I hav eto "simplify" the group in order to be able to edit the layers.  That doesn't seem to allow me to edit the layers individually, though. 
    If layers are "grouped," does that mean I can't edit the layers?  Please Help!
    Thank you!

    Here is an action someone made just for that.
    http://www.elementsvillage.com/forums/showthread.php?t=48026&highlight=layer+groups
    This action opens the layer groups by deleting the layer group (set) while leaving
    the layers inside.
    So the layers will no longer be in layer groups (sets), but at least you will be able to see
    what's inside the layer groups and edit those layers.
    MTSTUNER   

  • Help with collision and layers....

    Hi everyone I'm having a problem with this isometric RPG im making where this little guy walks around in this room
    with this shelf in it.
    But when I go in front of the shelf I want it to swap layers and vice versa on the other side so it looks 3D my problem is that the sensors on the other side
    get touched when going in front!
    Then it swaps layers for the other side...
    Anyone that knows how I could do this please do

    This is something I am trying to figure out as well.. Anyone?

  • Please Help: evil movieclips position badly!

    Hiya,
    I'm trying to use a custom skin I made with Flash CS3,
    inserted by Dreamweaver CS3:
    http://www.alternium.net/video_test.htm
    I've been working from the tutorial at:
    http://www.adobe.com/devnet/flash/articles/flv_tutorial_pt2_02.html
    As you can see from the top link, these controls are fubar.
    The buttons, when located in the appropriate space, fall behind the
    frame. In the file "video_test.htm", above, you can see that the
    top of the play button is just barely visible in the lower left
    corner. I've left the rest higher than normal on the y-axis for
    illustrative purposes.
    On top of that, all of the button states seem to be visible.
    The seekbar handle looks possessed and the buttons can't make up
    their mind which is on and which is off. Why is this? I'm using the
    appropriate naming conventions: up_mc, dn_mc, over_mc, disabled_mc;
    pause-set, play-set, stop-set, etc...
    Can somebody please give me some good idea where I'm going
    wrong?

    One of the limitations of Sub-picture Highlights is that they are 2-bit color. Either that color or fully transparent, i.e. not that color. One only has 4 colors to choose from, but those CAN be changed back in Encore. Transparency (the opposite of Opacity in PS) can also be set.
    Now, you state:
    the highlight layer always looks badly pixelated and goes out of position
    This is a two parter - the first is explained above. That Pixelation is a weakness in Sub-picutre Highlights. This is not something in Encore, but part of the DVD specs.
    Now, for part two: back in PS, open up your Button Layer Set. You will see that your Highlight Layer is not visible. For this operation, turn visibility ON and select it. Choose the Move Tool, and use the cursor keys to Move that Layer, one pixel at a time to position it where you want it. Turn visibility OFF, and then hit Save to update back in Encore.
    Also note that Sub-picture Highlights will appear OVER your graphics. Take that into consideration in their design.
    For Sub-picture Highlights disappearing, check that your Menu's PAR matches your Encore Project. If you have NTSC DV 720 x 480 Standard (4:3), PAR = 0.9, that is what you Menu should be as well. For other Project specs, match those dimensions perfectly.
    Good luck,
    Hunt

  • Help with CSS Positioning

    Hello. I've been struggling with how to position my footer so that it moves relative to the content that is added to the div tags before it in the template I'm working on. Here's what my code looks like:
    <!DOCTYPE html>
    <html>
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>NEW TEMPLATE</title>
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    .wrapper {
    background-color: #fffee8;
    margin: auto;
    padding: 5px;
    height: auto;
    width: 980px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    text-align: left;
    color: #FFF;
    position: relative;
    overflow: visible;
    .header {
    margin: 0px;
    padding: 0px;
    height: auto;
    width: 980px;
    background-color: #424edd;
    border: 0px solid #09C;
    .logoarea {
    background-color: #fffee8;
    margin: 0px;
    padding: 0px;
    height: 160px;
    width: 980px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    .navbar {
    background-color: #fffee8;
    height: 30px;
    width: 980px;
    margin: 1px;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    .subnavmenu {
    background-color: #CCC;
    height: 25px;
    width: 980px;
    border: thin solid #333;
    font-family: "Felix Titling", "Engravers MT";
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    color: #333;
    text-decoration: blink;
    .leftcontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    color: #FFF;
    background-color: #55065F;
    padding: 0px;
    height: auto;
    width: 500px;
    margin-right: 0px;
    margin-left: 0px;
    border: medium outset #CCC;
    .rightcontent {
    background-color: #333;
    padding: 0px;
    height: auto;
    width: 450px;
    margin-right: 0px;
    margin-left: 0px;
    border: medium inset #fffee8;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFee8;
    font-size: 12px;
    position: static;
    .footer {
    background-image: url(/Graphics/MORGAN%27S%20PIC.jpg);
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
    height: 165px;
    width: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    text-align: center;
    color: #666;
    position: relative;
    left: 0px;
    bottom: 0px;
    #logo {
    position:static;
    left:-50px;
    top:-200px;
    width:272px;
    height:176px;
    z-index:1;
    #apDiv4 {
    position:absolute;
    left:656px;
    top:30px;
    width:544px;
    height:53px;
    z-index:1;
    background-color: #fffee8;
    float: right;
    -->
    </style>
    <script src="/Web Site Root Folder/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="/Web Site Root Folder/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    #apDiv2 {
    position:absolute;
    left:857px;
    top:123px;
    width:49px;
    height:50px;
    z-index:1021;
    #apDiv3 {
    position:absolute;
    left:956px;
    top:122px;
    width:150px;
    height:50px;
    z-index:1022;
    #apDiv5 {
    position:absolute;
    left:649px;
    top:227px;
    width:192px;
    height:81px;
    z-index:1021;
    -->
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body class="body" id="body" background="/Graphics/LOGOS AND BANNER/GRADIENT BACKGROUND 5-8-12.png">
    <div id="apDiv4" >   
    <script>
    (function() {
      var cx = '004600001770955757780:ub1su5xae54';
      var gcse = document.createElement('script'); gcse.type = 'text/javascript';
      gcse.async = true;
      gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
          '//www.google.com/cse/cse.js?cx=' + cx;
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(gcse, s);
    </script>
    <gcse:search></gcse:search></div>
    <div id="apDiv5"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FMif flin-Juniata-Special-Needs-Center-Inc%2F129756770511336&amp;send=false&amp;layout=standard &amp;width=450&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;heig ht=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></div>
    <div class="wrapper" id="wrapper"><div id="apDiv1" onclick="document.location.href='http://www.mjsnc.org';" style="cursor:pointer;"><img src="/Graphics/LOGOS AND BANNER/Slogan.jpg" width="296" height="169" alt="Accept Support Empower Whatever It Takes"></div>
      <div class="header" id="header">
        <div class="logoarea" id="logoarea">
          <div id="logo" onclick="document.location.href='http://www.mjsnc.org';" style="cursor:pointer;"><img src="/Graphics/LOGOS AND BANNER/Slogo Transparent BG.png" width="273" height="173" alt="Mifflin-Juniata Special Needs Center, Inc."></div>
        </div>
        <div class="navbar" id="navbar">
          <img src="/Graphics/LOGOS AND BANNER/navbar_edited-3.jpg" alt="navigation menu" width="980" height="25" border="0" usemap="#Map">
          <map name="Map">
            <area shape="rect" coords="59,4,149,24" href="/NAV BAR OPTIONS/ABOUT US/AboutUs.html" target="_blank" alt="About Us">
            <area shape="rect" coords="157,3,255,23" href="/NAV BAR OPTIONS/CONTACT US/ContactUs.html" target="_blank">
            <area shape="rect" coords="263,4,423,22" href="/NAV BAR OPTIONS/BOARD OF DIRECTORS/BoardOfDirectors.html" target="_blank">
            <area shape="rect" coords="429,3,578,22" href="/NAV BAR OPTIONS/VISION AND MISSION/MissionVisionStatementsAdopted2012.pdf" target="_blank">
            <area shape="rect" coords="586,3,698,23" href="/NAV BAR OPTIONS/GET INVOLVED/GetInvolved.html" target="_blank">
            <area shape="rect" coords="704,5,815,24" href="/NAV BAR OPTIONS/DONATE NOW/DonateNow.html" target="_blank">
            <area shape="rect" coords="826,4,924,23" href="/NAV BAR OPTIONS/AFFILIATES/Affiliates.html" target="_blank">
          </map>
        </div>
        <div class="subnavmenu" id="subnavmenu">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a class="MenuBarItemSubmenu" href="#">ADULTS</a>
              <ul>
                <li><a href="/SIDE BAR OPTIONS/ADULT REC/ADULT REC.html">ADULT REC</a></li>
                <li><a href="/SIDE BAR OPTIONS/ADULT TRAINING FACILITIES/AdultTrainingFacilities.html">ADULT TRAINING FACILITIES</a></li>
                <li><a href="/SIDE BAR OPTIONS/AGENCY WITH CHOICE/AgencyWithChoice.html">AGENCY WITH CHOICE</a></li>
                <li><a href="/SUBNAVMENU/FAMILY LIVING/FAMILY LIVING.HTML">FAMILY LIVING</a></li>
                <li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">SUMMER REC</a></li>
              </ul>
            </li>
            <li><a href="#">YOUTH</a></li>
            <UL>
             <li><a href="/SUBNAVMENU/AFTER SCHOOL PROGRAM/AfterSchool.html">AFTER SCHOOL PROGRAM</a></li>
                <li><a href="/SUBNAVMENU/AKTION CLUB/AktionClub.html">AKTION CLUB</a></li>
                <li><a href="/SUBNAVMENU/CHALLENGER/Challenger.html">CHALLENGER BASEBALL</a></li>
                <li><a href="/SUBNAVMENU/EARLY INTERVENTION/EarlyIntervention.html">EARLY INTERVENTION</a></li>
                <li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">SUMMER REC</a></li>
                <li><a href="/SUBNAVMENU/T-BALL/TBall.html">T-BALL</a></li>
                <li><a href="/SUBNAVMENU/TEEN CLUB/TeenClub.html">TEEN CLUB</a></li>
                <li><a href="/SUBNAVMENU/TRAINING N TRANSITION/TrainingTransition.html">TRAINING & TRANSITION</a></li>
            </UL>
            <li><a class="MenuBarItemSubmenu" href="#">EVENTS</a>
              <ul>
               <li><a href="/SUBNAVMENU/EVENTS/LipSync.html">LIP SYNC</a></li>
                <li><a href="/SUBNAVMENU/EVENTS/TouringFriends.html">TOURING FRIENDS</a></li>
                <li><a href="/SUBNAVMENU/EVENTS/AnnualPicnic.html">ANNUAL PICNIC</a></li>
              </ul>
            <li><a class="MenuBarItemSubmenu" href="#">OTHER</a>
                  <ul>
                    <li><a href="/SUBNAVMENU/EDUCATION & THERAPY/EducationandTherapy.html">EDUCATION & THERAPY</a></li>
                    <li><a href="/SUBNAVMENU/EQUIPMENT LOAN/EquipmentLoan.html">EQUIPMENT LOAN</a></li>
                  </ul>
            </li>
                <li><a href="#">EMPLOYEES</a></li>
                <UL>
                 <li><a href="/SUBNAVMENU/AGENCY WITH CHOICE/AgencyWithChoice.html">AGENCY WITH CHOICE</a></li>
                    <LI><A href="/NAVBAR/ABOUT US/AboutUs.html">MEET OUR STAFF</A></LI>
                    <LI><A href="/SUBNAVMENU/EMPLOYEE ACCESS/EmployeeAccess.html">EMPLOYEE ACCESS</A></LI>
          </ul>
          </ul>
        </div>
      </div>
      <div class="rightcontent" id="rightcontent"><!-- TemplateBeginEditable name="editrightcontent" -->
        <p>Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
    <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
    <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
    <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. </p>
      <!-- TemplateEndEditable --></div>
      <div class="leftcontent" id="leftcontent"><!-- TemplateBeginEditable name="editleftcontent" -->
        <p>Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
        <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
        <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. Duis laoreet iriure tation eros molestie dolor feugiat vel quis et autem   dolor et et veniam augue eu in nisl iusto suscipit vulputate, aliquam, laoreet.   Vulputate dignissim dolor adipiscing ad qui tation te at diam augue quis,   aliquip exerci wisi erat luptatum, luptatum adipiscing in nostrud zzril nisl   consequat et. Feugait te ullamcorper consequat lobortis eros facilisis augue   nisl diam. </p>
        <p>Dignissim in ut ullamcorper vulputate autem ullamcorper aliquip nulla delenit   blandit nulla odio dolor odio consequat. Luptatum duis in iriure eum zzril eum   odio suscipit veniam wisi praesent facilisi nulla vero molestie dignissim   consequat nulla duis eu minim ea. Feugait iriure feugiat ut enim lobortis   consequat delenit hendrerit volutpat, consectetuer nonummy nostrud sed ea velit   suscipit duis blandit. Vel illum accumsan et veniam facilisis molestie, ea vel   dolor duis qui, ipsum et nostrud accumsan feugait odio dolore magna feugiat nibh   accumsan velit illum. </p>
      <!-- TemplateEndEditable --></div>
      <div class="footer" id="footer">Contact Us | About Us | Disclaimer</div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/Web Site Root Folder/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"/Web Site Root Folder/SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    There's room for much improvement.
    #1 About APDivs and why you don't need (or want) them in primary layouts:
    http://www.apptools.com/examples/pagelayout101.php
    #2 You're complicating matters with repetitive class and id names on every element.  It's better if you don't do this. 
    #3 Your CSS code is overly verbose.  Less is more. 
    #4 I don't understand why you're using HTML5 but not using HTML5 tags for your content.  For such a simple layout, this is all you need.
    <body>
         <header>logo and menu goes here </header>
              <section>
                   <aside>left column content</aside>
                   <aside>right column content<aside>
              </section>
          <footer>footer goes here </footer>
    </body>
    Nancy O.

  • Help with some positioning problems...

    Hello again, was hoping for some assistance on the following pages...
    I created 3 coloumns, 2 for text and one for an image but they dont seem to be working when i preview them. Heres the link...
    http://www.rayoga.co.uk/about/
    Also is the positioning ok on this page? does the text flow ok or should i reconsider a different layout?
    http://www.rayoga.co.uk/why%20yoga/index.html
    Am i able to add padding to the left of the contact form? Ive tried a few things but cant get it to work...
    http://www.rayoga.co.uk/contact/
    thanks in advance!
    Benn

    The tables are messing you up.  You don't really need tables for forms.
    Below is a basic HTML form styled with CSS.  Copy & Paste this code into a new, blank HTML document.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Sample HTML Form</title>
    <style type="text/css">
    /**BEGIN FORM STYLES**/
    #form1 {
    font-size: 14px;
    width: 500px;
    margin: 0 45px; /**adjust margins as needed**/
    background: #FFF;
    border: 2px groove green;
    padding: 7px 14px 7px 14px;}
    fieldset {
    margin-bottom:5px;
    border-right:none;
    border-bottom:none;
    border-left:none;
    legend {
    padding: 8px;
    border: 1px solid silver;
    background: #009900;
    font-weight: bold;
    color: #FFF;
    line-height: 1.5;
    margin-left: -45px;
    /**for IE6 only**/
    *margin-left:0;
    /**wrap form lables and fields inside ordered lists for better web accessibility**/
    #form1 ol {
    list-style:none;
    margin:0;
    padding:0}
    #form1 li {
    padding:5px;
    margin: 0;
    clear: left;
    label {
    display:inline-block;
    float:left;
    line-height: 23px; /**lines up labels with fields**/
    width:167px;
    font-size: 12px;
    color: #666;
    text-align:right;
    margin-right: 10px; /*space between labels, fields*/
    input[type=text],
    textarea {
    width: 190px; /**same width on all text fields**/
    padding: 5px;
    color: #666;
    border: 1px dotted #009900;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    /**field background on focus**/
    input:focus,
    input:active,
    textarea:focus,
    textarea:active
    {background-color: #EBECDE; border: 1px solid;}
    #submit {
    margin-left: 45px;
    background: #009900;
    font-size: 18px;
    color:#FFF;
    font-weight: bold;
    border: 2px outset #FFF}
    #submit:hover,
    #submit:focus,
    #submit:active {
    background: #006600;
    color: yellow;
    border: 2px inset #FFF}
    /**END FORM STYLES**/
    </style>
    </head>
    <body>
    <!--BEGIN HTML FORM, action="path to form-processing script on your server" -->
    <form name="form1" id="form1" action="form-email-script.php" method="post" enctype="multipart/form-data">
    <h3>HTML Contact Form</h3>
    <fieldset>
    <legend>Required Fields:</legend>
    <!--for trapping spam bots  -->
    <input name="config" type="hidden" value="0" />
    <input name="nospam" id="nospam" type="text" style="display:none" />
    <ol>
    <li>
    <label for="first_name">First Name:</label>
    <input name="first_name" id="first_name" type="text" />
    </li>
    <li>
    <label for="last_name">Last Name:</label>
    <input name="last_name" id="last_name" type="text" />
    </li>
    <li>
    <label for="email">E-mail:</label>
    <input name="email" id="email" type="text" />
    </li>
    </ol>
    </fieldset>
    <fieldset>
    <legend>Optional Fields:</legend>
    <ol>
    <li>
    <label for="phone">Phone number:</label>
    <input name="phone" id="phone" type="text" />
    </li>
    <li>
    <label for="subject">Subject:</label>
    <input name="subject" id="subject" type="text" />
    </li>
    <li>
    <label for="message">Message:</label>
    <textarea id="message" name="message"></textarea>
    </li>
    <li>
    <label for="submit"> </label>
    <input type="submit" name="submit" id="submit" value="Submit" />
    </li>
    </ol>
    </fieldset>
    </form>
    <!--END OF FORM -->
    </body>
    </html>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Need help with strategy / positioning of horizontal menu buttons

    I have a preexisting template setup for a website.  In this template there is a div called actualcontent where data for the pages goes.  The navigation for the site lives to the left of the actualcontent div.  However, now I am at a point that I need to implement an additional navigation method for a small subset of the site.  I would like to insert about 7 links across the top of the actualcontent div that send people to other pages in the site.  I would like the link that is selected to have its rectangle background a different color than the rest of the links that are shown horizontally across the top.  How can this be done?  Would I use a div for each link?  How could I get them lined up at the same vertical height but spread horizontally across the top of the actualcontent div? 
    Positioning sometimes throws me for a loop.  What type of positioning would I use?  Would I use div's at all?  Any help or links to tutorials is appreciated.

    Without seeing what you have so far, I'm just tossing out a basic list menu that could go between your #header and #actualContent divisions.
    CSS:
    /**Top Menu Navbar**/
    #navlist {
         background-color:#CCCCFF;
         padding: 5px;
         margin-left: 0;
         font: bold 12px Verdana, sans-serif;
    #navlist li {
         list-style: none;
         margin: 0;
         border-top: 1px solid gray;
         display: inline;}
    #navlist li a {
         padding: 0.25em 0.5em 0.25em 0.75em;
         border-left: 1em solid #AAB;
         background: #CCD;
         text-decoration: none;}
    #navlist li a:link { color: #448; }
    #navlist li a:visited { color: #667; }
    #navlist li a:hover {
         border-color: #9933FF;
         color: #000;
         background-color:#D0E8FF}
    HTML:
    <!--Top Menu Navbar-->
    <ul id="navlist">
         <li><a href="#">Skip to Content</a></li>
         <li><a href="#">Item 1</a></li>
         <li><a href="#">Item 2</a></li>
         <li><a href="#">Item 3</a></li>
         <li><a href="#">Item 4</a></li>
    </ul> <!--end navlist -->
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics |  Print | Media Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    HTML Validator - http://validator.w3.org
    CSS Validator - http://jigsaw.w3.org/css-validator/
    Tutorials  - http://w3schools.com/

Maybe you are looking for

  • Wifi sync works for iPod but not iPad

    I've seen lots of questions raised about wifi sync, most of which seem to have been resolved by checking the box in iTunes to enable wifi sync.  My issue doesn't seem to be resolved so easily.  I have checked the iTunes box to enable wifi sync and tu

  • How can I get my icons back on the dock

    I cannot get some of my icons back into the dock.

  • Once again, File Tree refreshing

    Ok, so I created my own implementation of a JTree to display a file system. Works fine and everything, but I want it to update in a regular interval. Right now my own model extends TreeModel and I put a class containing the file object as custom data

  • Payment file manual change

    Dear Guys and Gals! I face rather hard issue with SAP right know. The problem is as following: currently automatic payment run is set up, but the payment file that is generated and then submitted to the bank needs some corrections. I'm particulary sp

  • ERROR: cannot find libjava.so

    Hi All, Iam getting this below error while running 9i -runinstaller in linux os -64 bit. please help in this issue to solve. [oracle@dhcp-ptp2-10-177-155-47 Disk1]$ ./runInstaller [oracle@dhcp-ptp2-10-177-155-47 Disk1]$ Initializing Java Virtual Mach