Visualizzazione dei risultati da 1 a 6 su 6

Discussione: colore sfondo e testo

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2018
    Messaggi
    7

    colore sfondo e testo

    Salve!
    Ho modificato il colore dello sfondo e del testo di una card con css, però le modifiche vengono visualizzate solo se apro il file con MicrosoftEdge, mentre con tutti gli altri browser (chrome, opera, firefox) si vede in bianco e nero. Qualcuno ha idea del perché??

  2. #2
    Se posti il codice completo forse possiamo farcene una idea
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2018
    Messaggi
    7
    codice:
    <html>
    <head>
      <title>MyTropicalIslands</title>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
      <style type="text/css">
    #image {
      float: left;
      margin-right: 10px;
    }
    
    
    #C1 {
      background: C1FFD5;
      color: 00201F;
     }
      </style>
    </head>
    <body>
    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                    <div class="card-body">
                      <div class="card-group" id="f4">
    
    
                              <div class="row">
                                <div id=C1 div class="card col-md-4">
                                  <div class="card-body">
                                    <h5 class="card-title" id="f3">Off the beaten track</h5>
                                    <p class="card-text">
                                        Maybe we are spoiled. We are running this website out of tropical Singapore,
                                        which means year-round warm temperatures at home anyway, but also countless
                                        fantastic South-east Asian travel destinations just a weekend trip away.
                                        Whether we want to jet off to Bali or Phuket, to Bangkok or Hong Kong,
                                        it is often a matter of conveniently flying off on a budget airline after work on a Friday
                                        and returning late on a Sunday.
    
    
                                        The only downside to this is that we are not the only one doing this!
                                        You can fly to Krabi or Nha Trang, but then in many places you will still spend your weekend
                                        packed like sardines on a beach, next to your neighbours back home. Long story short,
                                        sometimes you want to head off to a place with palm trees and white sand beaches but
                                        at the same time get away from the crowds as well. If that's what you are after,
                                        we have some suggestions for you (that are not just located in Asia, of course).
                                        For even more inspiration just use our Destination Search.</p>
                                  </div>
                                </div>
    
    
    
    
                                <div class="card col-md-4">
                                  <img class="card-img-top" src="beach6.jpg" alt="Fernando de Noronha" width="100%">
                                  <div class="card-body">
                                    <h5 class="card-title" id="f3">Fernando de Noronha, Brazil</h5>
                                    <p class="card-text">The first destination is an island well off the coast of Brazil
                                        in South America called Fernando de Noronha. This is a renowned eco travel destination
                                        that might just be one of the most pretty spots to visit in Brazil. But as it is pretty
                                        out of the way, the (domestic and foreign) crowds don't seem to have quite discovered it.
                                        So go here, enjoy some hiking into the rocky jungle covered interior, or enjoy the water
                                        and go swimming, surfing or diving. Take note that accomodation here is basic at best,
                                        but then that's the whole point isn't it?</p>
                                  </div>
                                </div>
    Ultima modifica di Vincent.Zeno; 11-06-2018 a 16:05

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Ciao, hai dimenticato il carattere # (cancelletto), obbligatorio, prima dei codici colore.

    codice:
    background: #C1FFD5;
    color: #00201F;


    PS: occhio quando apri le discussioni, scegli la sezione del forum più opportuna in base all'argomento che supponi di trattare. Per il CSS esiste una sezione specifica. Forse il moderatore di sezione sposterà lì la discussione ma fai attenzione in futuro. Grazie.

    PPS: occhio ai titoli usati per le proprie discussioni. Titoli generici (come in questo caso "problemi con css") solitamente portano alla chiusura della discussione senza preavviso. Vedi il regolamento di sezione tra le discussioni in evidenza. Forse il moderatore di sezione correggerà per stavolta ma fai attenzione in futuro. Grazie.

    PPPS: occhio quando posti del codice sul forum, va inserito tra gli appositi tag [CODE] e [/CODE]. Vedi sempre il regolamento di sezione. Forse il moderatore di sezione (se non si è ancora rotto) correggerà per stavolta ma fai attenzione in futuro. Grazie.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  5. #5
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,649
    attenzione qui:
    <div id="C1" div class="card col-md-4">
    racchiudi sempre i valori tra virgolette. quel div da solo (di troppo) viene letto come attributo. non c'è niente che possa interferire ma è comunque inutile.


    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    PS: ...Forse il moderatore di sezione sposterà lì la discussione...

    PPS: ...Forse il moderatore di sezione correggerà per stavolta...

    PPPS: ...Forse il moderatore di sezione (se non si è ancora rotto) correggerà...
    1) fatto
    2) fatto
    3) fatto
    3bis) ti amo!

    serve altro? intanto ti passo la palla

  6. #6
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,675
    Attenzione anche agli id duplicati, vedi qui:
    codice:
    <h5 class="card-title" id="f3">Off the beaten track</h5>
    
    [...]
    
    <h5 class="card-title" id="f3">Fernando de Noronha, Brazil</h5>
    Di norma gli id devono essere univoci.
    The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document).
    fonte https://www.w3schools.com/TAgs/att_global_id.asp

    Attenzione anche ad impostare un opportuno doctype, ad esempio <!DOCTYPE html>

    Consiglio di verificare il codice con un validatore (vedi questo) e correggere gli eventuali errori segnalati.


    ...
    Quote Originariamente inviata da Vincent.Zeno
    3bis) ti amo!

    serve altro? intanto ti passo la palla
    uuh grazie, direi che per il momento è a posto così
    Alla prossima
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

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