Try to learn Spry Ajax Framework

So I try to learn how to use the Spry Framework for Ajax; that I downloaded from http://labs.adobe.com/technologies/spry/
Does anyone know if this some way plugs in Dreamweaver 8 or if I want to use it, "the Gallery of photos to be precise," that I have to manually manipulate the code to use my photos and then to implement their html in my template?

With DW8, you will need to use the Spry Framework manually. It is integrated into
the new Dreamweaver CS3.

--
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e - book for the DMX Zone
Co-author: Dreamweaver MX: instant troubleshooting (August 2003)
Technical writer: DMX 2004: The Complete Reference, DMX 2004: a beginner "s
Guide, Mastering Macromedia contribute
Technical reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP Web development

Tags: Dreamweaver

Similar Questions

  • try to download dot net framework v2 and he keeps trying to download without success

    Have installed v4 framework.  When you try to download some programs I download v2.  I keep trying to download

    but it won't take.

    https://SkyDrive.live.com/?CID=d7389b68b3a275ad&RESID=D7389B68B3A275AD! 120 & id = % D7389B68B3A275AD 21120

    link to my skydrive, download all four parts and run them in order. A lot of your time,

    Remove and reinstall net framework, and then go to microsoft update do a scan of priority and install and reboot as required.

  • try to update MS net framework Asst. is not because he is disabled. Help!

    the wizard of Microsoft Net Framework needs an update, but it is disabled with this version of Firefox. How updated?

    Not a problem of Firefox support.

    You can download a newer version of Microsoft .NET Framework from here: https://www.microsoft.com/en-us/download/details.aspx?id=40773
    or here:
    https://msdn.Microsoft.com/en-us/vstudio/aa496123.aspx

    With respect to the update of the .NET Framework, see Microsoft support for help with that.

  • try to install microsoft net framework 2.0 service pack 2

    I was in microsoft.com site but can't find a download for this the only download I can find are for 64 bit and 86 bit version wont work with my windows XP PROFESOAL I HAVE 32 BIT VERSION CAN someone please until ME WHERE to DOWNLOAD if IT GERARDINE to DETERMANATION AND PAITENCE I GIVE UP THE PROGRAM BUT I DOWNLOADED needs THIS FRAMEWORK TO WORK SAID ITS IN MICROSOFT WEB SITE BUT CANT FIND IT thank you.

    Hi BITYH DROPPED,

    Here is the link for. NET Framework 2.0 Service Pack 2. 32-bit is also referred to as x 86 versions of Windows.

  • Try to learn HTML in Notepad

    I am trying to learn HTML in Notepad and in the first lesson tell me to activate the web browser (because I wrote the code) find the file in the browser, click it and then click Browse to find the document I just do.  The problem is that I can't find the section go after finding the section of the file.  I hope someone can help me fix this problem.

    Original title: Notepad

    Firstly, well done for using Notepad to enter in the machinations of HTML. Actually write code instead of picking a library quickly became a lost art. A big + 1 from me.

    Regarding your problem, it seems that you are trying to find the browser on the file menu of Notepad. I think that this instructions is needed to open the web browser ( Internet Explorer, Chrome, Firefox, etc.) that you use normally and then use file, open to open the file that you created and saved in Notepad. Also, you should be able to simply type the URL in the browser address bar or press the hotkey Ctrl + O when the browser is in the foreground.
  • Try to learn the vcO - no actions in the workflow

    Hello

    First off - I'm a beginner and I am learning to create workflows in Orchestrator.


    I got my setup lab (vCenter 5.1 on windows with cast Orchestrator machine). Now, I'm trying to follow this youtube link develop your first VMware vCO Workflow (part 1) - YouTube

    but I stop in adding the Action step as there is no action

    Don't know what I'm doing wrong. Let me know what I'm missing.

    In addition, if you guys have resource that I should check to get my feet wet quickly with vCO, throw it in.

    Thank you!

    Thanks for the reply guys.

    I've just upgrade my environment at 5.5 and reinstall.

    vco5.5 worked for me.

    Thanks for the help.

  • Try to learn to the DIV code so that I can do 3 columns

    Hello

    I'm learning to work with the div code in Dreamweaver.

    I have an id for the main container named wrapper which is 900px wide and I have 3 div inside what are the blocks just long enough to type. Each div (#history, #attitudes, #per) is 300px wide at the height of fall for the type. I want then next to each other, and right now they are just a long column with 3 sections, each has a different background color. Here's the code so far... I'm playing with the float and positioning but nothing I do works.  In the end, it takes just 3 columns side by side. Each column has a tag of header for the name of the topic and the rest is just using the body per tag can someone help me get the columns next to each other using the code?

    Thank you!

    Babs

    {#wrapper}

    Width: 900;

    background-color: #CCCC66;

    }

    {#history}

    Width: 300px;

    height: 80px;

    background-color: #FF9999;

    }

    {#attitudes}

    Width: 300px;

    height: 80px;

    background-color: #ccFF99;

    }

    {#per}

    background-color: #FFFF99;

    Width: 300px;

    height: 80px;

    }

    Here is a picture to see each other... I Marie-Claire want them side by side...

    Screen Shot 2013-08-27 at 2.01.48 PM.png

    Hi Nancy!

    It worked!

    Because of the padding, I added width to the wrapper and made 30% wide... I'll play with it to level things... but it's what I was hoping.

    The code looks the same, except his internal style sheet... do you think that there was a problem with that linked?

    Thank you very much!!!

    Babs

  • Try to learn the Math.max function

    Hello

    I'm trying to understand how to use the Math.max function. Here is my simple code, but it has an error.

    Anyone know what I did wrong here.

    Thank you

    function myBiggie(); {

    Math.max (4:Number, 19:Number);

    }

    myBiggie();

    Babs

    There are a few mistakes and no way to see what the outcome will be.  Try the following and see how it differs...

    function myBiggie (): void {}
    trace (Math.Max (4.19));
    }
     
    myBiggie();

  • Try to learn but...

    WTF.JPG

    I amtrying to learn Flex, but whenever I get somewhere something like this comes up? It is a component and everything is commented out and it gives "access of undefined property i" what gives? Flex builder 3 standalone. Thanks for any help you can give, I have a feelin it will be obvious...

    Dean

    Post edited by: frameJockey, it also works in Flash!

    In Flex, you can have expressions other than declarations and initializations outside a function.

    So, you can declare and initialize variables outside a function of the 'line' and 'i', but you can't have a statement outside a function trace().

    So, does not comment on the signature of the function and the closing brace matching.

    If this post answers your question or assistance, please mark it as such.

    Greg Lafrance
    www.ChikaraDev.com

    Support and Flex development services

  • Spry AJAX does not not on a page

    I recently upgraded to CS3 of MX and bought the training Source Book Adobe by Bardzell and Flynn. No problem until Chapter 9. I have attached XML, schema data sets get and created the Tables Spry literally dozens of times by changing or leave completely scratch in recent days with no luck at all.

    I'm able to preview data in the Spry XML data set dialog, so it seems to be able to properly read, however, when recorded, uploaded on-line and in the browser, the page contains only the HTML header and footer and no tables or data whatsover dynamic.

    I don't want to continue to not understand what does not work correctly and why. Any suggestions?

    Thanks in advance.

    @Texox,

    I took your code and it ran with my own countryDetail.xml file. The only problem I found was that the opening

    34 online does not indicate the data set for the spry: detailregion. It should read:

    . Other that that, it ran fine for me.

    Make sure that the DW has created a SpryAssets folder and copied the files inside for you xpath.js and SpryData.js?

    The browser you are using and what platform? Windows with IE7, it asks you to allow blocked content before it will show the Spry table. It appears correctly in DW? It should show the columns of heading in the table with a single line below them. This line should be {countryName} and {region} as values for its two columns and the nuances of the DW them light blue (default) to indicate that it is data in real time.

    Bob Flynn

  • Try to learn Dreamweaver, weird icon order

    Why are the icons in an order different from my mac to my pc if version and working space are the same?

    Are you sure that you are working in the same versions?

    DWCS6 (disk version) is different from DWCS6 cloud and both are distinguished by the most recent PCOC.

  • Spry detail region

    I use a Spry + Ajax framework on one of my web pages, very similar to that of the workshop video Adobe

    Title: "using the framework for Ajax Spry."

    If you look at the example at the beginning (or download the source files), you will see that when you click on an event on the in the left column, an image appears on the right with a description below. The image appears out of the frame at the top and transitions down. I can find no reference as to how this transition effect is done.

    How can I go on the application of the transitions like this to my images (I'm actually not too fond of this one in particular, so a general understanding of operation would be better)?

    Kevin556655 wrote:
    > If you look at the example at the beginning (or download the source files).
    > you will see that when you click on an event on the left column, an image
    > appears on the right with a description below. The image appears from the
    > of the frame at the top and down transitions. I can't find any reference regarding
    > How this transition effect is done.

    > How can I go on the application of the transitions like this to my images (I'm
    > actually not too fond of this one in particular, so a general understanding of how
    (> It works would be better)?

    I suggest to check the code of the page and see how they did only an individual, but you can also take a look at the Spry documentation for effects:
    http://labs.Adobe.com/technologies/Spry/samples/
    Click the effects tab and check out the samples. Be sure to take a look at the last item in the list, the Transitions sample that shows the various effects taken in charge and the transitions in care:
    http://labs.Adobe.com/technologies/Spry/samples/effects/transition_sample.html
    The cool thing about the sample of Transitions is it is also gives you constructor code for the effect that you are testing.

    In addition, you should ask Spry in the Spry forum related issues:
    http://www.Adobe.com/cfusion/webforums/Forum/categories.cfm?forumid=72&CATID=602

    --
    Danilo Micen
    | http://blog.Extensioneering.com/
    | Extensioneer WebAssist
    | Adobe Community Expert

  • try to use cmd to install net framework 3.5

    Hi, try to install the net framework 3.5 using the cmd after countless unsuccessful attempts using the internet but cmd doesn't recorgnize DISM command, how can resolve this situation

    Have you launched the command with administrator privileges prompt?

    Press the Windows key + X

    Click prompt (admin)

    To learn more:

    http://msdn.Microsoft.com/en-us/library/hh506443.aspx

  • AJAX/Spry gets MySQL data and images from directory records

    Hello

    I'm under Open-Realty (Real Estate Listings Software - http://www.open-realty.org ) with MySQL.

    Open-Realty stores its data in the MySQL database while saving his images in Directory folders.

    I am trying to convert the web site to display real estate listings using Ajax/Spry framework without reloading an entire page every time.

    I have no problem getting to the screen/get data from MySQL using Ajax/Spry, but I still don't have to figure out how to get the images of directory records to match with MySQL database.

    All this may be donw in the environment or the Dreamweaver Extensions?

    Or at least point me in the right direction pls?

    Can someone please give me some advice pls?

    Thanks in advance.

    Tommy

    You can read my article "Exchanging data using the Spry Ajax and PHP framework" in the Adobe Developer Center - he actually treats, vaguely said, displaying images from a directory that s associated with some 'item ID': http://www.adobe.com/devnet/dreamweaver/articles/spry_php_images.html

  • Question of the accordion Spry tabs

    Hello

    I am trying to create a menu accordion spry for a navigation bar and have some difficulty.

    This is the first time I tried it, so I'd appreciate any help.

    The customer wants the tabs to be:

    Home

    Students

    The high school students

    College students

    Professionals of the

    Parents/carers

    Seminars

    Bio

    Q & a Blog

    Testimonials

    So what they want high school students and college students in child tabs under the parent tabs and all the other tabs parent.

    They asked a spry accordion.

    They want the navigation bar on the left.

    Here is the link to the online site:

    http://www.elynncohen.com/index2spry2.html#

    and here are my questions:

    1. the spry accordion has a box around it on the mouse down, but I can't understand how get rid of it. I checked all of the CSS rules for the spry accordion and none of them seem to have rules that surround them.

    2. all tabs have an area of content under them, and we want only the content tab of the student areas. You see what happens when you click on one of the tabs, you get a little thing that says content 1, 2, etc. I tried to delete them in the code and the page becomes completely crazy when I do and nav bar areas stretching all the way across the page.

    3. I can't figure out how to get the child tabs (which would be the tabs under the students who say high school and college) to have two tabs. You will see that there no tab high school here now. When I try to cut and paste the code to try to get two tabs, it doesn't. The spry malaccaaccordian framework only creates a content under each tab area.

    4. I would like the tabs of the child to be narrower than the parent tabs height and be indented so that they clearly will switch off and different than parent tabs.

    Any help would be appreciated!

    Thank you!!!

    Here is my code:

    <! DOCTYPE HTML >

    < html >

    < head >

    < meta charset = "UTF-8" >

    < title > your career guidance and college Counseling < /title >

    < meta name = "Keywords" content = "career guidance, College orientation, job search, career choices, College options, options career, work, jobs, opportunities, change career, new career, new job" / >

    < name meta = "Description" content = "" your career guidance: career and College Counseling ""Given your choice of college & career options"'Preparation for the world of work after College' 'Looking for a new job to pursue your career'"

    'In transition, and taking into account new opportunities '.

    "Search for a career important and significant change" / >

    < meta content = "Publisher" name = "Your career orientation, LLC" / >

    < name meta = 'Copyright' content = 'Copyright 2012, your career guidance, LLC. All rights reserved. "/ >

    < meta content = "Author" name = "Lisa Mark" / >

    < name meta = "Language" content = "en-US" / >

    < name meta = 'distribution' content = 'global' / >

    < meta content = "revisit-after" name = 'ten days' / >

    < name meta = "Robots" content = "All" / >

    < link rel = "Index" href = "index.html" / > "

    < link rel = "Site map" href = "sitemap.html" / > "

    "< script type =" text/javascript"src="//use.typekit.net/ifb2bte.js "> < / script >

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

    < script type = "text/javascript" > try {Typekit.load () ;} catch (e) {} < /script >}

    < style type = "text/css" >

    <!--

    {body

    margin: 0;

    padding: 0;

    Color: #000;

    do-size: 100%;

    line-height: 1.4;

    background-image: url(images/background.gif);

    background-repeat: repeat;

    }

    / * ~ ~ Tag of the element selectors ~ ~ *.

    UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */

    padding: 0;

    margin: 0;

    }

    H1, h2, h3, h4, h5, h6 {p}

    margin-top: 0;     / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */

    padding-right: 15px;

    padding-left: 15px;

    }

    . Container .sidebar1 h3 {}

    padding-left: 0px;

    color: #C60651;

    font-size: XL;

    }

    H1 {fort

    color: #C60651;

    do-size: 90%;

    do-family: «Bold ITC Binary»;

    }

    H1 strong em {}

    }

    an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

    border: none;

    }

    / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

    a: link {}

    color: #414958;

    text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

    }

    a: visited {}

    color: #4E5869;

    text-decoration: underline;

    }

    a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

    text-decoration: none;

    }

    / * ~ ~ This container surrounds all the other div tags giving them their percentage width ~ ~ * /.

    . Container {}

    Width: 80%;

    Max-width: 1260px; / * a max-width may be desirable to keep this provision to become too wide on a big screen. This keeps the more readable line length. IE6 does not respect this statement. */

    min-width: 780px; / * a min-width may be desirable to keep this provision to become too narrow. This keeps the more readable line length in the side columns. IE6 does not respect this statement. */

    Background: #FFF; / * set to auto on the sides, coupled with the width available to the centres. It is not necessary if you set the width of the .container to 100%. */

    margin-top: 0;

    margin-bottom: 0;

    margin-right: auto;

    left margin: auto;

    border-right-width: thick;

    border-left-width: thick;

    border-right-style: solid;

    border-left-style: solid;

    border-right-color: #C60651;

    border-left-color: #C60651;

    }

    / * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.

    . Header {}

    padding-top: 40px;

    }

    {#Quote}

    float: right;

    Clear: left;

    right margin: 1%;

    }

    / * ~ ~ These are the columns for page layout. ~~

    (1) padding is only placed on the top and/or bottom of the divs. The elements contained in these divs have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

    (2) no margin was given to the columns, because they all floated. If you need to add the margin, avoid placing on the side you're floating into (for example: a right margin on a div set to float to the right). Many times, padding can be used instead. For divs where this rule needs to be broken, you must add a statement of ' display: inline ' to the rule of the div to tame a bug where some versions of Internet Explorer double the margin.

    (3) given that the classes can be used several times in a document (and an element can also have several classes applied), the columns have received the names of classes instead of IDs. For example, two sidebar div could be stacked if necessary. These can easily be changed to the ID if that's your preference, as long as you don't use them once per document.

    (4) If you prefer your nav on the right instead of the left, simply float those columns as the opposite direction (straight instead of left all) and they will return in reverse order. There is no need to move the div in the HTML source code.

    */

    {.sidebar1}

    float: left;

    Width: 15%;

    padding-bottom: 10px;

    top of the margin: 40px;

    margin left: 25px;

    background-color: #FFF;

    Police-family: museo - without.

    Arial;

    Max-width: 200px;

    min-width: 180px;

    }

    . Happy {}

    float: left;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 10;

    Police-family: museo - without.

    Arial;

    top of the margin: 40px;

    padding-right: 10px;

    Width: 50px;

    font size: large;

    }

    . Container content p {}

    padding-top: 0px;

    }

    {.sidebar2}

    float: left;

    Width: 20%;

    background-color: #D3CCB2;

    top of the margin: 40px;

    padding-top: 10px;

    border-bottom-color: #FFF;

    border-right-color: #FFF;

    border-bottom-color: #FFF;

    border-left-color: #FFF;

    border-right-width: 5px;

    Police-family: museo - without.

    Arial;

    do-size: 90%;

    right: 12%;

    }

    / * ~ ~ This group selector gives the lists in the domain content space ~ ~ * /.

    . Content ul, ol {} content

    padding-top: 0px;

    padding-right: 25px;

    padding-bottom: 15px;

    padding-left: 40px;

    Police-family: museo - without. Arial;

    do-size: 100%;

    color: #666;

    }

    . Container content p {}

    Police-family: museo - without.

    Arial;

    padding-top: 0px;

    padding-left: 17px;

    padding-bottom: 0px;

    }

    {#Quote}

    float: right;

    Clear: both;

    }

    / * ~ ~ The list of navigation styles (can be removed if you choose to use a contextual menu premade as Spry) ~ ~ * /.

    UL. NAV {}

    list-style: none; / * This creates space between the following content browsing * /.

    Police-family: museo - without. Arial;

    line-height: 250%;

    }

    . NAV {}

    Police-family: museo - without.

    Arial;

    padding-left: 0px;

    }

    {ul li. NAV

    Police-family: museo - without. Arial;

    padding-bottom: 10px;

    }

    UL. NAV, the ul.nav: visited {/ * these selectors of grouping allows you to ensure that your links to retain their look button even after the ongoing visit * /}

    display: block; / * Gives the link properties block causing it to fill the whole container LI. This causes the entire area responds to a mouse click. */

    text-decoration: none;

    Color: #333333;

    background-color: #FFF;

    Police-family: museo - without. Arial;

    padding-top: 5px;

    padding-right: 5px;

    padding-bottom: 10px;

    padding-left: 15px;

    }

    UL. NAV a: hover, ul.nav one: ul.nav active,: focus {/ * this changes the background and color of text for browsers of the mouse and the keyboard * /}

    color: #C60651;

    Police-family: museo - without. Arial;

    background-color: #FFF;

    background-image: url(images/navbar2.gif);

    padding-bottom: 10px;

    }

    . Content img {}

    }

    / * ~ ~ Footer ~ ~ * /.

    .footer {}

    position: relative; / * This gives hasLayout IE6 to well clear * /.

    Clear: both; / * This clear property forces the .container to understand where the columns end up and contain them * /.

    padding-top: 0px;

    padding-right: 0;

    padding-bottom: 10px;

    }

    / * ~ ~ various float/clear classes ~ ~ * /.

    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */

    float: right;

    left margin: 8px;

    }

    .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */

    float: left;

    right margin: 8px;

    }

    .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}

    Clear: both;

    height: 0;

    font size: 1px;

    line-height: 0px;

    }

    . Container content {}

    Width: 50%;

    font size: large;

    Police-family: museo - without. Arial;

    }

    #footer {width: 100%;}

    background-color: #FFF;

    }

    . Container .sidebar2 h4 img {}

    padding-left: 20px;

    padding-top: 0px;

    }

    .sidebar2 p img {}

    border: medium solid #C60651;

    }

    {#Insert_logo2}

    border-top-width: 4px;

    border-right-width: 4px;

    border-bottom-width: 4px;

    border-left-width: 4px;

    border-bottom-color: #fff;

    border-right-color: #fff;

    border-bottom-color: #fff;

    border-left-color: #fff;

    }

    . Container content content p strong {}

    Police-family: museo - without. Arial;

    }

    . Container content content {}

    Police-family: museo - without. Arial;

    }

    . Container content ul li {strong

    Police-family: museo - without.

    Arial;

    font-size: 95%;

    line-height: 150%;

    list-style-type: disc;

    }

    . Container content ul {}

    }

    {test}

    do-family: «Bold ITC Binary»;

    }

    . Container .sidebar2 p img {}

    margin-right: auto;

    left margin: auto;

    border-top-width: medium;

    border-right-width: medium;

    border-bottom-width: medium;

    border-left-width: medium;

    border-bottom-color: #C60651;

    border-right-color: #C60651;

    border-bottom-color: #C60651;

    border-left-color: #C60651;

    }

    {Strong Li

    line-height: 130%;

    list-style-type: circle;

    color: #978980;

    }

    . Container content ul {}

    }

    . Container .sidebar1 .nav {}

    margin-top: 10px;

    margin-bottom: 10px;

    }

    .sidebar1 .nav li {}

    padding-bottom: 10%;

    }

    .nav li a {}

    background-image: url(images/navbar2.gif);

    background-repeat: no-repeat;

    background-position: Center-right;

    left: auto;

    right: auto;

    Clip: rect (auto, auto, auto, auto);

    }

    . Container .sidebar1 .nav li a {}

    }

    . Container .sidebar1 h6 {}

    padding: 0px;

    Color: #000000;

    }

    #footer h3 {fort

    font-size: 60%;

    color: #978980;

    }

    . Container content p {}

    padding-right: 0%;

    padding-left: 0%;

    font-size: 85%;

    }

    . Container .sidebar2 p {}

    padding-right: 8%;

    padding-left: 8%;

    padding-top: 5px;

    }

    {#Insert_logo2 #Insert_logo2}

    padding-left: 15px;

    }

    . Container content ul {}

    color: #C60651;

    }

    H6 {}

    color: #978980;

    Police-family: museo - without.

    Arial;

    font size: 82%;

    padding-left: 20%;

    text-align: left;

    text-indent: 8px;

    }

    .nav li a {}

    padding-bottom: 10px;

    }

    H8 {}

    Police-family: museo - without. Arial;

    do-size: 100%;

    }

    H4 {}

    Police-family: museo - without.

    Arial;

    do-size: 100%;

    color: #C60651;

    padding-left: 17px;

    padding-top: 5px;

    padding-bottom: 0px;

    }

    . Container content p {}

    padding-left: 17px;

    padding-right: 30px;

    }

    .sidebar1 h8 strong {}

    do-size: 80%;

    Police-family: museo - without. Arial;

    }

    . Container .sidebar1 h7 {}

    font size: 40%;

    color: #978980;

    }

    H7 {}

    Police-family: museo - without. Arial;

    font size: 15%;

    }

    . Container .sidebar1 h8 {}

    Police-family: museo - without. Arial;

    }

    .sidebar2 p img {}

    Max-width: 100%;

    }

    . Container content img {}

    padding-left: 3%;

    }

    IMG {}

    position: static;

    text-align: left;

    }

    body, td, th {}

    Police-family: museo - without. Arial;

    }

    H5 {}

    do-size: 150%;

    color: #C60651;

    padding-left: 0px;

    Police-family: museo - without. Arial;

    . Container content p {}

    padding-left: 17px;

    padding-right: 30px;

    font-size: 87%;

    }

    . Container .sidebar2 p {}

    do-size: 90%;

    }

    . Container .sidebar1 .nav li {}

    Police-family: museo - without.

    Arial;

    }

    . Container .sidebar1 .nav li a {}

    padding-left: 0px;

    margin-bottom: 0px;

    height: 30px;

    }

    Li a {}

    padding-left: 2px;

    }

    ->

    < / style > <!-[if lte IE 7] >

    < style >

    . Happy {right margin:-1px ;} / * this negative margin of 1px can be placed on any of the columns in this layout with the same corrective effect.} */

    UL. NAV a {zoom: 1 ;}}  / * the property zoom gives IE the hasLayout trigger to fix additional whiltespace between the links * /.

    < / style >

    <! [endif]-->

    < link href = "SpryAssets/SpryAccordion.css" rel = "stylesheet" type = "text/css" > "

    < / head >

    < body > < script type = "text/javascript" >

    function pageWidth() {}

    return window.innerWidth! = null? window.innerWidth: document.documentElement & & document.documentElement.clientWidth? document.documentElement.clientWidth: document.body! = null? document.body.clientWidth: null;

    }

    function pageHeight() {}

    return window.innerHeight! = null? window.innerHeight: document.documentElement & & document.documentElement.clientHeight? document.documentElement.clientHeight: document.body! = null? document.body.clientHeight: null;

    }

    < /script >

    < div class = "container" >

    < div class = "header" > <! - end .header - >

    < class p = 'clearfloat' > < a href = "" #index.html ' id = 'Insert_logo2' "> < img src="images/YCD-logo-tag-RGB-web-SM.gif "alt ="Logo of your career branch"name ="Insert_logo"width ="50% "id ="Insert_logo2"style =" background: #FFF ""

    ; Display: block; "/ > < /a > < /p >

    < div id = "Quote" > < img src = "images/quote.gif" alt = "choose a job you love" width = "355" height = "81" > < / div > "

    < class p = 'clearfloat' > < / p >

    < / div >

    < div class = "sidebar1″" >

    < ul class = "nav" >

    < li >

    < div id = "Accordion1" class = "Accordion" tabindex = "0" >

    < div class = "AccordionPanel" >

    < div class = "AccordionPanelTab" > < a href = "#" > home < /a > < / div >

    < div class = "AccordionPanelContent" > content 1 < / div >

    < / div >

    < div class = "AccordionPanel" >

    < div class = "AccordionPanelTab" > < a href = "#" > students < /a > < / div >

    < div class = "AccordionPanelContent" > < a href = "#" > school < /a > < / div >

    < / div >

    < div class = "AccordionPanel" >

    < div class = "AccordionPanelTab" > < a href = "#" > Professional < /a > < / div >

    < div class = "AccordionPanelContent" > 3 content < / div >

    < / div >

    < div class = "AccordionPanel" >

    < div class = "AccordionPanelTab" > < a href = "#" > Parent/educator < /a > < / div >

    < div class = "AccordionPanelContent" > 4 content < / div >

    < / div >

    < div class = "AccordionPanel" >

    < div class = "AccordionPanelTab" > < a href = "#" > seminars < /a > < / div >

    < div class = "AccordionPanelContent" > content 5 < / div >

    < / div >

    < div class = "AccordionPanel" >

    < div class = "AccordionPanelTab" > < a href = "#" > Bio < /a > < / div >

    < div class = "AccordionPanelContent" > 6 content < / div >

    < / div >

    < div class = "AccordionPanel" >

    < div class = "AccordionPanelTab" > < a href = "#" > Q & amp; A Blog < /a > < / div >

    < div class = "AccordionPanelContent" > 7 content < / div >

    < / div >

    < div class = "AccordionPanel" >

    < div class = "AccordionPanelTab" > < a href = "#" > stories < /a > < / div >

    < div class = "AccordionPanelContent" > 8 content < / div >

    < / div >

    < / div >

    < /li >

    < /ul >

    < / div >

    < div class = "content" >

    < p > given today's competitive job market, the global economy and has changed the corporate culture.

    is no longer, we rely on others to ensure our professional future. Choose or

    change your career guidance requires personal reflection, career education and an action plan. < /p >

    < img src = "images/if-you-are-.gif" alt = "If you consider your choice of college and career options" width = "197" height = "31" align = "left" >

    < ul >

    < br > < br > < li > < strong > given your choice of college & amp; career < facilities > options < /li >

    < li > < strong > preparation for the world of work after College < facilities > < /li >

    < li > < strong > looking for a new job to pursue your career < / strong > < /li >

    < li > < strong > transition and given opportunities < facilities > < /li >

    < li > < strong > seeking to make an important and significant career < facilities > < strong change > < / strong > < /li >

    < /ul >

    < img src = "images/Onethingisforsureraster.gif" width = "352" height = "49" alt = "one thing is sure, we all run our own careers, our own lives!" > "

    < Br > < p > building a successful and rewarding career requires linking your interests, education and experience of the trends in employment, growth industries and a career choice. It takes smart decisions on your college major, professional training and training options. With enthusiasm, persistence and unparalleled job search techniques, you can succeed in finding a path to the career that suits you. < /p >

    < p > we are your lawyer. We listen, assess, strategize, inspire, counsel and network on your behalf. With a personalized and comprehensive approach, we will work with you to help you create a plan of action; a path designed for you to get where you want to go and become what you want to be. < /p >

    < img src = "images/yourcareerourpassionraster.gif" width = "441" height = "20" alt = "Your career guidance, YOUR career is our passion!" > < / div > "

    < div class = 'sidebar2' >

    < p > < img src = "images/Counselingastudent.gif" width = "100%" alt = 'Lisa Mark advising a student' > < / p > "

    < p > our mission is to help you to discover, choose and create your direction for a challenging and rewarding career path < /p >

    < p > integrate us our experience with the work force today and advice expertise with your passions and career interests. We will introduce new career ideas yourself, target companies and generate opportunities for job and internship for you. < /p >

    < p > guide us step by step to ensure your success when applying for college, job interview

    and decision making process.

    < /p >

    < / div >

    < div class = "footer" >

    < div id = "footer" >

    < h6 align = "left" > your career guidance, LLC • 96 Harvard Avenue, Maplewood, New Jersey 07040 • (973) 996-0207 • [email protected] < / h6 >

    < / div >

    < p > < / p >

    <! - end .footer - > < / div >

    <! - end .container - > < / div >

    < script type = "text/javascript" >

    var Accordion1 = new Spry.Widget.Accordion ("Accordion1");

    < /script >

    < / body >

    < / html >

    1. the spry accordion has a box around it on the mouse down, but I can't understand how get rid of it. I checked all of the CSS rules for the spry accordion and none of them seem to have rules that surround them.

    2. all tabs have an area of content under them, and we want only the content tab of the student areas. You see what happens when you click on one of the tabs, you get a little thing that says content 1, 2, etc. I tried to delete them in the code and the page becomes completely crazy when I do and nav bar areas stretching all the way across the page.

    3. I can't figure out how to get the child tabs (which would be the tabs under the students who say high school and college) to have two tabs. You will see that there no tab high school here now. When I try to cut and paste the code to try to get two tabs, it doesn't. The spry malaccaaccordian framework only creates a content under each tab area.

    4. I would like the tabs of the child to be narrower than the parent tabs height and be indented so that they clearly will switch off and different than parent tabs.

    1 line 454

    style = "" outline: none; " " >

    2 & 3. Change your line code 455-491:

    #"> Home".

    #"> Students.

    #"> High school.
    College

    #"> Professional.

    #"> Parent/educator.

    #"> Seminars»

    #">Bio

    #"> Q & a Blog.

    #"> Testimonials»

    4. Add your HTML code for tabs child like this:

    ID 'submenu' =>#"> high school.

    Create a new css #submenu rule in your CSS document and set the style as you wish.

Maybe you are looking for