Spry toolbar in CS5

Is it possible to display Spry toolbar in DW CS5?
I have acces in DW menu only via Insert>Spry>...

Thank you,
I am new in Spry area, so please do tell me what about updates of Spry framework? How can I check the latest release?
I have downloaded the latest version of Spry from here http://labs.adobe.com/technologies/spry/home.html
The widget browser is great
Jan

Similar Messages

  • Is there any way to disable the mouse-over function of the Spry Menu Bar (CS5)? Click-open preferred

    Hello,
    I'm using the standard CS5 Spry Menu Bar (Horizontal) in Dreamweaver. I have it set up exactly the way I want with CSS. However, I've very little experience with Javascript, consequently I'd like to ask anyone here for some help in modifying this aspect of the Spry Menu Bar. I'd like it to 'click-open' and not open when the mouse is over it. I've tried to change the delay variables in the code to something that has a longer duration in milliseconds; unfortunately, this tends to cause some bugs such as the menu re-opening once the mouse is no longer near it and other such bugs.
    The ideal solution for me would be to have it open when it's clicked on once. The reason I need this is because the menu appears over some buttons - there's no way around this for me, it's the layout I absolutely must have. Although the buttons don't overlap with the menu, they are very close and it is annoying when your hand slips a little and the menu pops up over it all.
    I'd appreciate any help at all, thank you.
    PS:- The Javascript containing the delay variables I tried to modify.
    Spry.Widget.MenuBar.prototype.init = function(element, opts)
        this.element = this.getElement(element);
        // represents the current (sub)menu we are operating on
        this.currMenu = null;
        this.showDelay = 250;
        this.hideDelay = 600;
        if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
            // bail on older unsupported browsers
            return;
        // Fix IE6 CSS images flicker
        if (Spry.is.ie && Spry.is.version < 7){
            try {
                document.execCommand("BackgroundImageCache", false, true);
            } catch(err) {}

    Hello,
    Thank you so much for replying so quickly and moreover, solving my problem. I must apologise for not doing more research about this issue by searching these forums more thoroughly. I found a similar post here:-
    http://forums.adobe.com/message/139937#139937
    Your solution goes one step further and eliminates the need to search through the Javascript for the relevant code.
    Thank you again, you've helped me a great deal.
    Best wishes,
    foreverdusty.

  • Menu behind spry slideshow dreamweaver cs5?

    Using Dreamweaver CS5
    Hi.  I have a site with a css3 dropdown menu that seems to work fine on all of my pages except my photo gallery page. The menu appears behind the Spry Slideshow with Filmstrip that I got from the Widget Browser.
    The site is not live and only on my local machine but here is the page html in a text doc: http://www.210usa.com/index.txt
    Here is the main css: http://www.210usa.com/css_prob.txt
    Here is the slideshow css: http://www.210usa.com/css_slideshow.txt
    I have changed the z index but that is not helping at all.  I found this for problems with flash docs but I am a real novice and do not know how to even put these tags in my code.  Any help would be greatly appreciated.
    Thanks

    Grüss Dich sailor,
    in my opinion "SpryTabbedPanels" actually only do what they should to do and so it inevitably leads to the covered menu items. I played a little bit around with the width from your "css3menu1/style.css"
    height:22px;line-height:22px;border-width:0 0 3px 0;border-style:none;border-color:#009900;border-radius:10px;-moz-border-radius:10px;-webk it-border-radius:10px;padding:3px 10px; width: 650px;}
    and I got this:
    so you can see what I mean. To correct this you had to put down your "photo gallery for Mystic Pizza II" so far, till there is enough space for the panel. And therefore I would prefer a solution by using a "SpryMenuBarVertical" leftmost on your page (if you mean it's necessary so too on the right).
    Glück auf!
    Hans-Günter

  • Fixed position header / logo / home link / spry menu dreamweaver cs5

    Hi all,
    I'm starting a new discussion on this:
    I have posted the code below for the header and the spry.
    The header with logo and homelink keeps going underneath the spry and the spry jumps to the top of the page, this has only happened when I addded position: fixed;
    However I do need this to have a fixed postion as I want to Spry and Header to remain fixed when scrolling, I'm hoping someone can help me with this
    Thankyou
    HTML:
    <div id="header">
      <div align="center"><a href="index.html" id="homeLink"></a></div>
    </div>
    <div id="container">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a class="MenuBarItemSubmenu" href="../mall.html">MENS</a>
            <ul>
              <li><a href="../mall.html">ALL</a></li>
              <li><a href="../mouterwear.html">Outerwear</a></li>
              <li><a href="../msweatsknitwear.html">Sweats + Knitwear</a></li>
              <li><a href="../mtops.html">Tops</a></li>
              <li><a href="../mshirts.html">Shirts</a></li>
              <li><a href="../mdenim.html">Denim</a></li>
              <li><a href="../mtrousers.html">Trousers</a></li>
              <li><a href="../mshorts.html">Shorts</a></li>
              <li><a href="../mfootwear.html">Footwear</a></li>
              <li><a href="../maccessories.html">Accessories</a></li>
            </ul>
          </li>
          <li><a href="../womens.html" class="MenuBarItemSubmenu">WOMENS</a>
            <ul>
              <li><a href="#">ALL</a></li>
              <li><a href="#">Outerwear</a></li>
              <li><a href="#">Sweats + Knitwear</a></li>
              <li><a href="#">Tops</a></li>
              <li><a href="#">Shirts</a></li>
              <li><a href="#">Dresses</a></li>
              <li><a href="#">Playsuits + Jumpsuits</a></li>
              <li><a href="#">Skirts</a></li>
              <li><a href="#">Denim</a></li>
              <li><a href="#">Trousers</a></li>
              <li><a href="#">Shorts</a></li>
              <li><a href="#">Footwear</a></li>
              <li><a href="#">Accessories</a></li>
            </ul>
          </li>
          <li><a class="MenuBarItemSubmenu" href="../footwear.html">FOOTWEAR</a>
            <ul>
              <li><a href="#">Mens</a> </li>
              <li><a href="#">Womens</a></li>
              <li><a href="#">Unisex</a></li>
            </ul>
          </li>
          <li><a href="../accessories.html" class="MenuBarItemSubmenu">ACCESSORIES</a>
            <ul>
              <li><a href="#">ALL</a></li>
              <li><a href="#">Bags</a></li>
              <li><a href="#">Wallets + Purses</a></li>
              <li><a href="#">Belts</a></li>
              <li><a href="#">Hats</a></li>
              <li><a href="#">Scarves</a></li>
              <li><a href="#">Sunglasses + Glasses</a></li>
              <li><a href="#">Watches</a></li>
    <li><a href="#">Jewellery</a></li>
    <li><a href="../maccessories.html">Mens</a></li>
    <li><a href="#">Womens</a></li>
            </ul>
          </li>
          <li><a href="../about.html">ABOUT</a></li>
          <li><a href="../blog.html">BLOG</a></li>
          <li><a href="../contact.html">CONTACT</a></li>
        </ul>
    </div>
    <p> </p>
    <div id="content"><!-- TemplateBeginEditable name="content" -->content<!-- TemplateEndEditable --></div>
    CSS:
    #header {
              background-color: #FFF;
              background-image: url(LOGO/CHAIN%20logo%20new%2024.png);
              background-repeat: no-repeat;
              background-position: center center;
              height: 200px;
              width: 100%;
              position: fixed;
    #container {
              height: 60px;
              width: 100%;
              margin-right: auto;
              margin-left: auto;
              position: fixed;
    #homeLink {
              width: 100%; /* set width to width of background image */
              height: 200px; /* set height to height of background image */
              display: block;
              position: fixed;

    I'm not 100% sure where you find them in CS5 (I use CS4) I would just add them manually to the container, header and homelink css. All you need to do is open the .css file and add...
    top:#px;   /* The # you use defines how close to the top of the window the div sits */
    left:#px;   /* The # you use defines how close to the left of the window the div sits */
    EDIT: So it would look something like this...
    #header {
              background-color: #FFF;
              background-image: url(LOGO/CHAIN%20logo%20new%2024.png);
              background-repeat: no-repeat;
              background-position: center center;
              height: 200px;
              width: 100%;
              position: fixed;
              top:0px;
              left:0px;
    #container {
              height: 60px;
              width: 100%;
              margin-right: auto;
              margin-left: auto;
              position: fixed;
              top:100px;
              left:100px;
    #homeLink {
              width: 100%; /* set width to width of background image */
              height: 200px; /* set height to height of background image */
              display: block;
              position: fixed;
             top:10px;
              left:10px;
    Obviously, use the pixel dimensions you need to position everything correctly.

  • Spry accordion for CS5 links not working

    Hi everyone!
    I build a Spry accordion for my website, and while the functionality of it works beautifully, the links do NOT work. I have double and triple checked that my links are correct, and when I am in a preview mode, the text is changing to my a:hover specifications. Does anyone have any useful suggestions?  Please be gentle when answering, I know my way around HTML and Dreamweaver, but am trained as a designer, not a coder.
    Thank you!

    Please upload your site and supply a link.
    Gramps

  • Spry toolbar in dreamweaver cs6? is there one?

    All in the title

    Hi,
    because we are becoming so detailed, here some more links
    Examples
    http://users.tpg.com.au/j_birch/plugins/superfish/examples/
    http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/
    http://craigsworks.com/projects/simpletip/
    http://calebjacob.com/tooltipster/
    Tutorials:
    http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
    http://try.jquery.com/
    http://learn.jquery.com/
    https://tutsplus.com/course/30-days-to-learn-jquery/
    http://www.w3schools.com/jquery/
    If you have a budget to work with, get PVII's Pop-Menu Magic2.
    http://www.projectseven.com/products/menusystems/pmm2/
    And to complete here the good old SPRY of  Spry Samples.
    Hans-Günter
    @Jon Fritz II: Hint is arrived, thanks!

  • Spry tooltips dreamweaver cs5

    hi
    i'm new in the forum and hope i'm doing things right...
    searched the forum for hours and couldnt find a solution. my problem:
    built a tooltipp for a small image (100x100px) and replace it with a bigger one (300px sq). when i set the offset both to negative, the tooltip is shaking like mad when i hover over. there is only the img in the div. i added some margin and padding to the the class '.tooltipContent'.
    tried to do it in a new html file (dreamweaver template, without any additional css) but it didnt work out - many thanks for any help!!
    would be a great tool and a shame if i couldn't use it!
    raphael

    hi gramps
    many thanks! when i turn on the second box (according the reccommendation), the flickering is gone.
    i'm not sure if have to remove the width and heigth as well - seems to work without removing it. please let me know if there are any reason to do so.
    again many thanks - searched the forum for a long time, but im not english and didnt look up "flicker" ...
    nice weekend
    raphael

  • Widget browser / Spry 2.0 - install without internet connection

    Hello, everyone.
    Is there a way to install the widget browser and Spry Toolbar 2.0 into DW CS5 without an internet connection?  The dev network is isolated from the internet per company policy.
    Respectfully,
    ^_^

    Thanks for the reply, David.  I wish there were a way, as I like the Spry menu, and it's a bummer that the one that ships with DW CS5 doesn't work well in IE8/9.
    ^_^

  • Dreamweaver CS3 Spry Updates

    Just been reading the Edge newsletter for June, and picked up
    on this under the section describing Ajax features in DW CS3:
    Adobe say-
    "Because Spry lives independently on Adobe Labs, it will
    continue to evolve and become more robust and powerful. Upcoming
    releases will include JavaScript Object Notation (JSON) support,
    unobtrusive JavaScript support, HTML datasets, and more."
    With each stable release of Spry, is there going to be an
    update for DW to expand the functionality within the software, for
    instance, update the Spry toolbar to contain buttons for new
    features etc?

    Yep - that's the ticket....
    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
    ==================
    "Al Sparber- PVII" <[email protected]> wrote in
    message
    news:f568nl$ha1$[email protected]..
    > "Murray *ACE*" <[email protected]>
    wrote in message
    > news:f56612$e0c$[email protected]..
    >> Make it a server-side include. Remember that the
    parent page must have
    >> the links to the CSS files, and the javascript
    files, NOT the include
    >> file.
    >
    > Even though this is part of the Pop Menu Magic user
    guide, the theory
    > would be the same for the Spry menu (without the
    automation features):
    >
    http://www.projectseven.com/products/menusystems/pmm/user_guide/site_wide/includes/index.h tm
    >
    >
    > --
    > Al Sparber - PVII
    >
    http://www.projectseven.com
    > Extending Dreamweaver - Nav Systems | Galleries |
    Widgets
    > Authors: "42nd Street: Mastering the Art of CSS Design"
    >
    >

  • AIR and Spry Visually with DW

    I posted this on the AIR forum but thought the Spry world
    would like to know too.
    I wanted to experiment with JUST using the built in DW
    features (visual tools) to build an AIR app. With the Spry plugins
    that come with CS3, it's possible!
    Though, as a developer, the code might not be that well
    written.....it's interesting that even designers have a shot at
    making some simple AIR apps.
    Check out the AIR app I made here:
    Snippet AIR
    app

    quote:
    Note that (re: your comments on the well-formedness of the
    visually-generated code) inline event handlers aren't as big a best
    practices snafu if you're building specifically to AIR.
    Yes I agree! I came to that conclusion myself when I was
    messing around with AIR (so I didn't feel as guilty when I inserted
    it).
    Thanks for the complements. It was fun.
    i've found, after my experiment, that designers can have an
    easy enough time making a simple AIR app. It would REALLY be easy
    for them if there were some filter /search/pagination stuff
    integrated into the SPRY plugins for Dreamweaver.
    I was REALLY wanting to add some pagination to the app (SPRY
    has some great capacity for this) but didn't want to go outside the
    realm of Dreamweaver's visual, built-in capabilities. That would be
    a great thing to offer in the SPRY toolbar's next release.

  • Accordion menu spry link not working

    I built an accordion menu spry using Dreamweaver CS5. I noticed that the navigation labels on the accordion menu cannot be linked to pages. Please see the Overview link on the accordion menu and notice that it does not not go to 'overview.html' as I added in the code. What am I doing wrong?
    Thanks. Any help is greatly appreciated.

    I see this in your spry css file - you might try removing the two user-select entries
    * NOTE:
    * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
    * user from selecting the text in the AccordionPanelTab. These are proprietary browser
    * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
    * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
    * validate, and don't care if the user can select the text within an AccordionPanelTab,
    * you can safely remove those properties without affecting the functionality of the widget.
    .AccordionPanelTab {
         background-color: #FFF;
         border-bottom: dotted .5pt gray;
         margin: 0px;
         padding: 6px;
         cursor: pointer;
         -moz-user-select: none;
         -khtml-user-select: none;
         font-family: Georgia, "Times New Roman", Times, serif;
         font-size: 9pt;
         background-image: url(../images/mykcurve_expand.gif);
         background-position: right;
         background-repeat: no-repeat;

  • Missing Image Size and Position Data

    In AI CS5 the size and position of an image were displayed in the top toolbar when you selected the image.  This is missing in AI CS6, how can I get it back?

    Well I did discover that what I need is called "Transform" but it's already checked in the menu you suggested.  In fact EVERY box is already checked in that menu, and checking or unchecking them from that menu has absolutely no affect on anything anyway. 
    I found that I can expand one of the menus from the right side, and the "Transform" box is there, and that's fine.  But that data (object size and position) was very useful when displayed on the top toolbar in CS5. Any idea how to make it appear in the top toolbar?  It will un-dock (and is very difficult to re-dock)

  • Fireworks Menu Appearing Behind Content

    Hi All
    I have an existing website built in Macromedia Studio 8. I would like to upgrade to Web Premium CS5.5. As a result, I am currently using a trial version which has helped me to redesign the whole website. I am not proficient in code writing and have a basis understanding of the software. (That is why I am testing the trial version first). However, I an faced with TWO problems.
    The first is, although my templates were built using one of Adobe's page layout formats (then customised), some of the pages are no longer centred.
    The second is, I have created menu's in both Fireworks (Studio 8 then edited in Fireworks CS5.1 creative suite master collection and saved) and Spry (in Dreamweaver CS5.5) - which have now caused the menus to appear behind content on some of the pages.
    I have tried to use the pages which look fine in the browser as templates but, sadly, when the content is changed/added to, the menu appears behind again.
    I would appreciate any help.
    S
    P.S.I can't publish a link as I am using a trial version of the software at present.

    Thank you for your prompt reply Snake eyes,
    Please find the code below:
    <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
    <!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"><!-- InstanceBegin template="/Templates/advertising_privacy.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Viva Fashion.co.uk's Advertising Rates</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <style type="text/css">
    <!--
    @import url("../menu_viva_fashion_site/viva_fashion_menu.css");
    @import url("../menu_useful_health_contacts/useful_health_and_beauty_contacts.css");
    body {
         margin: 0;/* center layout */
         padding: 0;
         color: #FFF;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 100%;
         line-height: 1.4;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will 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;      /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
         padding-right: 15px;
         padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
         border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
         color: #999999;
         text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
         color: #FF0099;
         text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
         text-decoration: none;
    /* ~~ this fixed width container surrounds the other divs ~~ */
    .container {
         width: 1100px;
         background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
         margin-top: 0;
         margin-right: auto;
         margin-bottom: 0;
         margin-left: auto;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
         background: #FFF;
    /* ~~ This is the layout information. ~~
    1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    .content {
         padding: 10px 0;
    /* ~~ The footer ~~ */
    .footer {
         padding: 10px 0;
         background: #CCC49F;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
         float: right;
         margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
         float: left;
         margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
         clear:both;
         height:0;
         font-size: 1px;
         line-height: 0px;
    #apDiv1 {
         position:absolute;
         left:1px;
         top:2px;
         width:744px;
         height:80px;
         z-index:1;
    #apDiv2 {
         position:absolute;
         left:4px;
         top:85px;
         width:1100px;
         height:25px;
         z-index:2;
         background-color: #CCCCCC;
    #apDiv3 {
         position:absolute;
         left:1px;
         top:120px;
         width:670px;
         height:800px;
         z-index:3;
    #apDiv4 {
         position:absolute;
         left:2px;
         top:910px;
         width:670px;
         height:500px;
         z-index:4;
    #apDiv5 {
         position:absolute;
         left:670px;
         top:120px;
         width:130px;
         height:1300px;
         z-index:5;
    #apDiv6 {
         position:absolute;
         left:804px;
         top:120px;
         width:300px;
         height:1300px;
         z-index:6;
         background-color: #000000;
    -->
    </style>
    <link href="Vivavocefashion.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    .style1 {color: #666666}
    #apDiv7 {
         position:absolute;
         left:2px;
         top:1430px;
         width:1100px;
         height:60px;
         z-index:7;
         background-color: #000000;
    .style10 {font-weight: bold}
    .style12 {font-weight: bold}
    .style14 {font-weight: bold}
    .style16 {font-weight: bold}
    .style2 {font-weight: bold}
    .style4 {font-weight: bold}
    .style6 {font-weight: bold}
    .style8 {font-weight: bold}
    #apDiv8 {
         position:absolute;
         left:4px;
         top:85px;
         width:1100px;
         height:25px;
         z-index:8;
    #apDiv9 {
         position:absolute;
         left:11px;
         top:10px;
         width:174px;
         height:44px;
         z-index:9;
    #apDiv10 {
         position:absolute;
         left:6px;
         top:4px;
         width:172px;
         height:60px;
         z-index:9;
    #apDiv11 {     position:absolute;
         left:-7px;
         top:27px;
         width:1100px;
         height:20px;
         z-index:1;
    </style>
    <script language="JavaScript1.2" type="text/javascript" src="../menu_viva_fashion_site/mm_css_menu.js"></script>
    </head>
    <div id="apDiv1">
      <table width="1099" border="0">
        <tr>
          <td width="327"><a href="../index.html"><img src="../graphics/viva_fashion_logo.gif" width="322" height="78" alt="viva fashion.co.uk logo" longdesc="http://www.vivafashion.co.uk" /></a></td>
          <td width="762"><span class="Headerpink">
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="600" height="65">
        <param name="movie" value="../animations/top_banner_advert.swf" />
        <param name="quality" value="high" />
        <embed src="../animations/top_banner_advert.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="65"> </embed>
      </object>
    </span>
            </td>
        </tr>
      </table>
    </div>
    <body>
    <div id="apDiv7">
      <div align="left"><span class="Bodytextwhite"><a href="advertising.html" class="Bodytextwhite">Advertising</a> | <a href="privacy-policy.html" class="Bodytextwhite">Privacy Policy</a> | <a href="site-map.html" class="Bodytextwhite">Site Map</a> | <a href="subscribe.html" class="Bodytextwhite">Subscription Service &amp; Feedback</a> | <a href="user-agreement.html" class="Bodytextwhite">Useragreement</a></span><span class="Bodytextpink"><span class="Bodytextwhite"> <br />
        Contact us at <a href="mailto:[email protected]">[email protected]</a> <br />
        <a href="http://www.VivaFashion.co.uk" target="_blank">http://www.VivaFashion.co.uk</a> A Fashion Shopping and Retail News Website &copy; 2000-2011. All rights reserved.</span></span>  </div>
    </div>
    <div id="apDiv2">
      <div id="FWTableContainer1630063442">
        <div align="left"><img name="viva_fashion_menu" src="../menu_viva_fashion_site/viva_fashion_menu.jpg" width="1100" height="20" border="0" id="viva_fashion_menu" usemap="#m_viva_fashion_menu" alt="" />
          <map name="m_viva_fashion_menu" id="m_viva_fashion_menu">
            <area shape="rect" coords="1,0,55,20" href="http://www.vivafashion.co.uk/index.html" target="None" alt="" />
            <area shape="rect" coords="766,0,857,25" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_0', 'MMMenu0314125112_0',766,25,'viva_fashion_menu');"  />
            <area shape="rect" coords="640,0,714,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_1', 'MMMenu0314125112_1',640,19,'viva_fashion_menu');"  />
            <area shape="rect" coords="482,0,584,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_2', 'MMMenu0314125112_2',482,19,'viva_fashion_menu');"  />
            <area shape="rect" coords="322,0,425,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_3', 'MMMenu0314125112_3',322,19,'viva_fashion_menu');"  />
            <area shape="rect" coords="193,0,275,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_4', 'MMMenu0314125112_4',193,19,'viva_fashion_menu');"  />
            <area shape="rect" coords="92,0,157,25" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_5', 'MMMenu0314125112_5',92,25,'viva_fashion_menu');"  />
          </map>
        </div>
        <div id="MMMenuContainer0314125112_0">
          <div id="MMMenu0314125112_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="fashion-shopping.html" id="MMMenu0314125112_0_Item_0" class="MMMIFVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Editor's Shopping List </a> <a href="fashion-contacts-discount.html" id="MMMenu0314125112_0_Item_1" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Discount Shopping Links </a> <a href="fashion-contacts-discount-village.html" id="MMMenu0314125112_0_Item_2" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Discount Village Links </a> <a href="shopping-online-index.html" id="MMMenu0314125112_0_Item_3" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Shopping Links </a> <a href="high-index.html" id="MMMenu0314125112_0_Item_4" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Stockists  </a> <a href="fashion-contacts-vintage.html" id="MMMenu0314125112_0_Item_5" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Vintage Links </a>        </div>
          </div>
        </div>
        <div id="MMMenuContainer0314125112_1">
          <div id="MMMenu0314125112_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="book-reviews.html" id="MMMenu0314125112_1_Item_0" class="MMMIFVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Book Reviews </a> <a href="dates-for-your-diary.html" id="MMMenu0314125112_1_Item_1" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Diary Dates </a> <a href="consumer-lifestyle-show.html" id="MMMenu0314125112_1_Item_2" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Fashion Lifestyle Shows </a> <a href="fashion-news.html" id="MMMenu0314125112_1_Item_3" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Fashion News </a> <a href="fashion-news-designers.html" id="MMMenu0314125112_1_Item_4" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> New Designer Launches </a> <a href="fashion-news-websites.html" id="MMMenu0314125112_1_Item_5" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> New Websites </a> <a href="fashion-news-products.html" id="MMMenu0314125112_1_Item_6" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Product Launches </a> <a href="fashion-spotlight.html" id="MMMenu0314125112_1_Item_7" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Spotlight on Luxury Labels </a> <a href="fashion-trends.html" id="MMMenu0314125112_1_Item_8" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Trends </a> <a href="fashion-news-stores.html" id="MMMenu0314125112_1_Item_9" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Store Openings </a> <a href="fashion-street-looks.html" id="MMMenu0314125112_1_Item_10" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Street Style </a>        </div>
          </div>
        </div>
        <div id="MMMenuContainer0314125112_2">
          <div id="MMMenu0314125112_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="advertising.html" id="MMMenu0314125112_2_Item_0" class="MMMIFVStyleMMMenu0314125112_2" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_2');"> Advertising Rates </a> <a href="retail-classifieds.html" id="MMMenu0314125112_2_Item_1" class="MMMIVStyleMMMenu0314125112_2" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_2');"> Retail Classifieds </a> <a href="retail-jobs.html" id="MMMenu0314125112_2_Item_2" class="MMMIVStyleMMMenu0314125112_2" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_2');"> Retail Jobs </a>        </div>
          </div>
        </div>
        <div id="MMMenuContainer0314125112_3">
          <div id="MMMenu0314125112_3" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="celebrity-oscars.html" id="MMMenu0314125112_3_Item_0" class="MMMIFVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Awards Show Fashion </a> <a href="beauty-celebrity.html" id="MMMenu0314125112_3_Item_1" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity Beauty </a> <a href="celebrity-news-gossip.html" id="MMMenu0314125112_3_Item_2" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity News </a> <a href="celebrity-parties.html" id="MMMenu0314125112_3_Item_3" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity Parties </a> <a href="celebrity-focus.html" id="MMMenu0314125112_3_Item_4" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity Profile </a> <a href="model-profile.html" id="MMMenu0314125112_3_Item_5" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Model Profile </a>        </div>
          </div>
        </div>
        <div id="MMMenuContainer0314125112_4">
          <div id="MMMenu0314125112_4" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="graduate-fashion-week.html" id="MMMenu0314125112_4_Item_0" class="MMMIFVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Emerging Talent </a> <a href="retail-trends.html" id="MMMenu0314125112_4_Item_1" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Fashion Week Reports </a> <a href="retail-exhibitions.html" id="MMMenu0314125112_4_Item_2" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Important Dates </a> <a href="model-index.html" id="MMMenu0314125112_4_Item_3" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Model Agency Index </a> <a href="photographers-index.html" id="MMMenu0314125112_4_Item_4" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Photographers  Index </a> <a href="retail-appointments.html" id="MMMenu0314125112_4_Item_5" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Appointments </a> <a href="retail-feature.html" id="MMMenu0314125112_4_Item_6" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Features </a> <a href="retail-news.html" id="MMMenu0314125112_4_Item_7" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail News </a> <a href="retail-shares.html" id="MMMenu0314125112_4_Item_8" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Share Prices </a> <a href="retail-wholesalers.html" id="MMMenu0314125112_4_Item_9" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Wholesalers Index </a> <a href="retail-trade-show.html" id="MMMenu0314125112_4_Item_10" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Trade Show Reviews </a>        </div>
          </div>
        </div>
        <div id="MMMenuContainer0314125112_5">
          <div id="MMMenu0314125112_5" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
            <div align="left"><a href="beauty-bargains.html" id="MMMenu0314125112_5_Item_0" class="MMMIFVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Budget Buys </a> <a href="beauty-news.html" id="MMMenu0314125112_5_Item_1" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Beauty News </a> <a href="book-reviews.html" id="MMMenu0314125112_5_Item_2" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Book Reviews </a> <a href="beauty-feature.html" id="MMMenu0314125112_5_Item_3" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Beauty Features </a> <a href="health-beauty-features.html" id="MMMenu0314125112_5_Item_4" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Health Features </a> <a href="beauty-trends.html" id="MMMenu0314125112_5_Item_5" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> New Season Looks </a> <a href="beauty-contacts.html" id="MMMenu0314125112_5_Item_6" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Stockists / Book an Appointment </a>        </div>
          </div>
        </div>
      </div>
    </div>
    <div align="left"><!-- InstanceBeginEditable name="mainbodycontent" -->
    <div id="apDiv3" style="overflow: auto; height: 1300px; width: 670px;background-color: #FFF;">
      <p><span class="Bodytext"><span class="Header"><b>HOW CAN WE HELP YOU?</b></span><br />
        Consumers can't wait to get there hands on the latest must-have item or information on what the new season has to offer. Team information like that with business and celebrity gossip and what do you get? A heady mix that accommodates the tastes of a sizable share of the fashion and beauty market. </span></p>
      <p class="Bodytext">With technology advancing at a galloping pace that has ensured Internet users exposure to information and convenience shopping facilities in an instant, more and more companies are realising the importance of getting their brand noticed through this medium than waiting on the production cycles of others.</p>
      <p><span class="Bodytext">Time waits for no man. Neither does fashion. See below for advertising rates or contact us directly for collaborative advertising campaigns. </span></p>
      <p><b class="Header">WHAT'S AVAILABLE/ADVERT SPECIFICATION</b></p>
      <table width="500" border="1" align="center">
        <tr>
          <td width="250" bgcolor="#CCCCCC" class="Header"><div align="center"><strong>Banners</strong></div></td>
          <td width="250" align="left" valign="top" bgcolor="#CCCCCC"><div align="center" class="Header"><strong>Tiles</strong></div></td>
        </tr>
        <tr>
          <td width="250"><b><span class="Blackttext12">(Top Only) Dimensions:</span></b><span class="Blackttext12"> 468 x 60 pixels</span></td>
          <td width="250" align="left" valign="top"><span class="Blackttext12"><b>Dimensions:</b> 120 x 90 pixels</span></td>
        </tr>
        <tr>
          <td width="250"><span class="Blackttext12"><b>Formats:</b> gif, gif89, jpeg, Flash, HTML</span></td>
          <td width="250" align="left" valign="top"><span class="Blackttext12"><b>Formats:</b> gif or jpg (non-animated, roll-over)</span></td>
        </tr>
        <tr>
          <td width="250" valign="top"><p align="left"><span class="Blackttext12"><b>File size:</b> 20K max</span><br />
          </p></td>
          <td width="250" align="left" valign="top"><div align="left"><span class="Blackttext12"><b>File size:</b> 5K max</span><br />
          </div></td>
        </tr>
        <tr>
          <td width="250" bgcolor="#CCCCCC" class="Header"><div align="center"><strong>side bar adverts &amp; box adverts </strong></div></td>
          <td width="250" align="left" bgcolor="#CCCCCC"><div align="center" class="Header"><strong>pop-ups</strong></div></td>
        </tr>
        <tr>
          <td width="250"><b><span class="Blackttext12">Dimensions:</span></b><span class="Blackttext12"> 120 x 310 pixels or </span></td>
          <td width="250" align="left"><span class="Blackttext12"><b>Dimensions:</b> 250 x 250 pixels</span></td>
        </tr>
        <tr>
          <td width="250"><span class="Blackttext12"><b>Dimensions:</b> 120 x 240 pixels or</span></td>
          <td width="250" align="left"><span class="Blackttext12"><b>Formats:</b> Javascript displayed on a HTML page for five seconds before closing</span></td>
        </tr>
        <tr>
          <td width="250"><span class="Blackttext12"><b>Dimensions:</b> 125 x 125 pixels</span></td>
          <td width="250" align="left"><span class="Blackttext12"><b>File size:</b> 20K Max</span></td>
        </tr>
        <tr>
          <td width="250"><span class="Blackttext12"><b>Formats:</b> gif, gif89, jpeg, Flash, HTML</span></td>
          <td width="250" align="left"> </td>
        </tr>
        <tr>
          <td width="250"><p align="left"><span class="Blackttext12"><b>File size:</b> 20K max</span></p></td>
          <td width="250" align="left"><p align="left"><span class="Blackttext12"><br />
            <br />
          </span></p></td>
        </tr>
      </table>
      <br />
      <p><b class="Header">LEAD TIMES</b><br />
        <br />
        <span class="Bodytext">Production deadlines do not include time needed for revisions made either by agency or the advertisers in-house design department. Publication of adverts depends solely on the type of advertisement or campaign the advertiser runs with us and the time at which the advertisement is received. Advertisements received after the production deadline is not guaranteed for inclusion.</span><br />
      </p>
      <table width="500" border="1" align="center">
        <tr>
          <td width="250" align="left" bgcolor="#CCCCCC"><div align="left"><b class="Blackttext12">ADVERTISEMENT FORMAT</b></div></td>
          <td width="250" bgcolor="#CCCCCC"><b class="Blackttext12">PRODUCTION DEADLINE</b></td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">E-Mail Text Links (copy and url t.b.supplied)</div></td>
          <td width="250" class="Blackttext12">-</td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">Gif/Animated Gif</div></td>
          <td width="250" class="Blackttext12">4 Business Days</td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">HTML</div></td>
          <td width="250" class="Blackttext12">4 Business Days</td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">Javascript</div></td>
          <td width="250" class="Blackttext12">-</td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">Keyword Campaigns</div></td>
          <td width="250" class="Blackttext12">-</td>
        </tr>
        <tr>
          <td width="250" align="left" class="Blackttext12"><div align="left">Sidebar</div></td>
          <td width="250" class="Blackttext12">4 Business Days</td>
        </tr>
      </table>
      <br />
      <p><b><span class="Header">PRICING</span></b></p>
      <table width="500" border="1" align="center">
        <tr bgcolor="#CCCCCC">
          <td class="Blackttext12"><b>Cost per quarterly period</b></td>
          <td class="Blackttext12"><div align="center"><b>4 weeks</b></div></td>
          <td class="Blackttext12"><div align="center"><b>12 weeks</b></div></td>
          <td class="Blackttext12"><div align="center"><b>26 weeks</b></div></td>
          <td class="Blackttext12"><div align="center"><b>52 weeks</b></div></td>
        </tr>
        <tr>
          <td colspan="5" class="Blackttext12"><div align="left"><b>Tile Adverts - For 24hour Advertising Presence</b></div></td>
        </tr>
        <tr>
          <td class="Blackttext12">Pounds Sterling</td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
        </tr>
        <tr>
          <td colspan="5" class="Blackttext12"><div align="left"><b>Banner and Side Bar Adverts (Discount another &pound;200 for Side Bar/Box Adverts)</b></div></td>
        </tr>
        <tr>
          <td class="Blackttext12">Pounds Sterling</td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
        </tr>
        <tr>
          <td colspan="5" class="Blackttext12"><div align="left"><b>Pop-Up Box</b></div></td>
        </tr>
        <tr>
          <td class="Blackttext12">Pound Sterling</td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
          <td class="Blackttext12"><div align="center"><a href="mailto:[email protected]">Contact Us</a></div></td>
        </tr>
      </table>
      <p><span class="Blackttext12">For Euros and dollars please use the following link to convert:</span> <span class="Bodytext"><a href="http://www.xe.com">http://www.xe.com</a>.</span></p>
      <p><span class="Header"><b>GENERAL REQUIREMENTS</b></span></p>
      <ul>
        <li>
          <p class="Bodytext">Images<br />
            All images must have alternate (descriptive and concise) text to be used in the absence of images.<br />
            <br />
          </p>
        </li>
        <li>
          <p class="Bodytext">Optimisation Guidelines<br />
            Images must be optimised to the lowest-possible bit depth.<br />
            <br />
          </p>
        </li>
        <li class="Bodytext">
          <p>It is recommended that fewer colours are used for advertisements. Visit browser safe colour palette sites for more guidelines.<br />
          </p>
        </li>
      </ul>
      <p><span class="Header"><strong>Testing</strong><span class="Bodytext"><br />
        <br />
        VIVAFASHION.CO.UK </span></span><span class="Bodytext">will not be held responsible for the testing of advertisements. All advertisements, must be tested prior to delivery for compatibility on the following browsers and platforms:<br />
          -Netscape 3.x and 4x for Windows 3.1 and Macintosh OS 8x<br />
          -Microsoft Internet Explorer for Windows 3.1 and Macintosh OS 8x<br />
          - AOL 3.x for Windows 3.1 and Macintosh OS 8x</span></p>
      <p><br />
        <b class="Header">GENERAL INFORMATION</b></p>
      <ul>
        <li>
          <p class="Bodytext">Approval<br />
            VIVAFASHION.CO.UK has final approval for all ads with respect to editorial/creative content. We reserve the right to remove an advertisement from this website at any time for any reason.<br />
            <br />
          </p>
        </li>
        <li class="Bodytext">
          <p>Specifications <br />
            All specifications apply to all ads, whether hosted by VIVAFASHION.CO.UK or by a third party. <br />
            Please note that all rates and conditions are quoted in pounds sterling and are subject to change without notice.VIVAFASHION.CO.UK reserve the right to refuse or cancel any order without cause, at any time. </p>
        </li>
      </ul>
      <p class="Bodytext">For more information with regards to rates, special advertising packages/campaigns and specifications please contact us at:<a href="mailto:[email protected]" class="Bodytext"> <br />
      Sales at Viva  Fashion.co.uk</a>. </p>
    </div>
    <!-- InstanceEndEditable -->
    </div>
    <div id="apDiv5"></div>
    <div id="apDiv6">
      <p align="left"><font face="Arial, Helvetica, sans-serif"><br />
      </font></p>
      <p align="left"> </p>
      <p align="left"> </p>
      <p align="left"> </p>
      <p align="left"> </p>
      <p align="left"> </p>
      <p align="left"> </p>
      <p align="left"> </p>
    </div>
    </body>
    <!-- InstanceEnd --></html>

  • Dw cs5.5 + Phonegap + spry dataset xml and images links broken

    Hi all,
    I'm building an app using DW CS5.5 and Phonegap.
    This is what I've done:
    created pages using the starter template (local)
    I created a php page that run a query on a mysql database and output an xml file
    I created a spry dataset using the php (see 2) file as data file
    It works locally and on-line on my website.
    But if I package an app using the android sdk from dw CS5.5 I have problems: all images are all broken. It seems that the link to image is not correct.
    In fact, all images are not using absolute path (http://www.mysite.com/images/...) but are set this way: /images/....
    So, my question is: have I to specify all images sources using absolute paths to make it work when packaged?
    TIA for any reply
    tony

    Hi Gramps,
    I just solved the problem with image paths (I made all src paths absolute).
    There is only one problem left: I opened another discussion: http://goo.gl/ysNDH
    But here the link you (correctly) need to trobleshoot the problem): http://www.camar.it/newsxml
    It should work on desktop browsers but it fails when I pack the app for android and install it on an android smartphone: I get "error loading page" when clicking on any details link (the button label is: DETTAGLI) on the news page.
    Tony

  • Having a hard time with Spry Image & CS5 on GoDaddy

    Please excuse the newbie here. I hope I can give you all the info up front.
    I downloaded and installed the Spry Image Slideshow with Filmstrip widget just fine into DreamWeaver CS5. I then changed Donald Booth's page to show images from my hobby of 12 images, deleting what I didn't need after that. I created thumbnails, directed everything to where it needs to go (so I thought) and saved it all. I then used FileZilla to upload to my GoDaddy site at www.cargobay13.com the file cafnew2.html and the Spry folder. The actual page is at www.cargobay13.com/cafnew2.html . So, the image file works great on my PC (a windows xp pro unit), but when I try to look at it on the internet (in google Chromer, IE8 and Firefox), it gives me a bunch of messages like "SpryPanelSelector.js requires SpryWidget.js!", etc. Then, the webpage displays all 12 images in a column, one on top of the other. I have uploaded the Spry-UI-1.7 folder into the root directory, and for good measure I copied all the individual files into the directory, too. So, what do I do now?
    Here is the code for the page. After reading about hard lining the java to the wrong folder, I added the "http://www.cargobay13.com/" to the script src lines:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Brisco County, Jr.</title>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStr ipPlugin.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugi n.js" type="text/javascript"></script>
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin .js" type="text/javascript"></script>
    <link href="http://www.cargobay13.com/Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2141543: #ImageSlideShow */
    #ImageSlideShow {
    width: 684px;
    margin: 24px 0px 0px 0px;
    border: solid 1px #000000;
    background-color: #717c96;
    padding-top: 10px;
    #ImageSlideShow .ISSName {
    top: -24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-transform: none;
    color: #000000;
    #ImageSlideShow .ISSSlideTitle {
    top: -18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
    color: #000000;
    text-transform: none;
    #ImageSlideShow .ISSClip {
    height: 432px;
    margin: 0 10px 10px 10px;
    border: solid 1px #ffffff;
    background-color: #000000;
    #ImageSlideShow .ISSControls {
    top: 11px;
    height: 432px;
    #ImageSlideShow .FilmStrip {
    height: 80px;
    background-color: #2a3a5b;
    #ImageSlideShow .FilmStripPreviousButton, #ImageSlideShow .FilmStripNextButton {
    width: 25px;
    height: 80px;
    #ImageSlideShow .FilmStripTrack {
    height: 80px;
    #ImageSlideShow .FilmStripContainer {
    height: 80px;
    #ImageSlideShow .FilmStripPanel {
    height: 80px;
    padding-left: 10px;
    margin-right: 0px;
    #ImageSlideShow .FilmStripPanel .ISSSlideLink {
    margin-top: 10px;
    border: solid 1px #2a3a5b;
    background-color: #2a3a5b;
    #ImageSlideShow .FilmStripPanel .ISSSlideLinkRight {
    border: solid 1px #404f6b;
    width: 56px;
    height: 47px;
    margin: 4px 4px 4px 4px;
    #ImageSlideShow .FilmStripCurrentPanel .ISSSlideLink {
    background-color: #59647d;
    border-color: #59647d;
    #ImageSlideShow .FilmStripCurrentPanel .ISSSlideLinkRight {
    border-color: #404f6b;
    /* EndOAWidget_Instance_2141543 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141543" binding="#ImageSlideShow" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <ul id="ImageSlideShow" title="Brisco County, Jr.">
      <li><a href="http://www.cargobay13.com/images/caf001-001.jpg" title="Reference"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-001.jpg" alt="Reference" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-002.jpg" title="Reference"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-002.jpg" alt="Reference" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-002.jpg" title="In progress"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-003.jpg" alt="In progress" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-004.jpg" title="In progress"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-004.jpg" alt="In progress" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-005.jpg" title="Completed figure"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-005.jpg" alt="Completed figure" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-006.jpg" title="Completed figure"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-006.jpg" alt="Completed figure" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-007.jpg" title="Figure on card"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-007.jpg" alt="Figure on card" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-008.jpg" title="Front and back"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-008.jpg" alt="Front and back" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-009.jpg" title="Miscellaneous"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-009.jpg" alt="Miscellaneous" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-010.jpg" title="Miscellaneous"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-010.jpg" alt="Miscellaneous" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-011.jpg" title="Autograph"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-011.jpg" alt="Autograph" /></a></li>
      <li><a href="http://www.cargobay13.com/images/caf001-012.jpg" title="Actor with figure"><img src="http://www.cargobay13.com/images/caf-tn/tn-caf001-012.jpg" alt="Actor with figure" /></a></li>
    </ul>
    <script type="text/javascript">
    // BeginOAWidget_Instance_2141543: #ImageSlideShow
    var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
    widgetID: "ImageSlideShow",
    widgetClass: "BasicSlideShowFS",
    injectionType: "replace",
    autoPlay: true,
    displayInterval: 8000,
    transitionDuration: 2000,
    componentOrder: ["name", "title", "view", "controls", "links"],
    sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
    plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin, Spry.Widget.ImageSlideShow.TitleSliderPlugin, Spry.Widget.ImageSlideShow.PanAndZoomPlugin ],
    TFSP: { pageIncrement: 8, wraparound: true }
    // EndOAWidget_Instance_2141543
    </script>
    </body>
    </html>

    Hey Gramps,
    I had one question. When you changed the:
    <script src="http://www.cargobay13.com/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    TO
    <script src="http://www.pleysier.com.au/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    I see that you swapped the cargobay13.com --to--> pleysier.com.au ... Does it need to be changed to pleysier.com.au specifically? or is it a diffirent directory in the server?
    Im having the Same issue, In Dreamweaver CS5 and in Previw Mode is fine, untill i upload the to my server I receive the [SpryXXXXXX requires SpryXXXXXXX].
    Please Help, Thank You.

Maybe you are looking for