Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di dftv
    Registrato dal
    Jul 2004
    Messaggi
    234

    [CSS] problemi coi link

    Ho creato un menu' di un sito utilizzando i fogli di stile. Ora nel frame superiore vorrei aggiungerci un banner, ma giustamente mi eredita le stesse impostazioni riservate ai link. Ad esempio, lo asfonfo al passaggio del mouse, le dimensioni, i bordi. Esiste un tag che disabilita lo style per qualche riga di codice? Altrimenti dovrei usare Flash ma vorrei evitarlo. Grazie.

  2. #2

  3. #3
    Utente di HTML.it L'avatar di dftv
    Registrato dal
    Jul 2004
    Messaggi
    234
    Questa è parte della pagina html:
    codice:
    <TABLE class="up" align="center" width="100%">
      <TR>
    	<TD></TD>
    	<TD class="logo" align="center"></TD>
    	<TD></TD>
      </TR>
    </TABLE>
    <table align="center" border="0">
      <tr>
    	<td class="spazio"></td>
      </tr>
    </table>
    <table align="center" border="0">
      <tr>
        <td class="scelta">home page</TD>
       	<td class="spazio"></TD>
    	<td class="scelta">chi siamo</TD>
       	<td class="spazio"></TD>
        <td class="scelta">dove siamo</TD>
      	<td class="spazio"></TD>
        <td class="scelta">prodotti</TD>
    	<td class="spazio"></TD>
        <td class="scelta">servizi</TD>
    	<td class="spazio"></TD>
    	<td class="scelta">contatti</TD>
      </tr>
    </table>
    E questo è parte del foglio di stile:
    codice:
    BODY {
    	MARGIN: 0px; scrollbar-arrow-color:#ffcc99; scrollbar-base-color:#6699CC; l
    }
    TABLE.up {
    	BACKGROUND-IMAGE: url(img/sfondo.jpg); MARGIN: 0px; BORDER-COLLAPSE: collapse
    }
    TABLE.tabella {
    	WIDTH: 720px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; BORDER-COLLAPSE: collapse; text-align: center
    }
    IMG {
    	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
    }
    TD.spazio {
    	WIDTH: 10px; HEIGHT: 2px; TEXT-ALIGN: center
    }
    TD.scelta {
    	WIDTH: 90px; TEXT-ALIGN: center
    }
    TD.logo {
    	WIDTH: 380px; HEIGHT:60 ; BACKGROUND-IMAGE: url(img/logo.gif)
    }
    A {
    	BORDER-RIGHT: #0033cc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #0033cc 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #0033cc 1px solid; COLOR: #0033cc; PADDING-TOP: 5px; BORDER-BOTTOM: #0033cc 1px solid; FONT-FAMILY: Verdana; FONT-VARIANT: small-caps; TEXT-DECORATION: none
    }
    A:hover {
    	BORDER-RIGHT: #0033cc 1px solid; BORDER-TOP: #0033cc 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #0033cc 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #0033cc 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffcc99; FONT-VARIANT: small-caps; TEXT-DECORATION: none
    }
    Il banner in questione vorrei aggiungerlo nella quinta riga della pagina html ma, essendo un link ad un'altra pagina, mi erediterebbe le proprietà del link specificato nel foglio di stile css ( A { ... } e A:hover { ... } ).
    Spero di essermi spiegato...grazie ancora

  4. #4
    Per i link contenuti nelle tabelle usa

    table a {
    // stili
    }

    table a:hover {
    // stili
    }

    Per fare il banner potresti metterlo in div con id="banner", e i link al suo interno

    #banner a {
    // stili
    }

    #banner a:hover {
    // stili
    }

  5. #5
    Utente di HTML.it L'avatar di dftv
    Registrato dal
    Jul 2004
    Messaggi
    234
    Funziona Grazie mille. ciao

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.