Visualizzazione risultati 1 fino 10 di 10

Discussione: css uguali ma non funzionano

  1. #1
    Guest

    Predefinito css uguali ma non funzionano

    Secondo voi questi 2 css non sono la stessa cosa? Uno esterno e uno in linea. Quello in linea funziona, quello esterno fa sballare tutto


    Codice PHP:
    .carrello {
    width: auto;
    height: auto;
    border: 0px solid green;
    }

    <
    div class="carrello"><img style="width:147px; height:29px;" src="immagini/button.png" alt="Carrello" title="Aggiungi al carrello"></div>
    Codice PHP:
    <div style="width:auto; height:auto; border: 0px solid green;"><img style="width:147px; height:29px;" src="immagini/button.png" alt="Carrello" title="Aggiungi al carrello"></div>
    Ultima modifica di gruppoalveo : 29-08-2014 alle ore 22.25.14

  2. #2
    mexonline non è connesso Utente giovane
    Data registrazione
    31-05-2014
    Messaggi
    70

    Predefinito

    Ma quello esterno è nella stessa pagina del botone? Potresti richiamare la pagina esterna con lo style male
    Usi class="carrello" per cambiare lo stile sul bottone? Se usi id="carrello" non và

    Domani sul computer provo io ma che differenza ti dà di preciso?

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da mexonline Visualizza messaggio
    Ma quello esterno è nella stessa pagina del botone? Potresti richiamare la pagina esterna con lo style male
    Usi class="carrello" per cambiare lo stile sul bottone? Se usi id="carrello" non và

    Domani sul computer provo io ma che differenza ti dà di preciso?
    Certo che uso class, si vede. Il file dei css è esterno e lo richiamo perché ho tanti item da formattare

  4. #4
    mexonline non è connesso Utente giovane
    Data registrazione
    31-05-2014
    Messaggi
    70

    Predefinito

    Quei due codici in linea o esterni sono uguali, potresti avere un div { } che cambia lo stile questi potrebbero essere errori, altro non saprei..

    Se puoi posta il codice che usi, ma che problemi riscontri che non hai con lo stile in linea?
    Ultima modifica di karl94 : 30-08-2014 alle ore 00.09.51

  5. #5
    Guest

    Predefinito

    Citazione Originalmente inviato da mexonline Visualizza messaggio
    Se puoi posta il codice che usi, ma che problemi riscontri che non hai con lo stile in linea?
    In un qualche modo ho risolto, ho tolto il div e ho lasciato solo <img style…>, però è strano.

  6. #6
    mexonline non è connesso Utente giovane
    Data registrazione
    31-05-2014
    Messaggi
    70

    Predefinito

    Si ma se ti sposta il div o ti applica un altro stile da quello che vuoi forse perche se prima metti

    Codice:
    .classe {
    }
    E qualche riga in basso un

    Codice:
    div {
    /* Con un altro stile generale per tutti i div */
    }
    Il div prende lo stile del secondo selettore

    Il div dovrebbe assumere l'ultimo stile che lo riguarda.. per questo il div fa quel che dici solo se metti lo stile in linea
    Ultima modifica di karl94 : 30-08-2014 alle ore 00.10.58 Motivo: Unione messaggi consecutivi

  7. #7
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    Citazione Originalmente inviato da mexonline Visualizza messaggio
    Si ma se ti sposta il div o ti applica un altro stile da quello che vuoi forse perche se prima metti

    Codice:
    .classe {
    }
    E qualche riga in basso un

    Codice:
    div {
    /* Con un altro stile generale per tutti i div */
    }
    Il div prende lo stile del secondo selettore

    Il div dovrebbe assumere l'ultimo stile che lo riguarda.. per questo il div fa quel che dici solo se metti lo stile in linea
    In generale è vero, le proprietà specificate possono sempre venire "sovrascritte", ma l'esempio è scorretto. Ci sono precise regole sulla priorità con le quali le regole CSS vengono applicate, e queste dipendono unicamente dal selettore della regola (e dall'uso o meno della dichiarazione mediante !important).
    Il ragionamento dietro questo è: più un selettore è specifico, maggiore sarà la sua precedenza. Nell'esempio che hai fatto usi un selettore mediante classe ed uno mediante nome di elemento, il primo è più specifico ed ha maggiore priorità, dunque l'ordine in cui vengono inserite le regole nel foglio di stile non è influente. Lo sarebbe se i selettori avessero la medesima priorità.
    Per calcolare questa è sufficiente leggere le specifiche.

    In ogni caso, il metodo più rapido per capire dove sta il problema è usare gli strumenti per sviluppatori messi a disposizione dai moderni browser: selezionando l'elemento interessato è possibile vedere tutte le regole CSS applicate e le relative proprietà, anche quelle che sono state sovrascritte da regole più specifiche.

  8. #8
    mexonline non è connesso Utente giovane
    Data registrazione
    31-05-2014
    Messaggi
    70

    Predefinito

    Capisco, ma i due esempi scritti da gruppoalveo all'inizio sono due metodi uguali per lo stile di un div sia scritto esterno alla pagina, interno alla pagina o in linea nel div che lo riguarda quindi quale potrebbe essere il motivo che il div non gli aplica lo stille esterno ma fa funzionare quello scritto in linea?

  9. #9
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    Forse c'è qualche regola CSS che prende la precedenza, ma può anche essere qualche altro problema. Difficile dirlo senza osservare la pagina in questione.
    Gruppoalveo: se ne può avere l'indirizzo, o perlomeno il codice completo?

  10. #10
    NLSweb non è connesso Altervistiano Junior
    Data registrazione
    17-01-2014
    Messaggi
    658

    Predefinito

    Scusate se mi intrometto..
    ho provato i codici del post#1 , e non riscontro alcuna differenza..

    quindi non è nel codice in se il problema , ma o nella struttura HTML o in un JS
    come giustamente dice karl94 , avendo il codice o i link si può verificare con certezza dove risiede il problema.

    ..inoltre che differenza "visiva" riscontri tra i due metodi ?

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •