Visualizzazione risultati 1 fino 9 di 9

Discussione: [CSS] Problema background da html!

  1. #1
    Guest

    Predefinito [CSS] Problema background da html!

    Ciao a tutti, ho creato un div chiamato #smile dove inserisco il background dall'html e le altre "definizioni" da css. Questi sono i codici:
    Codice PHP:
    <div id="smile" style="background: #fff url(images/logo1.png) repeat;">ss</div>
    Codice PHP:
    #smile { border: 1px solid black; height: 80px; margin: 100px auto -90px auto; z-index: 2; text-align: right; width: 465px; }
    In pratica, il div non funziona correttamente poiché dovrebbe esserci un bordo ma non è presente, vengono rispettate solamente le definizioni di impaginazione (z-index, text-align, width, margin, height) il resto niente.
    Come mai? Inserendo il codice dell'html da CSS risulta non funzionante.
    L'immagine è presente ed esiste, poiché aggiungendola dal tag <img funziona correttamente. Grazie mille... saluti Davide! :)

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Non so se risolverà il tuo problema, ma l'ordine delle dichiarazioni in border dovrebbe essere: tipo (solid), dimensioni (1px) e colore (black o #000).

    Se non funzionasse, prova a separare le tre dichiarazioni (usando border-width, border-style e border-color).

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

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

    Predefinito

    Il codice CSS che hai scritto è corretto, l'errore dev'essere qualcos'altro.
    @dementialsite: secondo le specifiche CSS, la proprietà border accetta in qualsiasi ordine lo stile, lo spessore e il colore (se noti nella sintassi trovi il separatore ||).

  4. #4
    Guest

    Predefinito

    Ok questo è il resto... Grazie mille! :)
    Codice PHP:
    #header { background: transparent url(images/header.png) no-repeat; z-index: 1; width: 490px; height: 105px; margin: 0 auto; }

    #content { background: transparent url(images/rep.png) repeat-y; width: 490px; margin: 0 auto -10px auto; height: 85%; }
    Codice PHP:
    <div id="smile" style="background: #fff url(images/logo1.png) repeat;">s</div>
    <
    div id="header"></div>

    <
    div id="content">bla bla bla</div>

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

    Predefinito

    Potresti scrivere l'indirizzo della pagina?

  6. #6
    Guest

    Predefinito

    E' in locale! :) Comunque il codice è solo quello... nient'altro! ^^

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

    Predefinito

    Da qualche parte richiamerà il CSS, scrivi tutto quanto il codice.

  8. #8
    Guest

    Predefinito

    Il codice è quello... il css è completo! :) Manca solo il body con background-color ma non c'entra niente! :) Anche l'html è quello... manca solo il tag body, head, e html e il richiamo al css (funzionante!) ciao! :)

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

    Predefinito

    La proprietà z-index non ha effetto sugli elementi con position su static (il valore iniziale), imposta il position di #smile su relative e rimuovi gli z-index.
    Ultima modifica di karl94 : 22-12-2010 alle ore 18.17.41

Regole di scrittura

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