• User

    css non visualizzato su firefox ma sugl' altri browser si:(

    problema:css non visualizzato su firefox ma sugl' altri browser si:(
    come mai?
    il css non viene visualizzato : sul menù e la slider .
    come vedo fare per farlo visualizzare sugl' altri browser?
    grazie


  • User Attivo

    Postare il codice e il link aiuterebbe 😉


  • User

    **grazie per la risposta:) non è un link perchè questo sito lo sto creando con il block notes 🙂
    meis il menù è composto di + di 200 rige di codici 😉
    quello del css eccolo:

    <link href="D:\max\sito\menù\menuTemplate4.css" rel="stylesheet" type="text/css"/>
    <script src="D:\max\sito\menù\cssmenu.htc.js" type="text/javascript"></script>
    quello della slider:
    <link href="D:\max\sito\js-image-slider.css" rel="stylesheet" type="text/css" />
    <script src="D:\max\sito\js-image-slider.js" type="text/javascript"></script>

    dimmi la parte che vuoi che che vedo postare 🙂

    **


  • User Attivo

    Intanto ti sconsiglio di farti cartelle con caratteri "speciali", tipo le lettere accentate. Potrebbero esserci errori nella lettura della cartella.
    Prova a cambiare questa cosa (e ovviamente anche i richiami alla cartella) e vedi se così funziona, nel caso, se non dovesse funzionare, postami il codice di menuTemplate4.css e relativa pagina HTML/php


  • User

    ok ma non è su internet quindi ti posto i codici:menuTemplate4.css:/* top level--------------------------------------------/.menuTemplate4{ / You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values. For detailed instruction please visit .menucool.com/horizontal/change-menu-alignment / margin: 0 auto; width: auto;float:left; /following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it./ /Note: htc file path(if using relative path) inside the CSS file should be relative to the page, not to the CSS file (this is unlike image path inside the CSS that is relative to the CSS file location only). So we recommend using the absolute path for the behavior file./ behavior: url("/horizontal/menuh/cssmenu.htc"); position:relative; z-index:4; height: 36px; background: #D4D4D4 url(bg.gif); border: 1px solid #036; font-family: Arial, Helvetica, sans-serif; list-style: none; padding: 0;}.menuTemplate4 li{ padding: 0; float: left; height: 36px; position: relative;/delete it if you want submenu to be positioned relative to the whole menu instead of this li element/ color: black; z-index:5;}.menuTemplate4 li:hover, .menuTemplate4 li.onhover{ border-top:1px solid #CC0000;}.menuTemplate4 a{ padding: 0 30px; line-height: 35px; /Note: keep this value the same as the height of .menuTemplate4 li / font-size: 12px; font-weight: bold; display: inline-block; outline: 0; text-decoration: none; color: white; position: relative;}.menuTemplate4 li:hover a, .menuTemplate4 li.onhover a{ background-color: white; color: #000; z-index: 9;}.menuTemplate4 a.arrow{ background: url(arrow.gif) no-repeat right center;} /Used to align a top-level item to the right/ .menuTemplate4 li.menuRight{ float: right; margin-right: 0px;} /for the top-level separators/.menuTemplate4 li.separator{ display:none;} / sub level--------------------------------------------/ .menuTemplate4 .drop{ position: absolute; z-index:5; left: -9999px; border: 1px solid #DDD; border-bottom:3px solid #990000; background: #FFF; text-align: left; padding: 20px; color:#0F4F89; top:34px; }.menuTemplate4 .drop a{ padding-left: 0px; padding-right: 0px; line-height: 26px; font-size: 12px; font-weight: normal; display: inline; text-align: left; position: static; z-index: 0; background-image:none;}.menuTemplate4 li:hover .drop, .menuTemplate4 li.onhover .drop{ left: -1px;/Use this property to change offset of the dropdown/ background:white url(bg-right.png) no-repeat right bottom;}.menuTemplate4 li:hover .dropToLeft, .menuTemplate4 li.onhover .dropToLeft{ left: auto; right: -1px; background:white url(bg-left.png) no-repeat 0 bottom;}.menuTemplate4 li:hover .dropToLeft2, .menuTemplate4 li.onhover .dropToLeft2{ left: auto; right: -60px;}/ Elements within the drop down sub-menu--------------------------------------------/.menuTemplate4 div.drop div div{ padding: 6px 20px;}.menuTemplate4 li:hover .drop a, .menuTemplate4 li.onhover .drop a{ background: none; background-image:none; padding:0 0;}.menuTemplate4 div.drop div a{ line-height: 24px; color: #0F4F89; background:none;}.menuTemplate4 div.drop div a:hover{ text-decoration:underline; cursor:pointer; color:Red;}.menuTemplate4 div.left {float:left;} / CSS3 effects--------------------------------------------*//for top-level/ .decor4_1 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 1px 4px #999; -webkit-box-shadow: 0px 1px 4px; box-shadow: 0px 1px 4px; }/for submenu./ .decor4_2 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 4px 10px #CCC; -webkit-box-shadow: 0 4px 10px; box-shadow: 0 4px 10px; }

    [/HR] pagina html:
    <link href="D:\max\sito\menù\menuTemplate4.css" rel="stylesheet" type="text/css"/>
    <script src="D:\max\sito\menù\cssmenu.htc.js" type="text/javascript"></script>
    <hr size="1">
    <body>
    <ul class="menuTemplate4 decor4_1" license="3">
    <li><a href="#index.html">max</a></li>
    <li class="separator"></li>
    <li><a href="#Horizontal-Menus" class="arrow">ciao</a>
    <div class="drop decor4_2" style="width: 640px;">
    <div class='left'>


  • User

    ovviamente questo è il menù .
    la sidebar:
    html:

    <div align="center">
     <head>
    <link href="D:\max\sito\js-image-slider.css" rel="stylesheet" type="text/css" />
    <script src="D:\max\sito\js-image-slider.js" type="text/javascript"></script>
    

    </head>
    <body>
    <div id="slider">
    <img src="slide-1.jpg" alt="prova" />
    <img src="slide-2.jpg" alt="Caption for slide 5" />
    <img src="slide-3.jpg" alt="Caption for slide 5" />
    <img src="slide-4.jpg" alt="Caption for slide 5" />
    <img src="slide-5.jpg" alt="Caption for slide 5" />
    <img src="slide-6.jpg" alt="Caption for slide 5" />
    </div>
    </body>
    </div>
    css:

    #sliderFrame {position:relative;width:700px;margin: 0 auto;} /remove the "margin:0 auto;" if you want to align the whole slider to the left side/

    #ribbon {width:111px;height:111px;position:absolute;top:-4px;left:-4px;background:url(ribbon.png) no-repeat;z-index:7;}

    #slider {
    width:700px;height:306px;/* Make it the same size as your images */
    background:#fff url(loading.gif) no-repeat 50% 50%;
    position:relative;
    margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999;
    }
    img {
    position:absolute;
    border:none;
    display:none;
    }

    /* the link style (if an image is wrapped in a link) */
    a.imgLink {
    z-index:2;
    display:none;position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
    }

    /* Caption styles */
    div.mc-caption-bg, div.mc-caption-bg2 {
    position:absolute;
    width:100%;
    height:auto;
    padding:0;
    left:0px; /if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;/
    bottom:0px;/if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;/
    z-index:3;
    overflow:hidden;
    font-size: 0;
    }
    div.mc-caption-bg {
    background-color:black;
    }
    div.mc-caption {
    font: bold 14px/20px Arial;
    color:#EEE;
    z-index:4;
    padding:10px 0;/Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg)./
    text-align:center;
    }
    div.mc-caption a {
    color:#FB0;
    }
    div.mc-caption a:hover {
    color:#DA0;
    }

    /* ------ built-in navigation bullets wrapper ------/
    div.navBulletsWrapper {
    top:320px; left:280px; /
    Its position is relative to the */
    width:150px;
    background:none;
    padding-left:20px;
    position:relative;
    z-index:5;
    cursor:pointer;
    }

    /* each bullet /
    div.navBulletsWrapper div
    {
    width:11px; height:11px;
    background:transparent url(bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/
    distance between each bullet*/
    _position:relative;/IE6 hack/
    }

    div.navBulletsWrapper div.active {background-position:0 -11px;}

    /* --------- Others ------- */

    {
    transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    }


  • User Attivo

    Non avevo fatto caso che avessi risposto, scusa il ritardo.

    Firefox non legge NESSUN CSS o non legge alcune parti? Solo nella tua pagina o anche in altri siti? Facendolo partire in modalità provvisoria il problema si risolve? Hai installato add-on tipo facemoods che fanno andare a banane FF?


  • User

    firefox non legge nulla, solo il codice html,non ho installato nessun add-on