Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 27
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541

    "strana" spaziatura sull'header - come mai ?

    Salve a tutti...

    ho un "dilemma" da risolvere.....

    Come si evince dalla foto non riesco a far sparire la spaziatura che si vede SOLO in alcuni browser, mentre (sotto) su Explorer 10 si vede correttamente.

    Il codice (segnato in neretto) è il punto esatto dove è collocata l'immagine in testata e sotto il menu.... mi sapete spiegare il motivo di questa assurda spaziatura ?





    codice:
    <?php if($browser == "ie7" && $s5_menu != "5") { ?>
    <script type="text/javascript" src="<?php echo $LiveSiteUrl ?>templates/game_crusade/js/IEsuckerfish.js"></script>
    <?php } ?>
    
    <style type="text/css"> 
    
    #s5_menu {
    background:<?php if ($s5_menu_color != "") { ?>#<?php echo $s5_menu_color ?> <?php } ?>url(<?php echo $LiveSiteUrl ?>templates/game_crusade/images/s5_menu_bg.png) repeat-x top left;
    }
    
    #s5_navv ul li.active a.active, #cboxLoadedContent div.module h3, .s5_h3_first, a, .contentheading, .componentheading, #current, #current span.s5_accordion_menu_left a.mainlevel, #current span {
    color:#<?php echo $s5_highlight ?>;
    }
    
    <?php if(!$this->countModules('bottom_row_1') && !$this->countModules('bottom_row_2') && !$this->countModules('bottom_row_3') && !$this->countModules('bottom_row_4')) { ?>
    #s5_footer {
    margin-top:-11px;
    }
    <?php } ?>
    
    <?php if(!$this->countModules('top_3')) { ?>
    #s5_top_container {
    margin-bottom:0px;
    }
    
    #s5_top_container .module_round_box {
    margin-bottom:0px;
    }
    <?php } ?>
    
    <?php if ($s5_menu  == "5") { ?>
    
    #s5_top_container {
    margin:0px;
    }
    
    #s5_top_container .module_round_box {
    margin-top:0px;
    }
    
    <?php } ?>
    
    <?php if($browser == "ie7") { ?>
    .s5_mm {
    
    background:#FEFDFA;
    filter: alpha(opacity=78);
    	
    	
    }
    <?php } ?>
    
    </style>
    
    </head>
    
    <body id="s5_body" style="background-color:#<?php echo $s5_bg ?>">
    <div id="s5_body_wrap" style="background:url('<?php echo $LiveSiteUrl ?>templates/game_crusade/images/s5_background1.jpg') no-repeat top center<?php if ($s5_bg_fixed == "fixed") { ?>; position:fixed<?php } ?>">
    </div>
    <?php if ($s5_bg_fixed == "fluid") { ?>
    <script type="text/javascript" language="javascript">
    function s5_gc_getDocHeight() {
        var s5_gc_D = document;
        return Math.max(
            Math.max(s5_gc_D.body.scrollHeight, s5_gc_D.documentElement.scrollHeight),
            Math.max(s5_gc_D.body.offsetHeight, s5_gc_D.documentElement.offsetHeight),
            Math.max(s5_gc_D.body.clientHeight, s5_gc_D.documentElement.clientHeight)
        );
    }
    function s5_gc_resize_bg() {
    s5_gc_getDocHeight();
    document.getElementById("s5_body_wrap").style.height = s5_gc_getDocHeight() + "px";
    }
    var s5_gc_resize_Interval = 0;
    s5_gc_resize_Interval = window.setInterval("s5_gc_resize_bg()",200);
    </script>
    <?php } ?>
    
    <div id="s5_main_body_wrap" style="margin-left:-<?php echo $s5_body_width/2 ?>px; width:<?php echo $s5_body_width ?>px">
    
    	
    	<div id="s5_main_wrap" style="width:<?php echo $s5_body_width ?>px">
    		<?php if ($this->countModules("top_1") || $this->countModules("top_2") || $this->countModules("top_3") || $s5_menu  <= "4") { ?>
    			<div class="s5_round_wrap">
    			
    				<div class="s5_tl"></div>
    				<div class="s5_tm" style="width:<?php echo $s5_body_width - 48 ?>px"></div>
    				<div class="s5_tr"></div>
    				
    				<div class="s5_ml" style="width:<?php echo $s5_body_width - 24 ?>px">
    				<div class="s5_mr" style="width:<?php echo $s5_body_width - 48 ?>px">
    					<div class="s5_mm" style="width:<?php echo $s5_body_width - 48 ?>px">
    					
            <div style="position:left"> 
    		
              <?php if ($s5_menu  != "5") { ?>
              <div id="s5_logo" onclick="window.document.location.href='index.php'"></div>
              <div id="s5_menu"> 
                <div id="s5_navv">   
                  <?php mosShowListMenu($menu_name);	?>
                  <?php if ($s5_jsmenu  == "s5") { ?>
                  <?php if ($s5_menu  == "1") { ?>
                  <script type="text/javascript" src="<?php echo $LiveSiteUrl ?>templates/game_crusade/js/s5_drop_in_no_moo_menu.js"></script>
                  <?php } ?>
                  <?php if ($s5_menu  == "2") { ?>
                  <script type="text/javascript" src="<?php echo $LiveSiteUrl ?>templates/game_crusade/js/s5_fading_no_moo_menu.js"></script>
                  <?php } ?>
                  <?php if ($s5_menu  == "3") { ?>
                  <script type="text/javascript" src="<?php echo $LiveSiteUrl ?>templates/game_crusade/js/s5_scroll_down_no_moo_menu.js"></script>
                  <?php } ?>
                  <?php } ?>
                  <script type="text/javascript" src="<?php echo $LiveSiteUrl ?>templates/game_crusade/js/s5_menu_active_and_parent_links.js"></script>
                </div>
                 <div style="display:none"> [img]<?php echo $LiveSiteUrl ?>templates/game_crusade/images/s5_menu_hover.png[/img]</img> 
                </div>
                <?php if ($this->countModules("login") || $this->countModules("register")) { ?>
                <div id="s5_login_wrap1"> 
                  <div id="s5_login_wrap2"> 
                    <div id="s5_login_wrap3"> 
                      <div id="s5_login_wrap4"> 
                        <div id="s5_login_wrap5"> 
                          <script type="text/javascript" language="javascript">
    										var s5_reg_width = 0;
    										var s5_login_width = 0;
    									</script>
                          <div id="s5_login_wrap_width"> 
                            <?php if ($this->countModules("register")) { ?>
                            <div id="s5_register" class="s5box_register"> <jdoc:include type="modules" name="register" style="title_only" /> 
                            </div>
                            <script type="text/javascript" language="javascript">
    												var s5_reg_width = document.getElementById("s5_register").offsetWidth;
    											</script>
                            <?php } ?>
                            <?php if ($this->countModules("login")) { ?>
                            <div id="s5_login" class="s5box_login"> <jdoc:include type="modules" name="login" style="title_only" /> 
                            </div>
                            <script type="text/javascript" language="javascript">
    												var s5_login_width = document.getElementById("s5_login").offsetWidth;
    											</script>
                            <?php } ?>
                          </div>
                          <script type="text/javascript" language="javascript">
    										document.getElementById("s5_login_wrap_width").style.width = s5_reg_width + s5_login_width + "px";
    										document.getElementById("s5_login_wrap_width").style.display = "block";
    									</script>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <?php } ?>
              </div>

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    meglio vedere la pagina dal vivo....ci passi il link?
    Per una bella risata vai QUI

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541
    Ciao...si ecco

    CLICCA

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Visualizzo il menu correttamente* in tutti i browser tranne in IE7. Per quanto riguarda quest'ultimo, non ti preoccupare...dimenticalo.

    * come postato nella foto.

    Se vuoi fare sparire lo spazio sottostante al menu, basta che cancelli

    in #s5_navv.li{height:50px;}

    e al #s5_navv a dai un altezza di 25px;

    A quanto ho evvinto, span.s5_rs e span.s5_outer_active non dovrebbero servire, ma di questo non ne sono sicuro.

    Per una bella risata vai QUI

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541
    Ciao Nobody33, grazie per la tua pazienza....

    penso di aver sistemato...

    ultima cosa che ti chiedo...

    come vedi la "barra" arancione si vede sotto la cornice....cosa che per logica dovrebbe stare sotto...

    dove dovrei agire affinché la barra arancione si veda per intero ?

    Grazie ancora per l'aiuto!

  6. #6
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    codice:
    #s5_navv li{height: 32px;}
    Per una bella risata vai QUI

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541
    mi sono fatto capire male io...

    intendo la barra (sempre nel menu) dove sono i vari link.

    Quella barra (di sfondo) si vede per un pezzo e non tutta (dovrebbe arrivare a coprire fino alla base della linea , quindi 34px può essere ok) ...

    nella foto ho segnato con le frecce cosa intendo :





    Secondo te si può formulare un codice in css per il menu che permette quanto segue :

    passando sopra sul link oltre a diventare il riquadro arancione (come ora) il testo al suo interno diventa bianco ?

    quando NON si va sopra il link rimane colore arancione (come ora) .

    quando si clicca sopra al link, la pagina risultante ha il riquadro arancione (come ora che simboleggia la pagina in cui ci si trova) ma la scritta anziché blu rimane di colore bianco ?

  8. #8
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    passando sopra sul link oltre a diventare il riquadro arancione (come ora) il testo al suo interno diventa bianco ?
    Devi agire sull' a:hover{color:#000;}

    quando NON si va sopra il link rimane colore arancione (come ora)
    E' cosi già adesso.

    quando si clicca sopra al link, la pagina risultante ha il riquadro arancione (come ora che simboleggia la pagina in cui ci si trova) ma la scritta anziché blu rimane di colore bianco ?
    a.active{color:#000;}

    Per il resto:

    puoi provare a dare una position:relative; e bottom: -9px; al div #s5_menu ma non sono sicuro se è questo che vuoi.

    Per una bella risata vai QUI

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541
    stasera mi metto e provo...

    ma per la barra che rimane lo spazio bianco ? (vedi la foto completa nell'esempio perché c'è lo scroll )

  10. #10
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541
    Ciao Nobody33, niente ci ho provato tutta stasera ma nulla.... ((

    in pratica rimane la "barra di colore blu". Quella barra dovrebbe scomparire al suo posto ci devo mettere una immagine che ovviamente termina nel bordino arancione e quindi che non rimane lo spazio sotto;

    il codice della barra che devo inserire è questo :

    background:url(../images/SFONDO_MENU.png) no-repeat top right;


    rimane anche il problema dei colori che ho provato a modificare come mi hai detto ma però l'effetto è sempre il medesimo.

    in pratica riassumendo :

    1) vai sopra al link compare il riquadro arancione ma la scritta dovrebbe essere bianca
    2) quando non si è sopra il link la scritta rimane arancione (e così infatti ora quindi va bene)
    3) quando si accede alla nuova pagina rimane il riquadro arancione (così fa ora) ma la scritta dovrebbe comparire bianca

    probabilmente diventa di colore blu in quanto il colore "pilota" anche altri link di tutto il forum, difatti anche tutti gli altri link sparsi sul forum sono di colore blu (li vanno bene così)


    mi permetto di mettere qui i 3 file che regolano la tabella :


    file 1 "TEST_index" (struttura della home quindi della testata....)


    http://vagmania.altervista.org/_alte...TEST_index.ZZZ
    (questo file devi cambiare l'estensione in .php per vederlo)


    file 2 "TEST_s5_suckerfish.css" (struttura css della testata)

    http://vagmania.altervista.org/_alte...suckerfish.css


    file 3 "TEST_template_css.css" (struttura css del sito e in parte della testata)

    http://vagmania.altervista.org/_alte...mplate_css.css

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.