Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di JAEP
    Registrato dal
    Jan 2004
    residenza
    Treviso
    Messaggi
    421

    problema di eriditarietà

    Salve,
    devo impostare tutti i link di un div con un determinato stile....

    codice:
    <div class="prova">
    prova
    </div>
    per far questo ho impostato il css, così

    codice:
    .prova
    {
    }
    
    .prova a
    {
    }
    
    .prova a: link
    {
    }
    Se al posto di una classe, uso un ID, invece, funziona...

    codice:
    #prova
    {
    }
    
    #prova a
    {
    }
    
    #prova a: link
    {
    }
    dove sbaglio???
    Tutte le leggi umane, non quelle divine, sono il risultato di uno sforzo di uomini. Altri uomini vengono, modificano, aboliscono, perfezionano. Non ci vuole nulla ad abolire. Distruggere è facile, ma ricostruire è difficile.

  2. #2
    Intanto non devono esserci spazi tra il nome della pseudo-classe e i due punti (":"), quindi invece di a: link occorre scrivere a:link.

    In secondo luogo, il problemi che proponi sembra davvero strano, quindi dovresti darci ulteriori informazioni.

  3. #3
    Sto costruendo una pagina in cui i link dentro alla classe "boxtre" hanno certe caratteristiche..
    A me va tutto benone e la mia parte di css è questa:

    .boxtre{
    background-color: #CCC;
    color:#000;
    width:165px;
    height:70px;
    line-height:70px;
    border-width:0px 1px 1px 0px;
    border-style: solid;
    border-color: #FFF;
    padding: 1px;
    float:left;}

    .boxtre a{
    color: #000;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;}

    .boxtre a:hover{
    text-decoration:underline;}

    Ti è d'aiuto?
    Cago sui rovi della vita!

  4. #4
    Utente di HTML.it L'avatar di JAEP
    Registrato dal
    Jan 2004
    residenza
    Treviso
    Messaggi
    421
    Ok...posto il css..

    codice:
    #latosx
    {
    	border-right: #ccccff 1px solid;
    	padding-right: 0px;
    	border-top: #ccccff 1px solid;
    	padding-left: 0px;
    	float: left;
    	padding-bottom: 0px;
    	margin: 0px;
    	border-left: #ccccff 1px solid;
    	width: 15%;
    	padding-top: 0px;
    	border-bottom: #ccccff 1px solid;
    	background-color: #eeeeee;
    }
    
    #testata_latosx
    {
    	padding:7px;
    	font-weight: bold;
    	color: #ffffff;
    	background-color: #3366ff;
    }
    
    .sezione_latosx
    {
    	padding-right: 5px;
    	border-top: #ffffff 3px solid;
    	padding-left: 5px;
    	font-weight: bold;
    	padding-bottom: 5px;
    	color: #ffffff;
    	padding-top: 5px;
    	background-color: #3399ff;
    }
    
    .link_latosx
    {
    	padding: 5px;
    	border-top: #ffffff 1px solid;
    	display: block;
    	background-color: #f2eeff;
    }
    
    
    #latosx a:link{
    	color: White;
    	text-decoration: none;
    }
    
    #latosx a:visited{
    	color: White;
    	text-decoration: none;
    }
    
    #latosx a:hover{
    	color: yellow;
    	border-bottom: none;
    }
    
    .link_latosx a
    {
    	color:yellow;
    }
    
    
    .link_latosx a:link
    {
    	color:yellow;
    }
    
    .link_latosx a:visited
    {
    	color:yellow;
    }
    ...e l'HTML

    codice:
    <div id="latosx">
      <div id="testata_latosx">
        Profilo personale
       </div>
    
       <div class="sezione_latosx">Impostazioni</div>
    
       <div class="link_latosx">
          Dati personali
        </div>
    </div>
    Tutte le leggi umane, non quelle divine, sono il risultato di uno sforzo di uomini. Altri uomini vengono, modificano, aboliscono, perfezionano. Non ci vuole nulla ad abolire. Distruggere è facile, ma ricostruire è difficile.

  5. #5
    Io passo la palla... davvero non so... a parte quel href="#" non mi viene in mente altro.. Insomma tu dici che non ti funzionano solo quelli per la classe link_latosx, se non ho capito male... mah
    Cago sui rovi della vita!

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.