Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    liste di div ed ereditarietà delle proprietà css

    ciao forum,

    la prima domanda, che senza risposta affermativa blocca il resto è:
    può una lista contenere div che al loro interno hanno un id, una class ed un javascript (onClick="Funzione") ?

    Se la risposta è si, esiste un modo per cui le proprietà che dò alla lista nel css vengano ereditate dai singoli div in essa contenuti?

    Se anche qui la risposta è si, come si fa...?

    grazie, ciao
    P.

  2. #2
    La prima domanda è chiara e la risposta è sì.
    La seconda domanda non è molto chiara...
    Nel caso in cui tu voglia applicare un determinato stile ai div contenuti nella lista, si fa in questo modo (supponendo di avere un ul con id="elenco"):

    codice:
    ul#elenco div {
    ... /* inserire le regole css */
    }
    Nel caso non sia questo che vuoi ottenere, spiega in maniera più dettagliata.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    249

    Re: liste di div ed ereditarietà delle proprietà css

    Originariamente inviato da dosankos
    ciao forum,

    la prima domanda, che senza risposta affermativa blocca il resto è:
    può una lista contenere div che al loro interno hanno un id, una class ed un javascript (onClick="Funzione") ?

    Se la risposta è si, esiste un modo per cui le proprietà che dò alla lista nel css vengano ereditate dai singoli div in essa contenuti?

    Se anche qui la risposta è si, come si fa...?

    grazie, ciao
    P.
    possibile lo è, ma vedere un div dentro una lista non è proprio carino
    perchè non esponi nei dettagli cosa vuoi fare? magari si può trovare una soluzione stilisticamente più bella


  4. #4
    ciao ragazzi
    Intanto grazie!
    rispondo ad entrambi:

    @codencode:
    si la cosa che volevo fare è più o meno quella descritta da te e proprio oggi penso di averla risolta con una soluzione analoga (non so però se ho la ul con id="elenco")

    @roberto763: si immagino che non sia bellissimo da vedere, si fa di tutto per "semplificare" i codici e poi io me li complico da solo inserendo div dentro liste...

    X entrambi:
    provo a postare il codice che oggi ho risolto così ma che, come dice roberto, non è bellissimo da vedersi... e che in ogni caso probabilmente funzionerebbe meglio con l'id="elenco" citato da codencode

    Magari con il vostro aiuto riesco a fare qualcosa di più decente e "digeribile" dai browser...

    grazie, ciao
    P.

    codice:
     
    <body>
    <div id="nav">
            
            <ul>[*] <div id="Home" class="" onClick=" ">Home</div>[*] <div id="About" class="" onClick=" ">About</div>[*] <div id="Portfolio" class="" onClick=" ">Portfolio</div>[*] <div id="Contact" class="" onClick=" ">Contact</div>[/list]
                
    </div>
    </body>
    relativo css

    codice:
    #nav {
    	background-color:#333;
    	width:800px;
    	height:40px;
    	display:table;	
    }
    
    
    #nav ul {
    	list-style-type:none;
    	margin:0 auto;
    	display:table-cell;
    	vertical-align:middle;
    }
    
    #li {
    	float:left;
    	width:75px;	
    }
    
    #nav ul li {
    	float:left;
    	font-size:15px;
    }
    
    #nav ul li div {
           color:#FFFFFF;
           text-decoration:none;
           padding:5px 10px;
           display:block;
    }
    
    #nav ul li:hover div {
           text-decoration: underline;
    }

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    249
    per pensare ad una soluzione alternativa ti chiedo come lo vuoi usare questo codice?
    quali sarebbero le funzioni?

  6. #6
    ciao roberto,

    grazie dell'interessamento ma delle funzioni so solo che sono dei javascript, di più al momento non mi è dato sapere...

    ciao
    P.

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.