[HTML] il browser non legge le texture predefinite

Discussione in 'HTML e CSS' iniziata da giacomomar, 13 Ottobre 2017.

  1. giacomomar

    giacomomar Nuovo Utente

    Registrato:
    3 Ottobre 2017
    Messaggi:
    24
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Schermata 2017-10-13 alle 00.01.39.png Salve ragazzi, oggi nello sviluppo del mio sito ho notato un problema che mi ha fatto completamente esaurire:
    nella preview di DW il sito lo si vede perfettamente, ma quando vedo la sua 'demo' sui motori di ricerca, tutte le grafiche e le immagini scompaiono, compare solo l'HTML. Avete soluzioni?
     
  2. jonnino2004

    jonnino2004 Utente Attivo

    Registrato:
    23 Maggio 2007
    Messaggi:
    79
    Mi Piace Ricevuti:
    2
    Punteggio:
    8
    Sesso:
    Maschio
    Località:
    como
    Home Page:
    ciao
    se ci posti anche il codice css e la porzione di html del tuo sito sarebbe più facile aiutarti.
    le texture di background, ovvero le mattonelle che vengono ripetute fino a riempimento sfondo, funzionano a meno di non essere coperte da un div che ha un colore di sfondo impostato (e non semitrasparente).
    nel mio ultimo sito ho impostato
    HTML:
    body{
        background-color: #042159;
        background-image: url('img/gplay.png');
    }
    e l'effetto è che la texture gplay.png (che ha elementi trasparenti) viene ripetuta per tutto il body, e laddove la png è trasparente viene usato il colore di background
     
  3. Max 1

    Max 1 Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    29 Febbraio 2012
    Messaggi:
    2.337
    Mi Piace Ricevuti:
    181
    Punteggio:
    63
    Sesso:
    Maschio
    L'anteprima (progettazione) di DW non è affidabile e non vuole tenuta in considerazione per i risultati finali
    1. Quali immagini e grafiche scompaiono
    2. Cosa significa vedere la demo sui motori di ricerca
    Spiega bene il problema e posta il codice incriminato usando l'apposito tag [ code]
     
  4. giacomomar

    giacomomar Nuovo Utente

    Registrato:
    3 Ottobre 2017
    Messaggi:
    24
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Ragazzi il mio Dropdown conserva lo stesso principio di quello che sta in W3Schools, solo che al posto del dropbutton ho messo un div con un background image... quindi se andaste a modificare quello, sarebbe la stessa cosa.. se volete lo posto io
     
  5. giacomomar

    giacomomar Nuovo Utente

    Registrato:
    3 Ottobre 2017
    Messaggi:
    24
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    Codice:
     
    
    HTML
    <div class="dropdown">
    <div onclick="myFunction()" class="dropbtn"></div>
    <div id="myDropdown" class="dropdown-content">
    <a href="#loginScreen" class="mangiare">mangiare</a>
    <a class="dormire">dormire</a>
    <a class="esplorare">esplorare</a>
    <a class="divertirsi">divertirsi</a>
    <a class="utilia">utilità</a>
    </div>
    </div>
    JS
    <script>
    /* When the user clicks on the button, 
    toggle between hiding and showing the dropdown content */
    function myFunction() {
    document.getElementById("myDropdown").classList.toggle("show");
    }
    // Close the dropdown if the user clicks outside of it
    window.onclick = function(event) {
    if (!event.target.matches('.dropbtn')) {
    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
    var openDropdown = dropdowns[i];
    if (openDropdown.classList.contains('show')) {
    openDropdown.classList.remove('show');
    }
    }
    }
    }
    </script>
    CSS
    .dropdown {
    position: relative;
    display: inline-block;
    }
    .dropdown-content {
    display: none;
    position: absolute;
    top: 180px;
    background-color:transparent;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align:center;
    border: 6px solid #FFFFFF;
    border-radius:30px;
    font-family: "Century Gothic"; 
    }
    .dropdown-content a {
    color:#FFFFFF;
    padding: 14px 10px;
    text-decoration: none;
    display: block;
    font-size: 18px;
    }
    .mangiare {
    border-bottom:4px solid #FFFFFF;
    background-color: rgba(193,39,45,1);
    }
    .mangiare:hover {
    background-color: rgba(240,51,59,1.00);
    transition:0.4s; 
    }
    .dormire {
    border-bottom:4px solid #FFFFFF;
    background-color:#009245;
    }.dormire:hover {
    background-color:#02C25D;
    transition:0.4s; 
    }
    .esplorare {
    background-color: #01A2FF;
    border-bottom:4px solid #FFFFFF;
    }
    .esplorare:hover {
    background-color: #4CBDFF;
    transition: 0.4s;
    }
    .divertirsi {
    background-color: #662D91;
    border-bottom:4px solid #FFFFFF;
    }
    .divertirsi:hover {
    background-color: #8037B7;
    transition: 0.4s;
    }
    .utilia {
    background-color:#FBB03B;
    }
    .utilia:hover {
    background-color:#FBBD5C;
    transition:0.4s;
    }
    .show {display:block;}
    
    
    
    Ho provato a postarlo... si vede?
     
Sto caricando...

Condividi questa Pagina