Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Problema con div e immagine

    Ciao a tutti!
    ho un problema con un div e un immagine..
    la mia parte di codice (finale) è questa:
    <div id="footer" scrolling="no">
    <div id="francesco"></div>
    </div>

    Io voglio mettere un immagine a sinistra dentro il div "footer" (che ha sfondo nero) e per fare questo ho creato un div "francesco" con immagine di sfondo. ma non funziona!

    nel css ho messo cosi:
    #francesco{
    background-image: transparent url(images\apply_f2.png);
    float:left;
    }

    cosa sbaglio?

    le cartelle sono cosi
    /css
    /images

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    codice:
    background: transparent url(images\apply_f2.png) no-repeat;
    stai usando delle scorciatoie per cui setti in una sola volta colore e immagine di sfondo (se è il caso aggiungi anche il no-repeat) e quindi la proprietà è background, altrimenti

    codice:
    background-color: transparent;
    background-image: url(images\apply_f2.png);
    background-repeat: no-repeat;
    Ma puoi settare lo sfondo direttamente sul div footer, perché aggiungi un altro div? (via qell'attributo scrolling="no" dal div, eventualmente usa la proprietà overflow)

  3. #3
    ciao
    non ho ben capito se vuoi mantenere la tua immagine come background, o se vuoi metterla nell'html.

    Se devi inserirla nell'HTML
    ti conviene settare una proprietà per la tua immagine nel file css: il floating infatti non deve andare sul div ma sull'immagine.

    ad esempio:
    img.antani{
    float:left;
    margin:5px;
    }

    e nell'html fai così
    [img]images\apply_f2.png[/img]

    __________

    se vuoi mantenerla come background nel div

    #francesco{
    background-image: url(images\apply_f2.png);
    background-position: left; (o left-top, o left-bottom... vedi tu)
    background-repeat:no-repeat;
    }



    vedi tu quale delle due soluzioni fa per te.
    Ciao
    shine on you!!

  4. #4
    mi serviva il primo esempio che hai messo, grazie!!

  5. #5
    di nulla :-)
    shine on you!!

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.