IE7 CSS Problems

http://crossmills.org/misc/CS3/cs3_test_2c.html
The above page looks good in FireFox2 but a horror show in
IE7: styling missing from header, footer and central column;
central column alignment out of wack with relation to left nav and
too close to footer.
Is the problem mine or IE's? Either way, what do I have to do
to fix it?
Using WindowsXP.
Thanks.

The problem is with the way you are defining and naming your
custom tags. Check out these 2 MSDN articles regarding how to give
names to custom HTML tags:
http://msdn.microsoft.com/msdnmag/issues/0500/cutting/
http://msdn2.microsoft.com/en-us/library/ms531076.aspx

Similar Messages

  • Css problem in internet explorer

    Hi to all!
    On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
    html:<div id="userpanel">
      <span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
      <div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
      <p>| #NAVIGATION_BAR#</p>
      </div></span>
    </div>css:#userpanel,
    #userpanel * {
            position:relative;
         font-family:verdana; font-size:12px;
         margin:0; padding:1px; border:0;
         white-space:nowrap;
    #userpanel a,
    #userpanel span { display:inline-block; }
    #userpanel>span>a { color:#999; }
    #userpanel span:hover div { display:block; }
    #userpanel>span:hover > a { color:black; }
    #userpanel_hsreg {
              display:none;
              position:absolute;
              left:+5px;
              top:+24px;
              background:#fff;
              padding:10px 18px;
              line-height:180%;
              border:1px solid silver;
              border-radius: 6px;
              box-shadow:1px 2px 5px #aaa;
              z-index:99;
    #userpanel>span>a {
              border-bottom:1px solid silver;
              margin-top: 5px;
              }So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
    The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
    The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
    I have v 4.0.2.
    Thanks and greetings,
    tobi

    Hi again!
    This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
    I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
    I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
    So if anyone here is a css-IE9-expert... :)
    Thanks and best regards,
    Tobi
    edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
    Edited by: tpetri on 03.09.2012 09:53

  • Yes another strange IE CSS problem

    Hi all,
    I was wondering if some kind soul could help me work out
    hopefully my last CSS problem. If you look at my site:
    http://www.aclighting.com/shop/
    in IE you will see a light blue line at the bottom of the left hand
    side navigation menu. In Firefox and other browsers it isn't there,
    they are behaving, but I can't work out why IE is showing that
    there.
    This is the HTML
    Class mid is what shows the blue line.
    #shop #content-wrapper #menu .mid {
    background: url(/images/menu_div.gif) no-repeat left top;
    padding-top: 9px;
    padding-left: 5px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 100%;
    I don't understand why its showing near the botton in IE.
    Steve

    Doooza wrote:
    > Hi all,
    > I was wondering if some kind soul could help me work out
    hopefully my last CSS
    > problem. If you look at my site:
    http://www.aclighting.com/shop/
    in IE you will
    > see a light blue line at the bottom of the left hand
    side navigation menu. In
    > Firefox and other browsers it isn't there, they are
    behaving, but I can't work
    > out why IE is showing that there.
    > I don't understand why its showing near the botton in
    IE.
    Its on you background image?
    http://www.aclighting.com/images/menu_bottom.gif
    IE is probably making a container slightly higher for some
    reason and
    therefore shows more of te background image.
    Just use a 'dedicatted' background image minus the blue line

  • Possible CSS problem?

    Hi All,
    I am in the process of making a website for a friend, when I ran into what looks like a css problem.
    I purchased the css file in a template from a guy who does tutorials on youtube, I have contacted him on several occasions but his customer service is pretty awful and he hasn't replied to any contact.
    When using a mobile or tablet to view the website the header and footer area is pushed to the left. (please see attached image)
    I added 100% to the following containers but still it never changed them.
    #header-wrapper
    #footer-content-wrapper
    #footer
    If I change the widths to 1000px then it sorts it out for the mobile view but then the website on a pc/laptop is distorted.
    the website can be found at www.leightonsterling.com
    Thankyou in advance.

    There's nothing wrong with your site.  That's exactly what fixed-width, centered layouts do in smaller displays.  They move to the left.   If you want a responsive web site that adjusts to mobile and tablet device widths, you need a Responsive Layout.
    Look at FluidGrid Layouts in Dreamweaver CS6 & CC.  Or use one of the following Responsive Frameworks to jump start your project.
    Project Seven's Page Packs (commercial CSS Templates, Widgets & Extensions for DW)
    http://www.projectseven.com/products/templates/index.htm
    Excellent products, excellent customer support.  A+++
    Foundation Zurb
    http://foundation.zurb.com/templates.php
    Skeleton Boilerplate
    http://www.getskeleton.com/
    Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
    http://www.initializr.com/
    DMX Zone's Bootstrap extension for DW
    http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
    Fluid Grid Layouts in CS6
    http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs-using-fluid-grid-la youts-in-dreamweaver-cs6/
    Nancy O.

  • FW 8 popup-menu in CSS problem with IE7 & Safari

    Hi,
    hope that anyone out there got some ideas in my issue. I was
    already searching the forum for advice, but couldn't find
    meaningful infos.
    Here is my problem:
    I designed a page in FW8 (Mac) with a nice popup-menu. I
    exported this thing into DW8 having set the option to export the
    menu as CSS and slices to layers. Then I rearranged the html File
    and included some editable regions, as it was to be used as an
    template.
    Everything works fine in Firefox but IE7 and Safari
    experience some problems.
    The popup-layers are displayed behind the main text-area and
    not in front of it - this makes navigation a bit complicated.
    So teh menu is displayed with text and everything, but behind
    the main text.
    What I tried:
    I tried to reset the z-Index of the popup-layers to values
    below 10 (were set to 500) - didn't help.
    I gave every single item a z-index - didn't help.
    I gave the main text area an z-index of 0 or -1 - made the
    layer disappear.
    I reexported the whole thing - made me just crazy.
    I worked through the css file for errors - maybe I'm not to
    good in CSS ;)
    I checked the forums, but could only find issues where the
    menu was not displayed at all or the text was missing - doesn't
    apply.
    -- no more ideas :(
    Link to my page:
    Website
    Link
    I really appreciate your help! Any comments welcome!
    patrick

    > I think it's a bug with ie7. It doesn't support
    javascript completely,
    > nor
    > does it css.
    I don't think this is accurate. Each browser supports things
    differently,
    and CSS is no exception, but support for javascript is fairly
    reliable
    across the board.
    > but I can't find one that I can use my own images, yet
    Then you are not looking in the right place. Go here -
    http://www.projectseven.com/
    and examine their extensive collection of menu products.
    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
    ==================
    "udigrudi" <[email protected]> wrote in
    message
    news:ful3t7$n9u$[email protected]..
    > I've had a similar problem, menus made in Fireworks 8
    don't show up
    > completely
    > in ie7 for windows either. The menu shows up, but the
    text of submenus
    > with
    > submenus doesn't show up.
    >
    > I think it's a bug with ie7. It doesn't support
    javascript completely,
    > nor
    > does it css.
    >
    > Since your website has disappeared, I'm sorry I can't be
    of more help.
    > I'm
    > thinking of getting a "third party" submenu generator
    (but I can't find
    > one
    > that I can use my own images, yet)
    >

  • Firefox CSS problem

    For some reason Firefox does not display my web page
    correctly and IE7 does.
    The problem is that the page border (given the id of
    'wrapper') does not enclose the page's divs (indicated by white
    box), as seen on
    http://users.bigpond.net.au/csteed/mercury/new%20index.htm
    - in Firefox.
    The CSS is available at
    http://users.bigpond.net.au/csteed/mercury/layout.css

    csteed wrote:
    > For some reason Firefox does not display my web page
    correctly and IE7 does.
    >
    > The problem is that the page border (given the id of
    'wrapper') does not
    > enclose the page's divs (indicated by white box), as
    seen on
    >
    http://users.bigpond.net.au/csteed/mercury/new%20index.htm
    - in Firefox.
    >
    > The CSS is available at
    http://users.bigpond.net.au/csteed/mercury/layout.css
    >
    You appear to be missing the closing </div> tag for
    your 'wrapper <div>.
    Try adding it just before the closing </body> (see
    below) and also add
    the <br style-"clear: both;"> as shown.
    <p>Copyright 'The Mercury Centre'
    2007</p></div>
    </div>
    <br style="clear: both;">
    </div><!-- end wrapper -->
    </body>

  • Fixin IE 7 CSS-problems without extra CSS

    Lately I have been working on the layout for a foundation.
    The project only has to be finished by February, so there is plenty
    of time left. The design looks alright with Firefox, Opera and
    Safari for Windows, but something goes wrong as soon as IE 7 tries
    to interpret the CSS. The content-layer is not in place and the
    "the round corners" at the bottom are not repeated only ones (as
    demanded by the CSS).
    I already wrote an extra stylesheet which already works out
    alright on my localhost, but it hasn't got any round corners and
    the layers are arranged "absolute" which (to me) is a less than
    elegant work-around and might cause a few problems depending on
    resolution and screen-format.
    Does anyone have a suggestion how to fix this prpoblem within
    the normal CSS which is still in the page code in
    http://stefanweisshampel.de/versuch.html
    and
    http://stefanweisshampel.de/versuch_blau.html?

    Is this the complete code?
    Your first property declaration value on the margin of the
    div containing the <ul> navigation is pulling the div 140px
    towards the top of the containing element. That could push the div
    off of the page, depending on the rest of your code and page
    structure. Are you feeding these values to IE only? What is the
    -140px top margin supposed to be doing? Check that first.
    On browser detection, beware, many browsers report themselves
    as something else! It is better to learn the different browser
    inconsistencies and design for them. As Win IE (mainly pre V IE7
    nowadays) is the main problem child here, using Conditional
    Comments can help feed specific css to that particular browser and
    its derivatives. Google for Conditional Comments for more
    information.
    Regards
    Nick Barling

  • IE7 Footer Problems

    I'm having a problem with a  floating footer in IE7. It will not stay at the bottom of the page in IE7, but sits in the middle of my last photo.  It does exactly what it should in all other  browsers I've tested it on, on both Mac and PC. I'm new to CSS, and I've spent all day trying solutions on various forums, but with no luck. I'm sure it's an easy fix, probably having to do with clearing floats (maybe?), but I have no idea what else to try and I'm losing my patience! I have a test page up here: http://www.mearesdentistry.com/test/ourteam. If anyone could help it would be greatly appreciated. Thank you in advance!

    HTML errors:
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mearesdentistry.com%2Ftest%2F ourteam
    CSS errors:
    http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. mearesdentistry.com%2Ftest%2Fourteam
    98% of browser rendering issues are code related.  Clean code = fewer things to rule out.
    Remove the CSS height property from your #container and #welcome divisions.
    Explicit height values on containers restricts how much content they can hold.  Page height must remain flexible.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Windows 8 and CSS problems (FF 16 & 17)

    I just got a brand spanking new Win 8 computer (intl English). The only things installed on it are Adobe Master's Collection, Steam, Office and Firefox. In addition I tried installing adblocker, because that's a must for me and if this problem is resolved by removing it I will have to switch to another browser.
    Now, the problem is that FF is having problems loading pages with CSS. Occasionally, this results in a pages with nothing at all (except background color, it seems) or with just unformatted text. Most of the time this is fixed by doing a shift+reload, but not always. Some times it's just partially fixed and some elements don't load still.
    I've tried disabling all extensions and plugins and I've also tried resetting FF. The problem always comes back. I've even tried resetting my hosts file.
    Do you have any more ways of fixing it? I believe I've done everything in my power, except change browsers (which I really don't want to do unless it's my only option).
    The only thing I haven't tried, which I'll try now, is unpin all my app tabs and see if that fixes anything. I'll update this if I can...
    Pages affected: Facebook (some of the time), Couch Potato (installed on my server - never seen this on other computers or even other browsers on my computer, always), MyFitnessPal (occasionally), and some low-tech dating page I'm on.
    Cheers,
    Lars

    So, it still happens with a new an clean profile without extensions?
    In that case you may have security software (firewall, anti-virus) that block some content.
    You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
    *Press and hold Shift and left-click the Reload button.
    *Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
    *Press "Command + Shift + R" (MAC)
    You can also try to use the Web Console (Web Developer > Web Console;Ctrl+Shift+K) to see if you can identify network related issues.
    *https://developer.mozilla.org/en/Tools/Web_Console
    *https://developer.mozilla.org/en/Using_the_Web_Console

  • Css problem in spry gallery demo, ie "doubled margin" for thumbnails

    http://labs.adobe.com/technologies/spry/demos/gallery/
    View page in both Firefox and IE6. Note that in Internet
    Explorer (Windows), the margin on the left is double that of the
    same in Firefox. This is a well-documented IE CSS issue that occurs
    when a floated element also has margin set on the side to which it
    is floated, as in float:left; margin:5px;
    It's an issue when the margin is such that it causes wrapping
    within the thumbnails parent container... in IE browsers.
    Add display:inline to the #thumbnails div rule to correct the
    problem.
    Just FYI.
    Donna Casey

    Thanks Donna! The fix will appear in the next drop.
    --== Kin ==--

  • Link to CSS problem (in Design View)

    Hello Dreamweaver experts,
    In the Design View Dreamweaver CS3 is not picking up the
    styles specified in a linked stylesheet. Let me explain...
    I am using an application in our office that relies upon HTML
    (but does not use a standard web browser).
    I need to refer to linked stylesheets using a variable like
    so;
    [example #1]
    <link href="{FILES_DIR}/path/css/stylesheet.css"
    rel="stylesheet" type="text/css" />
    The use of the variable construction "{FILES_DIR}" eliminates
    the need to hard code a drive letter into the link which is
    preferrable. Without "{FILES_DIR}" I have to hard-code the drive
    letter like so;
    [example #2]
    <link
    href="file:///K|/additional-path-details/path/css/stylesheet.css"
    rel="stylesheet" type="text/css" -->
    Both examples above yield the same result in the application
    (the stylesheet is found and its styles properly applied).
    However, only with example #2 does Dreamweaver's "design
    view" pick up and apply the stylesheet. Dreamweaver cannot find the
    stylesheet or apply its styles using example #1.
    My question is how can I make Dreamweaver understand and
    apply what "{FILES_DIR}" means.
    Any tips, tricks or pointers would be most welcome...

    "horse.badorties" <[email protected]> wrote
    in message
    news:fh9o12$80d$[email protected]..
    > Hello Dreamweaver experts,
    >
    > In the Design View Dreamweaver CS3 is not picking up the
    styles specified
    > in a
    > linked stylesheet. Let me explain...
    >
    > I am using an application in our office that relies upon
    HTML (but does
    > not
    > use a standard web browser).
    >
    > I need to refer to linked stylesheets using a variable
    like so;
    >
    >
    [example #1]
    > <link href="{FILES_DIR}/path/css/stylesheet.css"
    rel="stylesheet"
    > type="text/css" />
    >
    > The use of the variable construction "{FILES_DIR}"
    eliminates the need to
    > hard
    > code a drive letter into the link which is preferrable.
    Without
    > "{FILES_DIR}"
    > I have to hard-code the drive letter like so;
    >
    >
    [example #2]
    > <link
    href="file:///K|/additional-path-details/path/css/stylesheet.css"
    > rel="stylesheet" type="text/css" -->
    >
    > Both examples above yield the same result in the
    application (the
    > stylesheet
    > is found and its styles properly applied).
    >
    > However, only with example #2 does Dreamweaver's "design
    view" pick up and
    > apply the stylesheet. Dreamweaver cannot find the
    stylesheet or apply its
    > styles using example #1.
    Did you look into "design-time" styles sheets? That may solve
    your problem.
    It won't take care of the path in the document though...
    Thierry
    Articles and Tutorials:
    http://www.TJKDesign.com/go/?0
    http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
    - divaGPS - Add "you are here" highlighting to virtually any
    menu
    - divaFAQ - Create FAQ pages that toggle (show/hide) the
    answers
    - divaPOP - Easy, clean, standards-compliant popup windows.

  • CSS problems in IE

    I am working on a project for a web programming class. The
    page I
    created works perfectly in Firefox, Opera, and Safari, but
    not in IE :-(
    I explained this to my professor who thankfully said that it
    was ok if
    it didn't work in IE (The project involves other stuff, like
    database
    access, that is more important than trying to work around
    browser bugs.)
    However, it would be nice if it also worked in IE. If anyone
    could offer
    a few pointers to get my page to display properly in IE, I
    would be
    grateful.
    My page is at
    http://cs.uccs.edu/~wgarces/bargraph.html
    There appears to be 2 problems:
    1) Borders for table rows and cells do not show up.
    2) Cells in the table above the graph do not appear to retain
    the proper
    width
    Oh yeah, one more thing. The javascript is also borked in IE,
    so the
    scrolling effect does not work. I've been using Firebug for
    javascript
    debugging in Firefox. What debugger is normally used with IE?

    mzanime.com wrote:
    > Well, first, fix the bugs:
    >
    http://validator.w3.org/check?uri=http://cs.uccs.edu/~wgarces/bargraph.html
    >
    >
    >
    http://jigsaw.w3.org/css-validator/validator?uri=http://cs.uccs.edu/~wgarces/def
    > ault.css
    >
    > After thats done, then I'll see if I can troubleshoot.
    >
    Ok. Fixed it. I'm not sure why the validator was complaining
    about the
    color "orange" though. Eric Meyer's book says that it is a
    valid color
    in CSS 2.1.

  • H:panelGrid and css problem?

    Hi,
    I have following piece of code:
    <h:panelGrid columns="3" columnClasses="columnHeader,oddRow,evenRow" rowClasses="oddRow, evenRow" styleClass="tableSettings">
         <h:outputLabel for="accountName">
              <h:outputText value="Account Name"/>
         </h:outputLabel>
         <h:inputText id="accountName" value="#{Edit.accountName}" required="true"/>
         <h:message for="accountName" styleClass="errorText"/>
         <h:outputLabel for="accountDescription">
             <h:outputText value="Account Description"/>
         </h:outputLabel>
         <h:inputText id="accountDescription" value="#{Edit.accountDescription}" required="true"/>
         <h:message  for="accountDescription"  styleClass="errorText"/>
         <h:outputLabel  for="accountTypeName">
             <h:outputText value="Account Type Name"/>
         </h:outputLabel>
         <h:inputText id="accountTypeName" value="#{Edit.accountTypeName}" required="true"/>
         <h:message for="accountTypeName" styleClass="errorText"/>
    </h:panelGrid>
    <br/>
    <h:commandButton id="clearAccount" action="clearAccount" value="Clear" actionListener="#{Edit.clear}"/> <!--  -->
    <h:commandButton id="sendAccountInformation" action="#{Edit.sendMessage}" value="Send"/>
    <br/>
    <h:commandLink id="goToAllAccounts" action="goToAllAccounts" value="All Accounts" />In my css file I have .classHeader, .oddRow, .evenRow and a and a:hover classes:
    .tableSettings {
         border: solid #000000 1px;
         width: 100%;
    .columnHeader {
        text-align: center;
        nowrap: true;
        background-color:"#000000";
        color:"#FFFFFF";
    .oddRow {
        background-color: "#E0E0E0";
    .evenRow {
        background-color: white;
    .errorMessage {
         color : #FF0000;
         font-weight: bolder;
    a {
         text-decoration: none;
         color: #337799;
         font-weight: bolder;
    a:hover {
         text-decoration:underline;
         color: #abcdef; /*FF5555*/
         font-weight: bolder;
    }And problem I have is that link at the bottom is rendered correctly (and when it is hovered it changes color), but panelGrid is missing almost all styles, only border of the table is present. I've already tried removing columnClasses and rowClasses...
    Does anybody know where can be a problem?
    Regards,
    morhen

    Found the problem. At the beginning of my *.jsp document I had:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">when I deleted
    "http://www.w3.org/TR/html4/loose.dtd"styles appeared, but I don't know why... interesting...

  • Very simple CSS problem - ive given up :(

    please help a brother out:(
    im desinging a page with 3 separate HTML files, and a PHP
    file calling them.
    problem: i cannot get rid of 1px space in top margin :(
    i have tried everything
    ps! top-margin: -1px doesnt work
    my website link:
    http://www.heat.ee/newhome/[/L]
    3 html files + php
    thnx for your help!

    On Sun, 21 Oct 2007 20:18:42 +0000 (UTC), "vortons"
    <[email protected]> wrote:
    >please help a brother out:(
    >
    > im desinging a page with 3 separate HTML files, and a
    PHP file calling them.
    > problem: i cannot get rid of 1px space in top margin :(
    > i have tried everything
    >
    > ps! top-margin: -1px doesnt work
    >
    >
    http://www.heat.ee/newhome/
    >
    http://www.heat.ee/newhome/files.zip
    >
    > thnx for your help!
    Further to Tim's comments - there are css codes within the
    body -
    which is incorrect.
    Validation gives more info:
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.heat.ee%2Fnewhome%2F&charset=%28detect+ automatically%29&doctype=Inline&ss=1&group=0&verbose=1#line-40
    ~Malcolm N....
    ~

  • CSS Problem working with Frames

    Hi guys! I'm repairing a client's website that includes a
    shopping cart. When the site is first visited, I have the view cart
    button hidden:
    ============= Frame One ================
    html code:
    <a id="viewcart" href=#>View Cart</a>
    CSS code:
    a#viewcart { visiblity: hidden;}
    ============= Frame Two ================
    <FORM><INPUT TYPE="HIDDEN" NAME="product[]"
    VALUE="Here Today Gone Tomorrow">
    <INPUT TYPE="HIDDEN" NAME="price" VALUE="14.95">
    <INPUT TYPE="SUBMIT" value="Add to Cart" name="B1">
    </FORM>
    I would like to turn the button on whenever an add to cart
    button has been pressed.
    If I were working within the same page, I think I could get
    away with something like:
    CSS Code:
    form submit:active, a#viewcart { visiblity: visible;}
    Am I thinking in the right direction or am I screwing up.
    HELP!!!

    To affect Frame one by a button in frame two you are going to
    have to reload
    the whole frameset, which could cause you problems. If the
    top frameset is
    only to hold this link then there is little point in using it
    over having
    all the code on the same page and controlling it via CSS as
    you have.
    Paul Whitham
    Certified Dreamweaver MX2004 Professional
    Adobe Community Expert - Dreamweaver
    Valleybiz Internet Design
    www.valleybiz.net
    "WebXperience" <[email protected]> wrote in
    message
    news:eildvv$l57$[email protected]..
    > Hi guys! I'm repairing a client's website that includes
    a shopping cart.
    > When
    > the site is first visited, I have the view cart button
    hidden:
    > ============= Frame One ================
    > html code:
    > <a id="viewcart" href=#>View Cart</a>
    >
    > CSS code:
    > a#viewcart { visiblity: hidden;}
    >
    >
    > ============= Frame Two ================
    > <FORM><INPUT TYPE="HIDDEN" NAME="product[]"
    VALUE="Here Today Gone
    > Tomorrow">
    > <INPUT TYPE="HIDDEN" NAME="price" VALUE="14.95">
    > <INPUT TYPE="SUBMIT" value="Add to Cart"
    name="B1">
    > </FORM>
    >
    > I would like to turn the button on whenever an add to
    cart button has been
    > pressed.
    > If I were working within the same page, I think I could
    get away with
    > something like:
    >
    > CSS Code:
    > form submit:active, a#viewcart { visiblity: visible;}
    >
    > Am I thinking in the right direction or am I screwing
    up.
    >
    > HELP!!!
    >
    >

Maybe you are looking for

  • ITunes Media on external drive and moved to new PC laptop

    Environment: Dell PC laptop, Window 7 32-bit, iTunes 12.1.1.4 I have all of my iTunes Media on an external hard-disk drive. I want to keep it on that drive. I have a new laptop and have connected the external drive to it. I have installed iTunes on t

  • How to remove the 1st level folder under the main ones at each level

    In the normal mode, either in the Content Areas section or in your Folder Portlet on your page - all the sub folders are rendered in blue, and then under each one, its corresponding sub folders are also rendered in smaller font. Is there a way to dis

  • Deployment hangs

    Hi, I am trying to deploy a configuration, Business Protocol is Custom Doc over Internet (AS2). I have only specified one trading agreement (there are no other agreements deployed or specified) for the config I am trying to deploy. When stopping all

  • X220 self-wakes from sleep

    For the past week, my Lenovo x220 wakes from sleep while it is charging overnight or even in my laptop bag while it is "resting". Has anyone else had this issue? Any suggestions for a fix (other than putting it in hibernate, which would negate one of

  • Problem with track times and importing

    Importing CDs onto my iTunes is usually OK, but on one CD a couple of tracks transfer to iTunes with incorrect playing time. Track 7 which is 2:54 shows on iTunes as 37:09; track 8 which is 3:25 shows on iTunes as 789:57:13 and will not play after be