• User Newbie

    Posizionare immagini con CSS

    Ciao a tutti,
    premetto che sono un vero principiante in materia, e spulciando quà e là su il forum e sul web mi son porvato ad utilizzare un po' di CSS per realizzare delle pagine web.
    Il mio problema sta nel posizionamento di alcune immagini su pagine utilizzando il codice <div> e il posizionamento assoluto o relativo ma il risultato è che se io posiziono un'immagine in un certo punto, se vado poi a ridimensionare la pagina, questa mi si sovrappone ad altri elementi, spostandosi dalla posizione originale, trovata con lo schermo intero.

    Non so' se mi sono spiegato molto bene, ma probabilmente non utilizzo bene i fogli di stile...

    in attesa di un Vs. aiuto saluto tutti

    Max


  • User Attivo

    Ciao maxiblues e benvenuto sul forum 🙂
    Dalla tua descrizione sembra che tu abbia un problema con i posizionamenti assoluti.

    In generale posizionare elementi del tuo layout in modo assoluto è sconsigliato anche per questi motivi. C'è da vedere se l'immagine che vuoi sistemare sia di contenuto o strutturale del tuo layout.

    Se ti avvicini per la prima volta ai CSS devi fin da subito cercare di non fare web design alla *vecchia maniera delle tabelle *perché troverai da subito i primi problemi.

    Ti consiglio di leggere le nostre FAQ in rilievo e una guida di base per schiarirti le idee.

    Nel caso comunque, postaci il tuo CSS e il tuo HTML così vediamo di risolverti il problema 🙂

    :ciauz:


  • User Newbie

    Ciao, hai esattamente capito quale siano le mie lacune perchè in effetti vengo dalla vecchia maniera con tabelle e HTML base base...

    Il problema è che forse attacco in modo sbagliato sintassi di CSS su pagine in HTML

    comunque il codice html è questo ```
    <td >
    <div style="width:600px;
    height:100px;
    background-image: url(fuoco.jpg);
    bordercolor="gold">

    <DIV STYLE="position:relative; top:2px; left:-40px">
    <img src="bluesvert1.png" widht="20" height="430">
    </div>
    <div id="garagevert">
    <img src="garagevert.png" widht="20" height="430" >
    </div> </div>

     
    mentre il file css è ```
    #garagevert {
    position: absolute; 
    left: 810px; 
    top: 133px; 
    }
    

    l'indirizzo della paginetta è http://maxiblues.altervista.org/massimo.html e ridimensionando la pagina potrai notare l'mmagine garage bad che va per i fatti suoi...

    abbiate pazienza con un povero ignorante :bho:

    ciaoo & Grazie


  • User Attivo

    Ciao,
    con che browser stai provando il sito?
    Con Firefox l'immagine "garage band" sta al suo posto per quanto ridimensioni. Hai un problema invece con l'immagine della chtiarra e i nomi al centro...


  • User Newbie

    ciao,
    è strano perchè io adesso la vedo male anche con firefox... più tardi controllo anche a casa...
    comunque qui a lavoro utilizzo explorer e con questo browser fa quel riposizionamento strano...
    Con opera non se ne parla... :arrabbiato:

    Il problema sulle scritte e sulla chitarra che accennavi tu come potrei risolverlo secondo il tuo avviso...
    E' corretto quello che ho fatto con la scritta garage band

    ciao e grazie ancora