Visualizzazione dei risultati da 1 a 8 su 8

Hybrid View

  1. #1
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Quando si usano per degli elementi dei selettori discendenti, ma poi si sovrascrivono le impostazioni con altre regole che non fanno uso di selettori discendenti possono generarsi questi problemi. Dovresti dunque avere:

    .class1 .class2 {width:30%}

    Ma in realtà non ti servono due regole per formattare uno stesso elemento, quindila larghezza potrebbe andare direttamente in .classe1 div

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    330
    Quote Originariamente inviata da Prill Visualizza il messaggio
    Quando si usano per degli elementi dei selettori discendenti, ma poi si sovrascrivono le impostazioni con altre regole che non fanno uso di selettori discendenti possono generarsi questi problemi. Dovresti dunque avere:

    .class1 .class2 {width:30%}

    Ma in realtà non ti servono due regole per formattare uno stesso elemento, quindila larghezza potrebbe andare direttamente in .classe1 div
    Grazie per la risposta, ma io vorrei che classe1 prendesse tutta la larghezza disponibile quindi 100%...nel modo che mi suggerisci tu potrebbe funzionare lo stesso?

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    330
    Quote Originariamente inviata da rb10 Visualizza il messaggio
    Grazie per la risposta, ma io vorrei che classe1 prendesse tutta la larghezza disponibile quindi 100%...nel modo che mi suggerisci tu potrebbe funzionare lo stesso?
    adesso ho creato questo e sembrerebbe funzionare

    .classe1 { width: 100%}
    .classe1 div { float:left; width: 32.7%; margin-right: 0.63%; background-color:#F00}


    @media (max-width: 720px) {

    .classe1 div { float:left; width: 100%; margin-right: 1%; background-color:#F00; margin-bottom: 5px}
    }


    PS: ti voglio fare una domanda, esiste un modo per scrivere un codice CSS per Explorer 10 e 11?
    Con le versioni precedenti si poteva fare, ma queste nuove pare non supportino più i commenti condizionali.

    grzie

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    330
    Quote Originariamente inviata da rb10 Visualizza il messaggio
    adesso ho creato questo e sembrerebbe funzionare

    .classe1 { width: 100%}
    .classe1 div { float:left; width: 32.7%; margin-right: 0.63%; background-color:#F00}


    @media (max-width: 720px) {

    .classe1 div { float:left; width: 100%; margin-right: 1%; background-color:#F00; margin-bottom: 5px}
    }

    se invece volessi creare un div del 33% ed uno del 66% in che modo sarebbe possibile?

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