IE7 and CSS

I looked the forum for a topic like this but I didn't find
it. I've heard that IE7 does not support correctly the CSS. Is it
true? Can I tell my customers to install it? Some of them doesn't
want to use Firefox…

> I don't have to feed Safari, Firefox or Netscape for
that matter
> explicit conditions to make css work in those browsers,
why should it
> be that IE is the one that gives the most problems. Even
their newest
> release is lame compared to the older version of the
browsers I
> mentioned.
>
> All I'm saying is IF others CAN get it correct why on
earth can't
> they. They have access and the money to employ the best
in the
> business and yet still fail.....you think thats ok? I
don't.
I agree... but in a different way :-)
Microsoft's IE team is top-rate and, if you get to konow
them, very
stadards-oriented and up on CSS. The problems occur when
non-IE team
members get involved. A case in point being the "zoom"
feature which we
all are learning to hate. Adobe is not all that dissimilar.
Dreamweaver
is a great application - when its team can stick to what they
do best.
When outside (the dev team) influences start making demands
for certain
"features", that's when problems happen. Murray can explain
all about
how the Fireworks/Dreamweaver menu came to be and even link
to an
entertaining blog entry by a former employee.
That said, while Safari and Firefox do not require much in
the way of
CSS hacks for ordinary web pages, they do require some
workarounds and
all modern browsers do have some quirks. Safari and Firefox
do, however,
require significant hacking when doing advanced manipulations
through
the DOM, to fix bugs and to counter the shortcuts both of
those browsers
take to appear faster than they really are :-)
It's just not apparent to most typical web designers.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

Similar Messages

  • IE7 and CSS while in quirksmode

    Unless I'm mistaken I think I have discovered that IE7
    doesn't support substring matching attribute selectors while in
    quirks mode. Can anyone else confirm this, or does anyone know if
    this is documented online somewhere?

    Definitely.
    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
    ==================
    "mzanime.com" <[email protected]> wrote in
    message
    news:ekffhn$1k6$[email protected]..
    > Nevermind. Just found out (via the IEblog) that IE7 uses
    the IE6
    > rendering
    > engine (unchanged) if a page loads while in Quirksmode.
    I did not expect
    > this
    > to mean that fixed aspects of CSS2 to be unsupported as
    well, but if makes
    > sense though... if a page is in quirksmode, then it
    might potentially
    > also be
    > relying on the html>body hack to hide content from
    IE.
    >

  • Dreamweaver 8 Display Mode renders website differently from IE7 and Firefox2

    I'm trying to create a webpage with the following rows setup:
    Header
    Navigation/Issueinfo (2-column)
    Left/Middle/Right (3-column)
    OtherLeft/OtherRight (2-column)
    Footer
    It renders correctly in Dreamweaver 8's display window, but in IE7 and Firefox 2 the Navigation/Issueinfo row renders differently, and I can't figure out what the problem is. I've attached images of D8 and IE7 as well as the HTML and CSS codes. All help is greatly appreciated!
    Dreamweaver 8's Display View: http://img28.imageshack.us/i/70399536.jpg/
    Internet Explorer 7: http://img3.imageshack.us/i/ie7e.jpg/
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    </head>
    <body>
    <div id="container">
    <div id="header">
    </div>
    <div id="navigation">
    <ul>
    <li><a href="index.html">HOME</a></li>
    <li><a href="archive.html">ARCHIVE</a></li>
    <li><a href="blogs.html">BLOGS</a></li>
    <li><a href="calendar.html">CALENDAR</a></li>
    <li><a href="staff/staff.html">STAFF</a></li>
    <li><a href="msms/msms.html/">MSMS</a></li>
    </ul>
    </div>
    <div id="issueinfo">
    VOLUME 21 ISSUE 3
    </div>
    <div id="left">
        Left side text...
    </div>
    <div id="right">
        Right side text...
    </div>
    <div id="middle">
        Middle column text...
    </div>
    <div id="otherleft">
    Otherleft text...
    </div>
    <div id="otheright">
    Otherright text...
    </div>
    <div id="footer">Footer...</div>
    </div>
    </body>
    </html>
    CSS:
    /* CSS Document */
    /* Specify blanket rules for all elements */
    body {
        color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:0px;
        padding:0px;
    background-color:#000077;
    a{
    color:#000077;
    text-decoration:none;
    a:hover{
    text-decoration:underline;
    #container {
    width:1020px;
    margin:0px auto 0px auto;
    background-color:#FFFFFF;
    #header {
        clear:both;
        width:1020px;
    height:130px;
    background-image:url(images/banner.jpg);
    #navigation {
    float:left;
    width:800px;
    text-align:center;
    background-color:#000077;
    #navigation li{
    display:inline;
    list-style-type:none;
    padding-right:30px;
    #navigation a{
    color:#FFFFFF;
    text-transform:capitalize;
    #issueinfo {
    clear:right;
    color:#FFFFFF;
    text-transform:capitalize;
    text-align:center;
    margin:0px 0px 0px 800px;
    background-color:#000077;
    #left {
        clear:left;
    float:left;
        width:318px;
    padding:0px 10px 0px 10px;
    #right {
        float:right;
        width:318px;
    padding:0px 10px 0px 10px;
    #middle {
    margin:0px 340px 0px 340px;
    padding:0px 10px 0px 10px;
    #otherleft {
    float:left;
    width:510px;
    #otherright {
    margin:0px 0px 0px 510px;
    #footer {
    clear:both;
    color: #FFFFFF;
    text-align: center;
    background-color: #000077;

    DW Design View is only an approximation of what various browsers will do.
    Try this (note changes in red):  Tested in FF 3.6.
    #navigation {
        float:left;
        width:800px;
        text-align:center;
        background-color:#000077;
        line-height: 2em; /**ADD THIS**/
    #issueinfo {
       clear:right; /**REMOVE THIS**/
        color:#FFFFFF;
        text-transform:capitalize;
        text-align:center;
        margin:0px 0px 0px 800px;
        background-color:#000077;
        line-height: 4em; /**ADD THIS**/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web-design.blogspot.com/

  • Problems with IE7 and FF

    Hello,
    I'm facing a problem in my site. I have a table located
    inside another table. My inner table contains text.
    I'm using a css file to define the inner table properties. I
    used 'position: absolute' to define the inner-table text top
    position but got some problems with it in IE7 and firefox.
    Once deleting the absolute position I'm not able to get my
    text be align to the top on the cell, it keeps being painted in the
    center of the cell.
    How do I solve this issue?
    The problem is in:
    http://www.chaimassala.com/shareyourexperience.html
    and also in:
    http://www.chaimassala.com/picturesfactsEnglish.html
    Thanks,
    Yoni

    Vertically align the outer table cell which contains your
    inner table.
    like this:
    <td width="82%" height="235" valign="top"
    bgcolor="#FFFFB9">
    "yoni123" <[email protected]> wrote in
    message
    news:erpshq$b1h$[email protected]..
    > Hello,
    >
    > I'm facing a problem in my site. I have a table located
    inside another
    > table.
    > My inner table contains text.
    > I'm using a css file to define the inner table
    properties. I used
    > 'position:
    > absolute' to define the inner-table text top position
    but got some
    > problems
    > with it in IE7 and firefox.
    > Once deleting the absolute position I'm not able to get
    my text be align
    > to
    > the top on the cell, it keeps being painted in the
    center of the cell.
    > How do I solve this issue?
    >
    > The problem is in:
    http://www.chaimassala.com/shareyourexperience.html
    > and also in:
    http://www.chaimassala.com/picturesfactsEnglish.html
    > Thanks,
    > Yoni
    >
    >

  • Ul.hmb ul alignment problem ie7 and lower only

    So to my knowledge the menu on my site works correctly in all other browsers except ie7 and lower. As a last resort I have turned to conditional style sheets for ie7 and previous versions to take care of this problem. Here's a link to my site: http://geekpowwow.com
    My style sheets are large and probably a little disorganized so i'll post the relevant rules here. I'll post one ul and if you guys have any thoughts on how to solve this problem please let me know. (I have removed a#li and div.menubaralign from the ie7 css)
    <ul id="hardware">
                             <div class="menubaralign">
                                  <li><a id="li" href="http://geekpowwow.com/cables/">Cables</a></li>
                                  <li><a id="li" href="http://geekpowwow.com/burners/">CD/DVD Burners</a></li>
                                  <li><a id="li" href="http://geekpowwow.com/computeraccessories/">Computer Acc.</a></li>
                                  <li><a id="li" href="http://geekpowwow.com/computercases/">Computer Cases</a></li>
                                  <li><a id="li" href="http://geekpowwow.com/coolingdevices/">Cooling Devices</a></li>
                                  <li><a id="li" href="http://geekpowwow.com/processors/">CPU's / Processors</a></li>
                                  <li ><a id="li" href="http://geekpowwow.com/harddrives/">Hard Drives</a></li>
                                  <li ><a id="li" href="http://geekpowwow.com/headsets/">Headsets</a></li>
                                  <li ><a id="li" href="http://geekpowwow.com/keyboards/">Keyboards</a></li>
                                  <li ><a id="li" href="http://geekpowwow.com/memory/">Memory</a></li>
                                  </div>
                                  <div class="menubaralign">
                                  <li><a id="li" href="http://geekpowwow.com/mice/">Mice</a></li>
                                  <li><a id="li" href="http://geekpowwow.com/monitors/">Monitors</a></li>
                                  <li><a id="li" href="http://geekpowwow.com/motherboards/">Motherboards</a></li>
                                  <li><a id="li" href="http://geekpowwow.com/powersupplies/">Power Supplies</a></li>
                                  <li ><a id="li" href="http://geekpowwow.com/servers/">Servers</a></li>
                                  <li ><a id="li" href="http://geekpowwow.com/soundcards/">Sound Cards</a></li>
                                  <li ><a id="li"  href="http://geekpowwow.com/speakers/">Speakers</a></li>
                                  <li ><a id="li" href="http://geekpowwow.com/ssd/">SSD's</a></li>
                                  <li ><a id="li" href="http://geekpowwow.com/videocards/">Video Cards</a></li>
                                  <li ><a id="li" href="http://geekpowwow.com/webcams/">Web Cams</a></li>
                                  </div>
                             </ul>
    ul.MenuBarHorizontal ul
         padding: 0;
         list-style-type: none;
         font-size: 100%;
         z-index: 1020;
         cursor: default;
         width: 26em;
         padding-left:1em;
         padding-right:1em;
         padding-bottom:1em;
         background-color:#c7c9cd;
         border:hidden;
    ul.MenuBarHorizontal ul li
         margin:0;
         marin:0;
         width: 12em;
         height: 40px;
         border:0;
    As you would expect from the code here the drop down is left aligned directly below the menu bar li. Any ideas about why margin-left:-8em won't center, or even move the list from the current position?

    HTML
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="iso-8859-1">
    <title>Geek PoWWow -  </title>
    <link href="style.css" rel="stylesheet">
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet">
    <link href="myMenu.css" rel="stylesheet">
    <script src="SpryAssets/SpryMenuBar.js"></script>
    </head>
    <body>
    <div id="nav-bar">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a id="home" class="MenuBarItemSubmenu" href="http://geekpowwow.com/"><span>home</span></a></li>
        <li><a id="hardware" class="MenuBarItemSubmenu" href="#"><span>hardware</span></a>
          <ul class="rows2">
            <li><a href="http://geekpowwow.com/cables/">Cables</a></li>
            <li><a href="http://geekpowwow.com/burners/">CD/DVD Burners</a></li>
            <li><a href="http://geekpowwow.com/computeraccessories/">Computer Acc.</a></li>
            <li><a href="http://geekpowwow.com/computercases/">Computer Cases</a></li>
            <li><a href="http://geekpowwow.com/coolingdevices/">Cooling Devices</a></li>
            <li><a href="http://geekpowwow.com/processors/">CPU's / Processors</a></li>
            <li><a href="http://geekpowwow.com/harddrives/">Hard Drives</a></li>
            <li><a href="http://geekpowwow.com/headsets/">Headsets</a></li>
            <li><a href="http://geekpowwow.com/keyboards/">Keyboards</a></li>
            <li><a href="http://geekpowwow.com/memory/">Memory</a></li>
            <li><a href="http://geekpowwow.com/mice/">Mice</a></li>
            <li><a href="http://geekpowwow.com/monitors/">Monitors</a></li>
            <li><a href="http://geekpowwow.com/motherboards/">Motherboards</a></li>
            <li><a href="http://geekpowwow.com/powersupplies/">Power Supplies</a></li>
            <li><a href="http://geekpowwow.com/servers/">Servers</a></li>
            <li><a href="http://geekpowwow.com/soundcards/">Sound Cards</a></li>
            <li><a href="http://geekpowwow.com/speakers/">Speakers</a></li>
            <li><a href="http://geekpowwow.com/ssd/">SSD's</a></li>
            <li><a href="http://geekpowwow.com/videocards/">Video Cards</a></li>
            <li><a href="http://geekpowwow.com/webcams/">Web Cams</a></li>
          </ul>
        </li>
        <li><a id="pcs" class="MenuBarItemSubmenu" href="#"><span>pcs</span></a>
          <ul>
            <li><a href="http://geekpowwow.com/desktops/">Desktops</a></li>
            <li><a href="http://geekpowwow.com/laptopaccessories/">Laptop Acc.</a></li>
            <li><a href="http://geekpowwow.com/laptops-notebooks/">Laptops / Notebooks</a></li>
            <li><a href="http://geekpowwow.com/netbooks/">Netbooks</a></li>
            <li><a href="http://geekpowwow.com/tablets/">Tablets</a></li>
          </ul>
        </li>
        <li><a id="gaming" class="MenuBarItemSubmenu" href="#"><span>gaming</span></a>
          <ul>
            <li><a href="http://geekpowwow.com/nintendo3ds/">Nintendo 3DS</a></li>
            <li><a href="http://geekpowwow.com/nintendods/">Nintendo DS</a></li>
            <li><a href="http://geekpowwow.com/nintendowii/">Nintendo Wii</a></li>
            <li><a href="http://geekpowwow.com/pcgames/">PC</a></li>
            <li><a href="http://geekpowwow.com/playstation3/">Playstation 3</a></li>
            <li><a href="http://geekpowwow.com/sonypsp/">Sony PSP</a></li>
            <li><a href="http://geekpowwow.com/xbox360/">XBOX 360</a></li>
          </ul>
        </li>
        <li><a id="software" class="MenuBarItemSubmenu" href="#"><span>software</span></a>
          <ul class="rows2">
            <li><a href="http://geekpowwow.com/windows/">Windows</a></li>
            <li><a href="http://geekpowwow.com/mac/">Mac</a></li>
            <li><a href="http://geekpowwow.com/linux/">Linux</a></li>
            <li><a href="http://geekpowwow.com/academicsoftware/">Academic Software</a></li>
            <li><a href="http://geekpowwow.com/audioeditingsoftware/">Audio Editing Software</a></li>
            <li><a href="http://geekpowwow.com/businesssoftware/">Business Software</a></li>
            <li><a href="http://geekpowwow.com/communicationsoftware/">Communication Software</a></li>
            <li><a href="http://geekpowwow.com/freeware/">Freeware</a></li>
            <li><a href="http://geekpowwow.com/graphicssoftware/">Graphics Software</a></li>
            <li><a href="http://geekpowwow.com/languagesoftware/">Language Software</a></li>
            <li><a href="http://geekpowwow.com/multimediasoftware/">Multimedia Software</a></li>
            <li><a href="http://geekpowwow.com/simulationsoftware/">Simulation Software</a></li>
            <li><a href="http://geekpowwow.com/videoeditingsoftware/">Video Editing Software</a></li>
            <li><a href="http://geekpowwow.com/webbrowsers/">Web Browsers</a></li>
          </ul>
        </li>
        <li><a id="electronics" class="MenuBarItemSubmenu" href="#"><span>electronics</span></a>
          <ul class="rows2">
            <li><a href="http://geekpowwow.com/apple/">Apple</a></li>
            <li><a href="http://geekpowwow.com/blu-rayplayers/">Blu-Ray Players</a></li>
            <li><a href="http://geekpowwow.com/camcorderaccessories/">Camcorder Acc.</a></li>
            <li><a href="http://geekpowwow.com/camcorders/">Camcorders</a></li>
            <li><a  href="http://geekpowwow.com/carelectronics/">Car Electronics</a></li>
            <li><a href="http://geekpowwow.com/cellphones/">Cell Phones</a></li>
            <li><a href="http://geekpowwow.com/digitalcameraaccessories/">Digital Camera Acc.</a></li>
            <li><a href="http://geekpowwow.com/digitalcameras/">Digital Cameras</a></li>
            <li><a href="http://geekpowwow.com/dvr/">Digital Video Recorders</a></li>
            <li><a href="http://geekpowwow.com/dvdplayers/">DVD Players</a></li>
            <li><a  href="http://geekpowwow.com/dvdrecorders/">DVD Recorders</a></li>
            <li><a href="http://geekpowwow.com/e-bookreaders/">E-Book Readers</a></li>
            <li><a href="http://geekpowwow.com/gps/">GPS</a></li>
            <li><a href="http://geekpowwow.com/homeaudiospeakers/">Home Audio Speakers</a></li>
            <li><a href="http://geekpowwow.com/projectors/">Projectors</a></li>
            <li><a href="http://geekpowwow.com/telephones-voip/">Telephones / VoIP</a></li>
            <li><a href="http://geekpowwow.com/televisions/">Televisions</a></li>
            <li><a href="http://geekpowwow.com/universalremotes/">Universal Remotes</a></li>
          </ul>
        </li>
        <li><a id="forums" class="MenuBarItemSubmenu" href="http://geekpowwow.com/under-construction/"><span></span></a></li>
      </ul>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../../../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../../../SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    styles.css
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
      margin:0;
      padding:0;
      border:0;
      outline:0;
      font-size:100%;
      vertical-align:baseline;
      background:transparent;
    html {
        font: 100% Verdana, Geneva, sans-serif;
        overflow-y: scroll;
    body {
        background: #0053de url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/header.jpg) no-repeat center top;
    #nav-bar {
        background: url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/navbar.gif) repeat-x;
        height: 85px;
        margin-top: 195px;
    myMenu.css
    /* CSS Document */
    ul.MenuBarHorizontal {
        width: 1120px;
        margin: auto;
        font-size: 0.9em;
    ul.MenuBarHorizontal li {
        margin: 6px 3px 0 0;
        width: 157px;
    ul.MenuBarHorizontal a {
        height: 70px;
    ul.MenuBarHorizontal a span {
        visibility: hidden;  
    ul.MenuBarHorizontal ul {
        padding: 0 10px 10px 10px;
        width: 192px;
        background: #CCC;
    ul.MenuBarHorizontal ul.rows2 {
        padding: 0 10px 10px 10px;
        width: 384px;
        background: #CCC;
    ul.MenuBarHorizontal ul li {
        margin: 0;
        width: 192px;
    ul.MenuBarHorizontal ul a {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/li_blank.gif) no-repeat;
        height: 24px;
    ul.MenuBarHorizontal a#home {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/home_button.gi f) no-repeat;
    ul.MenuBarHorizontal a#home:hover, ul.MenuBarHorizontal a#home:focus,
    ul.MenuBarHorizontal a#home.MenuBarItemHover, ul.MenuBarHorizontal a#home.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#home.MenuBarSubmenuVisible {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/home_button_ho ver.gif) no-repeat;
    ul.MenuBarHorizontal a#hardware {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/hardware_butto n.gif) no-repeat;
    ul.MenuBarHorizontal a#hardware:hover, ul.MenuBarHorizontal a#hardware:focus,
    ul.MenuBarHorizontal a#hardware.MenuBarItemHover, ul.MenuBarHorizontal a#hardware.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#hardware.MenuBarSubmenuVisible {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/hardware_butto n_hover.gif) no-repeat;
    ul.MenuBarHorizontal a#pcs {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/pcs_button.gif) no-repeat;
    ul.MenuBarHorizontal a#pcs:hover, ul.MenuBarHorizontal a#pcs:focus,
    ul.MenuBarHorizontal a#pcs.MenuBarItemHover, ul.MenuBarHorizontal a#pcs.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#pcs.MenuBarSubmenuVisible {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/pcs_button_hov er.gif) no-repeat;
    ul.MenuBarHorizontal a#gaming {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/gaming_button. gif) no-repeat;
    ul.MenuBarHorizontal a#gaming:hover, ul.MenuBarHorizontal a#gaming:focus,
    ul.MenuBarHorizontal a#gaming.MenuBarItemHover, ul.MenuBarHorizontal a#gaming.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#gaming.MenuBarSubmenuVisible {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/gaming_button_ hover.gif) no-repeat;
    ul.MenuBarHorizontal a#software {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/software_butto n.gif) no-repeat;
    ul.MenuBarHorizontal a#software:hover, ul.MenuBarHorizontal a#software:focus,
    ul.MenuBarHorizontal a#software.MenuBarItemHover, ul.MenuBarHorizontal a#software.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#software.MenuBarSubmenuVisible {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/Software_butto n_hover.gif) no-repeat;
    ul.MenuBarHorizontal a#electronics {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/Electronics%20 _button.gif) no-repeat;
    ul.MenuBarHorizontal a#electronics:hover, ul.MenuBarHorizontal a#electronics:focus,
    ul.MenuBarHorizontal a#electronics.MenuBarItemHover, ul.MenuBarHorizontal a#electronics.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#electronics.MenuBarSubmenuVisible {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/Electronics%20 _button_hover.gif) no-repeat;
    ul.MenuBarHorizontal a#forums {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/forums_button. gif) no-repeat;
    ul.MenuBarHorizontal a#forums:hover, ul.MenuBarHorizontal a#forums:focus,
    ul.MenuBarHorizontal a#forums.MenuBarItemHover, ul.MenuBarHorizontal a#forums.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#forums.MenuBarSubmenuVisible {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/forums%20_butt on_hover.gif) no-repeat;
    ul.MenuBarHorizontal a#li:hover, ul.MenuBarHorizontal a#li:focus,
    ul.MenuBarHorizontal a#li.MenuBarItemHover, ul.MenuBarHorizontal a#li.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#li.MenuBarSubmenuVisible {
        background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/li_blank_hover .gif) no-repeat;
    @media screen, projection {
        ul.MenuBarHorizontal li.MenuBarItemIE     {
            background: transparent;
    Using original SpryMenuBar.js and SpryMenuBarHorizontal.css
    Gramps

  • PL/SQL Server Pages (PSPs) and CSS

    Hi,
    I am used to creating standards compliant websites using XHTML and CSS and some other application language for dynamic content. I have recently started working with PL/SQL and want to create an application using PSPs. I was wondering the best way to go about including CSS in an application, because it doesn't make sense to duplication the CSS on each page, but since the PSP is converted to a procedure this seesm to be the only way to include CSS?
    Any ideas on best practice for using CSS with PSPs?

    I think you should be able to put all your CSS into a single file, or only a few files, like in a normal web project and that you can include this file using the regular HTML tag.
    You store your CSS file(s) in a folder that is accessible by your website. Normally this is achieved by adding an Alias in the Apache webserver that is embedded in the Oracle database.
    If I remember it correctly (it has been a while since I saw the embedded webserver) your request for your PSP goes to an url like http://your.server.com/pls/your_page. Everything of the url that comes after /pls/ is handled by the mod_plsql Apache module that is repsonsible for sending the request to the database and returning the result to the screen.
    If you can define an alias like 'css' (without the quotes), which makes the url something like http://your.server.com/css/, then you can try to include your CSS file(s) referring to /css/file.css. Once you get this working, you can do the same for images.
    This is a generic approach that can get you started hopefully.
    Good luck.
    I hope this can get you started. Information on the alias can be found

  • Flash buttons not working in IE7 and Chrome

    Here's my website where the problem is occuring www.bakercreative.co.uk
    As you can see the Flash buttons animate, but when clicked they should go to a new html page.
    I've tested it in IE8 and Firefox without any problems but it's not working in IE7 and Chrome.
    Does anyone know what the problem is? Could it be the html code or the flash file itself?
    Thanks

    Hi, Glad you were able to solve that issue with the buttons and Chrome. Any small thing can cause big problems!! LOL
    I'm sure IE7 will test out ok, IE6 did Your website is very nice and has a variety! I hope it all comes together for you.
    Thanks,
    eidnolb

  • Custom html and css broken in BC

    I have created some content in iWeb. A photo gallery that doesn't work when uploaded to BC.
    It works fine when I upload to a different Host.
    http://isodisc.businesscatalyst.com/usbcat/ISODISC_Full_USB_Flash_Catalog.html

    I'm building my website in Muse, using a few Adobe typeKit fonts - Open Sans and Bebas Neue. There's plenty of code and css developed when I export the muse file QUESTION: Will Contribute maintain my font choice integrity? Or do I play it safe with standard web-safe choices?

  • How to  include external javascript and css resources to a jsf?

    I need to include external css and javascript files to my jsf page. Using the code below does not work because all the styles on the css page are ignored and the functions within the js files are not executed.
    <link rel="stylesheet" type="text/css" href="/resources/styles/style.css" />
    <script language="JavaScript" src="/resources/javascript/util.js"></script>When I try to execute any js function within a script tag on a jsf page I get an object expected error.
    I googled about my problem and found this piece of code for importing styles for an external css.
    <style type="text/css">
    @import url("/resources/styles/style.css");
    </style>How could I add an external javascript file to my jsf?

    Used the relative urls in my first post as well as these, and both were not working.
    <link rel="stylesheet" type="text/css" href="./resources/styles/style.css" />
    <script language="JavaScript" src="./resources/javascript/util.js"></script>The ./ tells that the external file can be found by starting at the current directory and working down the path to the specified file. This is my directory structure. Index.jsf is the file that references the external js and css files.
    -Webcontent
    |_index.jsf
    |_resources
    |__styles
    | |__style.css
    |__javascript
    |__util.js
    Either way I still can't reference the files that I need. Calling a javascript function results in an object expected error, and the styles are ignored.
    If I include the js file directly in the jsf then I can get it to work. I don't want to do this because I have created a handful of seperate js files, and do not want to include all of them in one page. I am using myfaces and tomahawk if that helps.

  • Upgrade from 2.2.1 to 3.1.2: Breaks JS and CSS?

    Upgraded from 2.2.1 to 3.1.2. The upgrade went fine but most JS and CSS seems to be broken.
    Examples
    1. Javascript functions not defined: redirect, html_ShowElement
    2. Template button images are broken. See http://i41.tinypic.com/294pgso.jpg
    My page templates are mostly unchanged, i.e. they have stuff like
    #HEAD#
    <title>#TITLE#</title>
    <link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_10/theme_V2.css" type="text/css" />
    This seems to be generating the following HTML
    <script src="/i/javascript/htmldb_html_elements.js" type="text/javascript"></script>
    <script src="/i/javascript/htmldb_get.js" type="text/javascript"></script>
    < link rel="stylesheet" href="/i/css/core_V22.css" type="text/css" />
    < ! -- [ if IE]><link rel="stylesheet" href="/i/css/core_ie_V22.css" type="text/css" /><![endif]-->
    < link rel="stylesheet" href="/i/themes/theme_10/theme_V2.css" type="text/css" />
    Version 3.1.2 seems to have changed stuff around. I tried creating symbolic links from htmldb_html_elements.js -> apex_3_1.js and htmldb_get.js -> apex_get_3_1.js and this got me past the Undefined errors but now I get 'apex is not defined'.
    Is there a quick way to upgrade all the applications to the new way of doing things? I am not looking forward to modifying all my page templates!
    Help!
    Thanks

    Sorry, my fault, my database got refreshed from one containing Apex v 2.2.1 without my knowledge and the OHS images folder was still pointing to the that from the 3.1.2 distribution. This was causing the problem. When I upgraded Apex to v3.1.2 again, everything is back to normal.
    The #HEAD# substitution string in my page templates automatically pulls in the appropriate JS/CSS libraries
    <script src="/i/javascript/apex_ns_3_1.js" type="text/javascript"></script>
    <script src="/i/javascript/apex_3_1.js" type="text/javascript"></script>
    <script src="/i/javascript/apex_get_3_1.js" type="text/javascript"></script>
    <script src="/i/javascript/apex_builder.js" type="text/javascript"></script>
    <link rel="stylesheet" href="/i/css/apex_3_1.css" type="text/css" />
    < ! -- [ if IE ]><link rel="stylesheet" href="/i/css/apex_ie_3_1.css" type="text/css" /><![endif]-->
    <link rel="stylesheet" href="/i/themes/theme_10/theme_V2.css" type="text/css" />
    Sorry for the false alarm
    Thanks

  • Java Swing/AWT and FX is so old school! Give me HTML and CSS for GUI!

    Dear Java,
    I am a seasoned programmer and I feel it's time JAVA implements a GUI system where it uses HTML and CSS for the GUI. For the love of god just look at the interfaces you can make using HTML and CSS alone. I am a big fan of Java Swing and the recent GUI designer for FX is quite cool. But they are just not as simple as HTML and CSS. And JavaFX has some interesting requirements for the graphics.
    I know it is possible to use JavaFX and implement the WebView/WebDriver and make it load a HTML page, etc... but why go through all the trouble?
    Just imagine... if you make Java where it has powerful back-end to do what it does best and the HTML/CSS powered GUI on the front-end. It will make the lives of many developers much much easier.
    I am not sure whether a Swing designed GUI will be faster than a HTML designed GUI... but if you look at a traditional browser and how fast it renders HTML/CSS, I am sure if Java had a native Form where it uses HTML and CSS to render the GUI, Java will make the dreams of many programmers a reality.
    Make it happen!!!!

    Check this i solve problem just now using this
    https://wiki.archlinux.org/index.php/Ja … ow_Manager

  • HTML and CSS Best Practices for Eloqua?

    Hello Topliners Community,
    My name is Ben and I am a Web Designer. I am currently looking for any guidance on HTML and CSS best practices when working with Eloqua. I am interested in the best practices for e-mail and landing pages.
    Thank you,
    Ben

    Personally I like to upload my custom created html/css into Eloqua instead of using the WYSIWYG.
    But if you must then right clicking on text boxes and click edit source is the way to go.
    There was a good discussion on editing your forms with CSS:
    Energize Your Eloqua10 Forms with CSS
    created by Ryan Wheler on Nov 2, 2012 8:44 AM, last modified by Greg Stotler on Sep 19, 2013 2:00 PM
    Version 2
    CSS can be used to heavily customize the layout of forms in Eloqua10.  In this article we will provide sample cover some common formatting use cases on Eloqua10 Landing Pages.  Further details about uses of CSS in Eloqua10 form templates can be found here: EE12 - Do It - Eloqua - Energize E10 Forms
    Eloqua10 Forms HTML Structure
    Below is an outline of the structure of the HTML generated by Eloqua when a form is added to a landing page.  By targeting the HTML classes highlighted below, we can control the layout of any form on your landing page.
      For the rest of page: http://topliners.eloqua.com/docs/DOC-3015

  • HTML layout and CSS handling in CQ5

    OK...so this may sound like a newbie question...because it is.  Kinda.
    I'm new to CQ5 but am an experienced web developer.  CQ5 doesn't appear to provide tools to layout of web pages (html tags, divs, css styling, ...).  I'm comfortable doing this by hand, but that seems rather old school in the days of Dreamweaver and such.
    What layout/design tools do you recommend for creating HTML and CSS pages for use in CQ5?  I have wireframes in-hand and ready to translate to HTML.
    Thanks!

    None of the enterprise content management systems that I've used, including CQ, provide WYSIWYG tools for building the layouts/templates of the site.
    I always build complete static versions of the designs/wireframes by hand entirely outside of CQ.  I prefer Textmate, but of course you can use whatever visual tool you prefer.  After the static HTML passes muster it then needs to be integrated, by hand, into CQ in the form of page and content components.  This is generally straightforward (depending on the design).
    CQ 5.5 does give you the Site Importer to help bring an existing page (or set of pages) into CQ which it then breaks up into the beginnings of a project, but in reality the developer will still need to break that up even further anyway.  Applying this integration by hand from the ground up will likely give you better control and awareness of what's going on in your project. Letting to much "magic" happen behind a slick wizard or WYSIWYG won't help you when something (inevitably) needs debugging and dissection.
    Having said all this, since the Adobe acquisition of CQ, I wouldn't be surprised if there was some kind of Dreamweaver plugin in the works for connecting to CQ!
    Good luck!

  • Html and CSS in JEditorPane

    I have been working with Velocity to produce dynamic HTML and displaying the results with the JEditorPane. I have been searching for an article or tutorial that talks about the JEditorPane (HTML and CSS related), but nothing has come up (I also did a quick search in this forum).
    I would like to know what is JEditorPane capable of doing in terms of displaying HTML with CSS, and how do you set it up.
    If JEditorPane is not the best option with HTML that has positioning in CSS, can somebody suggest something else that has better support for CSS than JEditorPane?
    I would greatly appreciate any response (Any suggestion or links to additional information will be great too!)
    Thanks,
    Victor Gutierrez

    I would like to know what is JEditorPane capable of
    doing in terms of displaying HTML with CSS, and how
    do you set it up. JEditorPane has no support for CSS
    If JEditorPane is not the best option with HTML thatit's not
    has positioning in CSS, can somebody suggest
    something else that has better support for CSS than
    JEditorPane?Search google for 'JDIC' find the WebBrowser component
    I would greatly appreciate any response (Anylet's not get carried away here
    suggestion or links to additional information will be
    great too!)
    Thanks,
    Victor Gutierrez

  • Tools for validate HTML and CSS Error in DW?

    Hello Guys,
    Want to know any addon or menu tool in Dreamweaver to validate HTML and CSS error.
    Because every time i have to check in w3c validation. If DW having in this options it wouldbe great to develop website with out error.
    Please let me know your suggestion for that.
    Cheers
    Abdul
    www.ilearnsmart.com
    www.whitehouseit.com

    DW does provide tools to help with validation:
    http://articles.sitepoint.com/article/dreamweaver-8-standards/1
    http://www.adobe.com/support/dreamweaver/htmljava/migrating_hs_to_dwmx/migrating_hs_to_dwm x06.html
    I find it a bit more comfortable though to use teh W3 Validator and I always access that with the Firefox Browser and the Web Developer plug-in.  Another good plug in for FF is Firebug.
    Martin

Maybe you are looking for

  • How to use a Work Repository when type is set to 'Execution' ?

    Hi All, I was just trying my hand at importing and exporting work repositories , I need to know how we can use a certain work repository when its type is set to 'Execution' I want to import some packages (which are in some other Work repository ) int

  • Deleting Inbound deliveries.

    Hi, I am trying to mass delete some inbound deleveries. They all have Article and header Goods Movement status "A". However when i try to delete them i get an error message No VL 111 tat says "The goods movement status (partially or completely proces

  • What happens when a program name is typed on the command line?

    I mean I know what HAPPENS but I need to know the sequence of events. How would I describe it? i.e. java MyProg

  • Russian language keyboard

    Just got a brand new iPod Touch 4G. I need to use the Russian language on it and have setup the keyboard to have access to the russian cyrillic alphabet. The BIG problem is that 2 characters are missing from the cyrillic alphabet. Apple where is the

  • IDVD 4 says iMovie is too big

    I am taking my VHS home movies and converting them to DVD via iMovie and iDVD. I have been putting four tapes (they are short) on one DVD. The longest total amout of time for any four tapes combined is about 90 minutes. I've done about six so far all