SFTP on CSS

Hi,
I have a doubt about the SFTP configuration on CSS. If I would like to configure the CSS in transparent mode regarding to SFTP protocol. I mean, without configuring ssl offload on CSS.
Moreover, is there a specific port that I have to configure for SFTP?
I hope I explained well. If not, I'm available for any question.
Thank you very much.
Best regards.
Giuseppe

You cannot offload SFTP on CSS but Loadbalancing SFTP as LAyer 4 traffic should be fine.
SFTP is nothing but SSH (it doesnt use seperate control & data channels like FTP or FTPS)
SFTP works on port 22, so you need to configure a specific content rule on port 22 for the
SFTP traffic, and as I said earlier since SFTP traffic comes encrypted, the content
rule should be layer 4.
For example:
content sftp
protocol tcp
port 22
vip address 192.168.1.1
add service sftpserv1
add service sftpserv2
active
HTH
Syed Iftekhar Ahmed

Similar Messages

  • SFTP and CSS 11500

    Hello,
    Is load balancing FTP and SFTP the same configuration? Or is it something different? Please provide a link to documentation or sample config.
    Regards,

    SFTP works on port 22 so you need something in line of the following config
    service sftpserver1
    ip address y.y.y.1
    keepalive type tcp
    port 22
    keepalive port 22
    protocol tcp
    active
    service sftpserver2
    ip address y.y.y.2
    keepalive type tcp
    port 22
    keepalive port 22
    protocol tcp
    active
    content yourrule
    protocol tcp
    port 22
    vip address x.x.x.x
    add service sftpserver1
    add service sftpserver2
    active
    Thanks
    Syed Iftekhar Ahmed

  • CSS 11503 SSL Module: .pfx file export to sftp

    Hello
    I wanted to know of there was a way to export the .pfx files off of the SSL Module to an SFTP server.....preferably in bulk not one at a time.  I want a central storage location for these files in the event that the CSS or the SSL module crashes.
    Thanks

    Hi Jay,
    Sure you can export the .pfx files out of the CSS but you need to do this one by one, there is no way you can get them out all at once.
    To export the files you first need to define your SFTP server IP address, username and passwd:
    CSS(config)# ftp-record SFTP_Server 10.10.10.1 username "password"
    Once you have the file name you need to enter this command:
    CSS# copy ssl sftp SFTP_Server export Certificate.pfx PKCS12 "passphrase" "password"
    : This is the password used to protect the file when it was created.
    : This is a local significant password on the CSS used when the file was
                imported into the box.
    * If you don't know these passwds you can't export the files out of the CSS.
    HTH
    Pablo

  • CSS SSL Certificate Upgrade

    Hello,
    I need to install an SSL certificate on my CSS but have no access to an FTP/SFTP server.
    Can the import be accomplished via the console or some other means?
    Thanks,
    -Adam

    Gilles,
    We actually have an FTP server... it's just that the CSS is inside a DMZ and we are having some issues right now... so just wanted to know if it was possible to get the cert/key files to the CSS by some other means.
    Time to fire-up the FileZilla FTP server and hit the management port!
    Thanks,
    -Adam

  • Css and data tag

    Hi All
    I want to change A few data tags I am using in onLine shop I opened in BC, Any ideas how to edit those css code?
    TIA

    Hi there,
    Do you want to edit External CSS files or internal CSS applied on your HTML pages.
    There are number of ways you can edit CSS on a BC site:
    You can Log onto the Admin Dashboard of the BC site, and can click on the Develop Tab, locate that CSS file from the Folders and Files Tree on the left and edit that there. (Develop tab is active if you have used Adobe ID to log in that is a BC Partner on any BC site).
    You can also SFTP the BC site, and can save CSS files locally and edit that in any text editor, save it and upload it. Check article on connecting BC site with SFTP client : Connecting to your site using sFTP
    Another Way is using Dreamweaver and connecting BC site in Dreamweaver , then get the site files, edit CSS files, save changes and put updated files.
    P.S. : Make sure you have saved the original CSS file or have copied the CSS code locally to have it's back up.
    Thanks.

  • SFTP on CSS11000

    Hi Gilles,
    Please let me know whether CSS supports loadbalancing of the SFTP servers .
    Is there any specific configuration to be defined under the content.
    Thanks

    1. Define a secure File Transfer Protocol (FTP) record file to import certificates and private keys into the CSS from an SFTP server.
    # ftp-record ssl_record 192.168.19.21 johndoe "abc123" /home/johndoe
    2. Use secure FTP to transfer the imported certificates and private keys to the CSS.
    # copy ssl sftp ssl_record import rsacert.pem PEM "passwd123" Connecting
    Completed successfully
    # copy ssl sftp ssl_record import rsakey.pem PEM "passwd123"
    Connecting
    Completed successfully
    3. Enter configuration mode.
    # config
    (config) #
    4. To use RSA public key exchange and authentication:
    a. Associate the imported RSA certificate with a file.
    (config) # ssl associate cert myrsacert1 rsacert.pem
    b. Associate the imported RSA key pair with a file.
    (config) # ssl associate rsakey myrsakey1 rsakey.pem
    5. Compare the public key in the associated certificate with the public key stored with the associated private key and verify that they are the same.
    (config) # ssl verify myrsacert1 myrsakey1
    Certificate mycert1 matches key mykey1

  • Problem with CSS in ADF 11g application

    Hi,
    I have added a CSS code for my login page(login.html), The issue i am facing is When ever i am opening the page the complete CSS is not coming for each time one CSS component is coming that's means if there are 4 CSS components as shown below i need to login and logout the page 4times. 5th time i am getting the complete page.
    .ESPS_login_body{
    background-color:#eef1f8;
    margin:0px;
    padding:0px;
    }.ESPS_login_body *{
    margin:0px;
    padding:0px;
    font-family: Tahoma, Verdana, sans-serif;
    .ESPS_login_top_bar{
    background-image: url(../skin_images/login_top_bar.png);
    background-repeat: repeat-x;
    background-position: left top;
    height:30px;
    I am running the application on firefox3.5.3 version.
    Please suggest me
    Thanks,

    Hi,
    Thanks for your quick reply.
    MY CSS File:
    .ESPS_login_body{
    background-color:#eef1f8;
    margin:0px;
    padding:0px;
    }.ESPS_login_body *{
    margin:0px;
    padding:0px;
    font-family: Tahoma, Verdana, sans-serif;
    .ESPS_login_top_bar{
    background-image: url(../skin_images/login_top_bar.png);
    background-repeat: repeat-x;
    background-position: left top;
    height:30px;
    .ESPS_login_bottom_bar{
    background-image: url(../skin_images/login_bottom_bar.png);
    background-repeat: repeat-x;
    background-position: left top;
    height:46px;
    color:#eeeeee;
    text-align:center;
    padding-top:9px;
    font-size:small;
    .ESPS_login_bg{
    background-image: url(../skin_images/login_bg_gradient.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-color:#6882cc;
    height:594px;
    overflow:hidden;
    .ESPS_login_content{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../skin_images/login_bg_main.png) no-repeat scroll center top;
    color:#4269b6;
    height:594px;
    overflow:hidden;
    .ESPS_login_content_left{
    height:594px;
    .ESPS_login_content_main{
    height:594px;
    width:650px;
    margin:0px auto;
    padding:20px;
    .ESPS_login_content_main h1{
    margin-top:230px;
    margin-left:125px;
    color:#4269b6;
    .ESPS_login_content_main > h1{
    margin-top:210px;
    div.ESPS_login_from{
    margin-top:20px;
    margin-left:245px;
    .ESPS_login_input{
    background:transparent url( '../skin_images/login_input.png' ) no-repeat scroll center top;
    border:none;
    margin:0px;
    padding-top:4px;
    padding-left:7px;
    width: 193px;
    height: 25px;
    .ESPS_login_submit{
    display:-moz-inline-box;
    display:inline-block;
    cursor:pointer;
    border:none;
    font-size:0;
    line-height:0;
    text-decoration:none;
    font-style:normal;
    vertical-align:middle;
    background: transparent url("../skin_images/login_go_button_i.png") no-repeat top left;
    border: none;
    width: 48px;
    height: 25px;
    margin:0px;
    margin-bottom:17px;
    div > a.ESPS_login_submit{
    margin-bottom:0px;
    .ESPS_login_submit:hover{
    background: transparent url("../skin_images/login_go_button_highlighted_i.png") no-repeat top left;
    .ESPS_login_submit:active{
    background: transparent url("../skin_images/login_go_button_pressed_i.png") no-repeat top left;
    label.ESPS_label{
    display:-moz-inline-box;
    display:inline-block;
    font-weight:bold;
    padding-bottom:8px;
    width:110px;
    margin-bottom:2px;
    div > label.ESPS_label{
    padding-bottom:3px;
    margin-bottom:2px;
    Login Page:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>ESPS Login</title>
    <link href="/skins/css/mySkin.css" rel="stylesheet" type="text/css"></link>
    </head>
    <body class="ESPS_login_body">
    <div class="ESPS_login_top_bar">
    </div>
    <div class="ESPS_login_bg">
    <div class="ESPS_login_content">
    <div class="ESPS_login_content_main">
    <h1>External </h1>
    <form name="ESPS_login_form" method="POST" action="j_security_check">
    <div class="ESPS_login_from">
    <label class="ESPS_label">User Name:</label><input type="text" name="j_username" class="ESPS_login_input" onclick="this.value='';"/>
    <label class="ESPS_label">Password: </label><input type="password" name="j_password" class="ESPS_login_input" onclick="this.value='';"/>
    <a id="submit" href="#" class="ESPS_login_submit" onclick="document.ESPS_login_form.submit(); return false;">
    <span> </span></a>
    </div>
    </form>
    </div>
    </div>
    </div>
    <div class="ESPS_login_bottom_bar">&copy;Copyright 2009, DISH Network L.L.C., all rights reserved.
    </div>
    </body>
    </html>
    Please help me

  • Generally when creating a Word file from either a Mac or Win7 pc and opening it on two different machines (either one first) it always prompts that the file is open and will be opened as read only. However opening a CSS file does not prompt that it is alr

    Generally when creating a Word file from either a Mac or Win7 pc and opening it on two different machines (either one first) it always prompts that the file is open and will be opened as read only.
    However opening a CSS file does not prompt that it is already open on or from any machine which is causing code edits to be lost.
    What we found from out testing:
    - The file can be saved from one user to the server and WILL NOT PROMPT on other machines until the saving machine has the Dreamweaver program closed completely
    - The file can be closed and  Dreamweaver minimised to the launch bar but it still will not register on other machines that it has been changed.
    - Also, until the  Dreamweaver program is closed on the machines, it will continue to open it's saved version of the file. 
    Example Scenario:
    - User 1 opens test.css (which is 2000 lines) and adds some code to the end of the file to bring it up to 2500 lines
    - Meanwhile User 2 opens test.css as well (opens as 2000 lines as User 1’s edits have not yet been saved) and adds in code to bring it to 2300 lines
    - User 1 saves his file and closes it - but  Dreamweaver is still open.
    - User 2 also saves his file and leaves  Dreamweaver  open.
    - The server will report the size and last edit of the file the same as User 2 as he was the last person to save it (and if you open from the Win7 Machine it will show as User 2’s 2300 line version)
    - If User 1 then open's the file again (from either the 'recent' in Dreamweaver OR clicking on the file directly in Finder...which version opens.... The version that User 1 saved! Not the true version on the server, but the version that User 1 edited and saved with 2500 lines in it.
    - Same for User 2, he will open 'his' version with 2300 lines in.
    Other information:
    - Files are opened directly from the server
    - Sometimes the users will save incrementally and re-open
    - Most of the time users will save incrementally and keep the files open
    - The users will never not save incrementally and just save when closing the file once finished
    - The users are usually working on the files all day
    - It is always the bottom lines of code that are lost. It could be a case of the two versions being mixed up and cutting off the newly added lines based on the line count (possibly).
    It is as if Dreamweaver is holding a cache of the version locally and then only properly looking back to the server when it has been completely closed. It is very difficult to see how the server is causing such an impact on these files, there are very few logs which are giving any indication to the root cause of the problems.
    Anyone know if this is a known issue?
    Is there a way that there can be a featured implemented on the server that doesn't allow another user to open a file if it is already open on another machine?
    Thanks

    Your server file handling has nothing, and really nothing to do with Adobe software. If files don't get locked for (over-)writing and/or lose connection to the program opening them, then your server is misconfigured. It's as plain and simple and that. Anything from "known file types"/ file associations not being set correctly, MIME types being botched, crooked user privileges and file permissions, missing Mac server extensions, delayed file writing on the server, generic network timeout issues and what have you. Either way, you have written a longwinded post with no real value since you haven't bothered to provide any proper technical info, most notably about the alleged server. Either way, the only way you can "fix" it is by straightening out your server and network configuration, not some magic switch in Adobe's software.
    Mylenium

  • How Do You Add Multiple CSS Rules to Text?

    Hi everyone, I have these css rules in my css styles window they are all assigned to some text in a cell on my page.
    .Def14grey4 <body>
    .def14grey4 a:link <a>
    .def14grey4 a:visited <a>
    .def14grey4 a:hover <a>
    .def14grey4 a:active <a>
    .def14grey4 a:focus <a>
    How do you add (all of) these styles to the text in the first place, I know how to add the first one (.Def14grey4), you select the text in the cell and choose the rule from the drop-down menu in the css panel, but how do you add the other ones to some text as well, so that it can have the same link properties.
    Basically I have some more text elsewhere on the page and want to assign these rules to that as well.
    thanks Gareth

    You would want to change your order as shown here -
    .Def14grey4 <body>
    .def14grey4 a:link <a>
    .def14grey4 a:visited <a>
    .def14grey4 a:hover, .def14grey4 a:focus <a>
    .def14grey4 a:active <a>
    That way, the hover and the focus states are equivalent.
    How do you add (all of) these styles to the text in the first place, I know how to add the first one
    You don't really.  The 4 bottom selectors say -
    "find an element with a class of 'def14grey4', and style any link inside that element this way"
    So, <span class="def14grey4"><a href="whatever.html">Whatever</a></span> would get the pseudo-class styles, as would any of the following -
    <span class="def14grey4"><a href="whatever.html">Whatever</a></span>
    <td class="def14grey4"><a href="whatever.html">Whatever</a></td>
    <p class="def14grey4"><a href="whatever.html">Whatever</a></p>
    <body class="def14grey4"><a href="whatever.html">Whatever</a></body>
    <div class="def14grey4"><a href="whatever.html">Whatever</a></div>
    <strong class="def14grey4"><a href="whatever.html">Whatever</a></strong>
    and so on.  These examples assume that there isn't some other more specific rule that would apply to the same links.  You need to study up on the CSS cascade and specificity....

  • Is there a way to create a CSS image gallery with caption?

    Hi everyone,
    Ive been using the disjoint rollover, but I only have one
    thing that I want to add to it—a caption right underneath an
    image.
    Besides using that Project Seven plug-in, is there a way to
    create an image gallery without using layers? Or is layers the only
    way to do it? All I want (words of doom, huh?) is a thumbnail to be
    able to switch and image and add a caption to it. Can anyone point
    me in the right direction? Or is that Project Seven plug-in deal my
    best bet? What about Set Text of Layer in DW.
    Oh yeah, Im still using DW with CSS sprinkled in..any help?
    Thanks in advance.
    -C

    > Besides using that Project Seven plug-in, is there a way
    to create an
    > image
    > gallery without using layers?
    Of course.
    > What about Set Text of Layer in DW.
    That would do it, and it's not necessary that the layer stay
    a layer after
    you have done it, either. I do this frequently - make a
    layer, apply the
    behavior, and then remove the position:absolute from the div,
    and place it
    where I want it.
    See the demo here -
    http://dreamweaverresources.com/tutorials/settextoflayer.htm
    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
    ==================
    "psypent81" <[email protected]> wrote in
    message
    news:eus555$lac$[email protected]..
    > Hi everyone,
    >
    > Ive been using the disjoint rollover, but I only have
    one thing that I
    > want to
    > add to it?a caption right underneath an image.
    > Besides using that Project Seven plug-in, is there a way
    to create an
    > image
    > gallery without using layers? Or is layers the only way
    to do it? All I
    > want
    > (words of doom, huh?) is a thumbnail to be able to
    switch and image and
    > add a
    > caption to it. Can anyone point me in the right
    direction? Or is that
    > Project
    > Seven plug-in deal my best bet? What about Set Text of
    Layer in DW.
    >
    > Oh yeah, Im still using DW with CSS sprinkled in..any
    help?
    >
    > Thanks in advance.
    >
    > -C
    >

  • Can someone help me understand how ePub CSS @fontface Unicode characters are supported in td , but not in div or other elements?

    Hi,
    I'm working on a project to convert several hundred thousand life sciences articles into epub format, and we have run in to a problem with character entities.
    Being that these are scientific articles, the characters are from a wide range of Unicode charts, and are essential to transmitting the meaning of the data.
    The problem is that in my epub, the character entity inside a table data cell is rendering the @font-face correctly, but inside any other HTML element, the character renders as an empty box on our ipad2s.
    I've placed pre tags in hopes that the unicode will not be rendered in your browser here. The code point in this example is x1d542 just in case.
    So inside div, we see boxes, inside td, we see the character rendered properly.
    <pre>
          <div class="stix">Let &#x1d542; be a field, which will be either the complex numbers &#x02102; or the finite field &#x1d53d;</div>
          <table id="t31" rules="all">
            <tr>
              <td>&#x1d542;</td>
              <td class="stix">&#x1d542;</td>
              <td>U+1D542 MATHEMATICAL DOUBLE-STRUCK CAPITAL K </td>
            </tr>
    </pre>
    My CSS looks like this:
    <pre>
    @font-face {
        font-family: 'STIX';
        src: url('STIX-Regular.otf') format('opentype');
        font-weight: normal;
        font-style: normal;
        unicode-range:  U+02B0-02FF, U+07C0-07FF,  U+0900-097F,U+0F00-0FD8, U+1D00-1D7F, U+1D80-1DBF, U+1D400-1D7FF, U+1E00-1EFF, U+1F00-1FFE,U+2000-206F, U+20A0-20B8, U+20D0-20F0, U+2300,23FF, U+25A0-25FF, U+2600-26FF, U+27C0-27EF, U+27F0-27FF, U+2900-297F, U+2A00-2AFF, U+2B00-2B59, U+2C60-2C7F ;
    @font-face {
        font-family: 'STIX-Math';
        src: url('STIXMath-Regular.otf') format('opentype');
        font-weight: normal;
        font-style: normal;
        unicode-range:  U+02B0-02FF, U+07C0-07FF,  U+0900-097F,U+0F00-0FD8, U+1D00-1D7F, U+1D80-1DBF, U+1D400-1D7FF, U+1E00-1EFF, U+1F00-1FFE,U+2000-206F, U+20A0-20B8, U+20D0-20F0, U+2300,23FF, U+25A0-25FF, U+2600-26FF, U+27C0-27EF, U+27F0-27FF, U+2900-297F, U+2A00-2AFF, U+2B00-2B59, U+2C60-2C7F ;
    .stix   {
            font-family: "STIX", "STIX-Math", sans-serif;
    </pre>
    Is it possible that this is a rendering bug, because the character is rendering in the table cell, but not in other elements?
    Have I missed something obvious?
    Thanks,
    Abe

    I assume you are including the STIX font as part of your epub files?     
    Perhaps the folks who do this blog might be able to help -- they have done some work with font embedding:
    http://www.pigsgourdsandwikis.com/2011/04/embedding-fonts-in-epub-ipad-iphone-an d.html

  • Adobe creative Cloud photshop cs 6 register user iam not getting COPY CSS options please help

    iam adobe creative cloud photshop cs 6 register user iam not getting COPY CSS options even i have updated photoshop several times
    still not getting this options please help
    Thanks
    Koushik

    13.0.1 is the last version of Photoshop to run on Windows XP but it does not include the Copy CSS feature.
    The Copy CSS feature was first introduced in Photoshop 13.1 (Cloud only) and higher.
    http://blogs.adobe.com/jkost/2013/02/copy-css-attributes-in-photoshop-13-1.html
    Photoshop 13.1 does not run on Windows XP. So your operating system is preventing you from upgrading Photoshop to 13.1+.
    http://helpx.adobe.com/photoshop/kb/new-system-requirements-photoshop-131.html
    If you plan to remain a Cloud member then you will have to upgrade to Windows 7 or Windows 8 (or get a new computer) very soon in order to run Photoshop CC to be released on June 17, 2013.

  • CSS Designer in Depth | Creative Cloud for Web | Adobe TV

    Get an in-depth look at the powerful new CSS Designer tools in Dreamweaver CC. Intuitive visual editing tools help you generate clean, web-standard code and quickly apply CSS properties like gradients and box shadows. You can see the effects on your designs immediately, eliminating tedious tweaking and the need to go back and forth to Code view.
    http://adobe.ly/ZSeWkr

    The new CSS Designer feature in Dreamweaver CC is a very nice addition to the interface’s workflow. However, it’s not best for all workflows, whereby there should still be a non-assisted CSS editor option available, like in CS6, “without” all the new visual designer tools.
    In CS6’s CSS properties editor you can quickly glance at the currently selected element’s CSS properties and directly edit the actual property values in a column format making this a very precise and straightforward workflow process.
    For me, the ability to quickly edit CSS properties by clicking on respective elements in the design view editor is the biggest advantage and real power for using Dreamweaver over notepad type editors. Without this option (when working in split mode), it requires switching back and forth between different style-sheets and code view.
    Though I really like everything else I’ve seen so far, in this latest version, this seemingly small feature restriction will considerably slow down my overall typical workflow process in most cases.  So, until a non-assisted CSS properties editor option is available, I’ll continue using CS6. Please, please fix this soon! Hopefully this is only a short-term oversight and resolved in a very near future update.

  • Using CSS instead of or with library item

    I built my site using Dreamweaver 8. I used the design view
    exclusively. I made a navigation bar as a library item. Utilizing
    rollovers, etc. Now I have learned I should build my site utilizing
    CSS and as was pointed out on this forum to me, to learn CSS and
    HTML.
    I am having a brain freeze. The logic escapes me as to how I
    would build a navigation bar and put it on each page as I did
    utilizing the library function before.
    I am sure for all you pro's this is a really dumb and obvious
    thing but I just don't seem to figure out the logic how to do it. I
    am not talking about the CSS for the behaviors such as hover,
    visited, active. This I know how to do. It is just the ability to
    have a properly designed navbar and be able to put it on every page
    I make.
    Murry "ACE" told me not to use AP and the dreaded mm_menus so
    I am trying to figure this out and build a better more code
    efficient site. Mine works but is quite trashy in the code.

    It can be a bit daunting.
    Try going through this tutorial completely. It's a bit out of
    date (using
    an older version of DW), and still covers the use of tables,
    but it's worth
    reinforcing your basic understandings -
    http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
    Then I would suggest you do this tutorial -
    Taking a Fireworks comp to a CSS-based layout in Dreamweaver
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
    Finally, to get a grip on how to manage menus across an
    entire site, use
    DW's F1 help about how to use Templates, and server-side
    includes.
    Templates do make your life much easier. I use the following
    scheme....
    First, I mentally separate the page layout into three
    sections:
    1. Stuff that will not change for the life of the site (i.e.,
    the basic
    structural elements)
    2. Stuff that *could* change from time to time (e.g.,
    navigation elements,
    burst advertisements, section-specific navigation, etc.)
    3. Stuff that *will* change from one page to the next
    Then I create a template containing all class1 elements. Next
    I create
    server-side include files containing all class 2 elements and
    place them on
    the template as needed. Note - some of the class 2 elements
    may be
    "section-specific elements", and their placement on the
    template will be
    subject to the next item. Finally, I insert editable regions
    to cover the
    class 3 items, INCLUDING the section-specific navigation.
    This allows me to just cookie-cut the rest of the site. I
    estimate that
    even for fairly large sites, about 80% of my work goes into
    planning and
    creating this template file.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "craigmini" <[email protected]> wrote in
    message
    news:[email protected]...
    >I built my site using Dreamweaver 8. I used the design
    view exclusively. I
    > made a navigation bar as a library item. Utilizing
    rollovers, etc. Now I
    > have
    > learned I should build my site utilizing CSS and as was
    pointed out on
    > this
    > forum to me, to learn CSS and HTML.
    >
    > I am having a brain freeze. The logic escapes me as to
    how I would build a
    > navigation bar and put it on each page as I did
    utilizing the library
    > function
    > before.
    >
    > I am sure for all you pro's this is a really dumb and
    obvious thing but I
    > just
    > don't seem to figure out the logic how to do it. I am
    not talking about
    > the CSS
    > for the behaviors such as hover, visited, active. This I
    know how to do.
    > It is
    > just the ability to have a properly designed navbar and
    be able to put it
    > on
    > every page I make.
    >
    > Murry "ACE" told me not to use AP and the dreaded
    mm_menus so I am trying
    > to
    > figure this out and build a better more code efficient
    site. Mine works
    > but is
    > quite trashy in the code.
    >

  • Spry Menu Bar css not compatible with IE7? or compatibility View on IE8?

    Well i've made my website
    . Swimmerbuddy.com
    Problem:I used the spry menu bar on a div tag. I've got it working fine on several browser and so on.. but hmm. i noticed that IE7 and only on compatibility view of IE8 it does not work...
    It seems like the drop down menus get cover by the main content underneath it..
    I started of with dwt i made my self.This is the DWT and the css that controll the dwt and the spry menu bar.
    PLZ HELP ME.. THANKS
    THIS IS THE DWT THAT THE PAGE RUNS ON
    <!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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <link href="../CSS/main.css" rel="stylesheet" type="text/css" />
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <style type="text/css">
    a:link {
    color: #000;
    text-decoration: none;
    </style>
    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    a:visited {
    color: #000;
    text-decoration: none;
    a:hover {
    text-decoration: none;
    color: #000;
    a:active {
    text-decoration: none;
    </style>
    </head>
    <body>
    <div id="wrapper">
      <div id="header">
        <div id="networkicons"><a href="http://www.facebook.com/?ref=logo#!/profile.php?id=100001554936595" target="_blank"><img src="../_images/facebook.png" alt="facebook.com" width="45" height="45" border="0" title="facebook.com"/></a><a href="http://www.myspace.com/swimmerbuddy" TARGET="_blank"> <img src="../_images/myspace.png" alt="myspace.com" width="44" height="45" border="0" title="myspace.com"/></a><a href="http://twitter.com/swimmerbuddy" TARGET="_blank"> <img src="../_images/twitter.png" alt="twitter.com" width="43" height="45" border="0" title="twitter.com"/></a><a href="http://www.youtube.com/swimmerbuddy1" TARGET="_blank"> <img src="../_images/youtube.png" alt="youtube.com" width="44" height="45" border="0" title="youtube.com"/></a></div>
        <div id="buyNow1">
          <p><a href="../order_now.html"><img src="../buynowbutton.png" alt="bt1" width="130" height="25" border="0" longdesc="Order Your Swimmer Buddy Today!!" /></a></p>
        </div>
      </div>
      <div id="mainNav">
        <ul id="mainNavcontent" class="MenuBarHorizontal">
          <li><a href="../index.htm">Home</a>        </li>
          <li><a href="../swimmer.html">Swimmer Buddy</a></li>
          <li><a href="../order_now.html">Order Now</a>        </li>
          <li><a href="#" class="MenuBarItemSubmenu">Gallery</a>
            <ul>
              <li><a href="../photo_gallery.html">Photos</a></li>
              <li><a href="../video_gallery.html">Videos</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Zinger Products</a>
            <ul>
              <li><a href="http://www.winkyscoop.com/">Winky Scoop</a></li>
              <li><a href="http://www.1800succeed.com/">Hypmovation</a></li>
              <li><a href="http://www.1800succeed.org/">1800SUCCEED</a></li>
              <li><a href="http://www.zingerproducts.com">Zinger Store</a></li>
            </ul>
          </li>
          <li><a href="../about.html">About Us</a></li>
          <li><a href="../contact.html">Contact Us</a></li>
        </ul>
      </div>
      <!-- TemplateBeginEditable name="mainContent" -->
      <div id="pageInfo">
        <div id="info_page">
          <p class="regionID">Region ID</p>
          <hr class="breaklinePageInfo" />
          <p class="breadcrum">&gt; <a href="../index.htm">Breadcrum </a></p>
        </div>
        <div id="mainContent">
          <div id="content">
            <p>Main Content Goes her</p>
          </div>
        </div>
      </div>
      <!-- TemplateEndEditable -->
      <!-- TemplateBeginEditable name="buynow2" -->
       <div id="buyNow2"><a href="../order_now.html"><img src="../buynowbutton.png" width="130" height="25" /></a></div>
       <!-- TemplateEndEditable -->
      <div id="footer">
    <div id="footertext">
            <p class="footertextclass">Copyright © 2010 SwimmerBuddy.com. All rights reserved. SwimmerBuddy.com is part of <a href="http://www.zingerproducts.com" class="footertextclass">Zinger Products</a>. Designated Trademarks and brands are the property of their respective owners. This page was last modified Setember 28,2010. Swimmer Buddy - Pattent Pending 2010</p>
          </div>
        <div id="footerlinks">
            <p classs="footerlinkspacing"> <span class="footerlinkspacing"><a href="../Disclaimer.html">Disclaimer</a><a href="../terms.html"> Term of Service </a><a href="../contact.html">Contact Us</a></span>
    </div>
          </div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("mainNavcontent", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    THIS IS THE MAIN.CSS
    @charset "utf-8";
    #networkicons {
    height: 50px;
    width: 200px;
    margin-top: 160px;
    margin-left: 15px;
    position: absolute;
    #wrapper {
    width: 933px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align: left;
    position: relative;
    #mainNav {
    text-align: center;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 934px;
    padding-bottom: 15px;
    clear: both;
    overflow: visible;
    #navwrapper {
    width: 935px;
    margin-right: auto;
    margin-left: auto;
    #mainContent {
    width: 910px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
    #content {
    width: 910px;
    position: relative;
    #wrapper #footer #footerlinks p .footerlinkspacing a {
    margin-right: 20px;
    #footer {
    width: 930px;
    background-color: #fff;
    position: relative;
    margin-top: 5px;
    text-align: center;
    color: #000;
    padding-bottom: 10px;
    margin-bottom: 15px;
    #header {
    width: 930px;
    height: 209px;
    background-image: url(../_images/header.jpg);
    background-repeat: no-repeat;
    #buyNow1 {
    height: 25px;
    width: 140px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    background-repeat: no-repeat;
    color: #666;
    padding: 5px;
    position: absolute;
    top: 160px;
    right: 150px;
    .buyNow1 {
    color: #666;
    #wrapper #pageInfo #info_page .breadcrum {
    color: #003;
    #wrapper #pageInfo #info_page .breadcrum a {
    color: #003;
    html, body {
    margin: 0px;
    padding: 0px;
    #buyNow2 {
    height: 25px;
    width: 130px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    position: relative;
    #wrapper #buyNow2 a img {
    position: absolute;
    top: -30px;
    right: 50px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    #pageInfo {
    width: 930px;
    background-image: url(../_images/pageinfobackground.jpg);
    background-repeat: repeat-x;
    background-color:#FFF;
    text-align: left;
    padding-bottom: 15px;
    margin-top: 18px;
    position: relative;
    overflow: visible;
    visibility: visible;
    #wrapper #mainNav #mainNavcontent {
    position: absolute;
    left: 0px;
    width: 930px;
    .regionID {
    font-size: 2em;
    font-weight: bold;
    color: #FFC;
    margin-top: 1em;
    margin-bottom: 0em;
    text-align: left;
    margin-left: 5px;
    .breaklinePageInfo {
    margin-top: 0.5em;
    color: #FAFEAB;
    .breadcrum {
    color: #003;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: underline;
    margin-top: -0.2em;
    margin-left: 15px;
    #breadcrum {
    font-weight: bold;
    color: #003;
    #footertext {
    width: 910px;
    font-size: 0.6em;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    #footerlinks {
    width: 930px;
    font-size: 0.7em;
    font-weight: bold;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #000;
    position: relative;
    margin-top: 10px;
    margin-bottom: 5px;
    .footertextclass {
    color: #000;
    .footerlinkspacing {
    margin-top: -0.5em;
    color: black;
    height: 10px;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    letter-spacing: normal;
    p {
    margin: 0px;
    padding: 0px;
    body {
    text-align: center;
    margin-top: 5px;
    background-color: #073e78;
    background-image: url(../_images/background.jpg);
    background-repeat: repeat-x;
    background-attachment: scroll;
    font-size: 100%;
    THIS IS THE dropdown menu.css
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0px;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: static;
    text-align: center;
    cursor: pointer;
    width: 132.8px;
    float: left;
    overflow: visible;
    visibility: visible;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 132.8px;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 8.2em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: #333;
    color: #FFF;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #FFF;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
    background-image: url(../_images/bar-top.png);
    background-repeat: no-repeat;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #003;
    background-image: url(../_images/bar-Bottom.png);
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    color: #003;
    background-image: url(../_images/bar-Bottom.png);
    background-position: bottom;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(../_images/bar-topsub.png);
    background-repeat: no-repeat;
    background-position: right top;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(../_images/bar-topsubhover.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
      display: inline;
      f\loat: left;
      background: #FFF;

    Thanks a lot for that tip. It does improve it by a whole lot.. i c what my mistake was.. however, something is still off
    .. The Drop down menu is not behaving well...
    As you may c by the picture, the drop down menu now moves to the right. and is not because of the object to its left, i've modified that. Zinger Products Drop Down Menu also does the same.

Maybe you are looking for