Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    272

    Foglio di stile che non influisce su tutta la pagina

    Buongiorno,
    io ho creato un menù (anzi, l'ho trovato già pronto online), questo:

    codice:
    <style type="text/css">
        body {
    	margin:0;
    	padding:0;
    	font: bold 11px/1.5em Verdana;
    }
    
    h2 {
    	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    	color: #000;
    	margin: 0px;
    	padding: 0px 0px 0px 15px;
    }
     
    /*- Menu Tabs J--------------------------- */
    
        #tabsJ {
          float:left;
          width:100%;
          background:trasparent;
          font-size:63%;
          line-height:normal;
    	  border-bottom:1px solid #24618E;
          }
        #tabsJ ul {
    	margin:0;
    	padding:10px 10px 0 50px;
    	list-style:none;
          }
        #tabsJ li {
          display:inline;
          margin:0;
          padding:0;
          }
        #tabsJ a {
          float:left;
          background:url("http://djdukio.altervista.org/images/menu/tableftJ.gif") no-repeat left top;
          margin:0;
          padding:0 0 0 5px;
          text-decoration:none;
          }
        #tabsJ a span {
          float:left;
          display:block;
          background:url("http://djdukio.altervista.org/images/menu/tabrightJ.gif") no-repeat right top;
          padding:5px 15px 4px 6px;
          color:#24618E;
          }
        
        #tabsJ a span {float:none;}
        
        #tabsJ a:hover span {
          color:#FFF;
          }
        #tabsJ a:hover {
          background-position:0% -42px;
          }
        #tabsJ a:hover span {
          background-position:100% -42px;
          }
    
    </style>
    
    
    <table>
    <tr>
    <td></td>
    <td width="100%">
    <div id="tabsJ">
      <ul>[*]<span style="size: 9px;">Home Page</span>[*]<span>Music Box</span>[*]<span>Link x 1Ag</span>[*]<span>Richieste</span>[*]<span>Apple</span>[*]<span>Contattaci</span>[*]<span>Copyright ©</span>[*]<span>Altro</span>[/list]
    </div>
    </td>
    </tr>
    </table>
    e lo includo nelle pagine con la funzione include di PHP, questa:

    Codice PHP:
    <?php
    include("../menu.php");
    ?>
    il problema è che la parte di stile del menu, va a modificare tutte le scritte del sito, come posso fare per far si che la parte di stile venga applicata solo al menu e non anche al resto della pagina??

    grazie in anticipo

  2. #2
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026
    nel menu che hai scaricato il css indica regole anche per il body e per gli h2:
    codice:
        body {
    	margin:0;
    	padding:0;
    	font: bold 11px/1.5em Verdana;
    }
    
    h2 {
    	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    	color: #000;
    	margin: 0px;
    	padding: 0px 0px 0px 15px;
    }
    io proverei intanto a togliere questa prima parte dal css del menu

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    272
    Funziona, grazie 1000

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 © 2025 vBulletin Solutions, Inc. All rights reserved.