Visualizzazione dei risultati da 1 a 10 su 10
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    182

    impostare l'immagine in css

    ciao a tutti:
    lavorando sempre sul mio primo piccolo sito,(!) dopo aver inserito il tag IMG in html, ho usato la sintassi in css:
    position:absolute;
    left: 100 px;

    poi mi sono resa conto che quando cambio schermo ( diventa più picollo o grande) l'immagine non si vede più! o va troppo su destra o sinistra!
    mi hanno consigliato di usare FLOAT anzichè POSITION, ma il problema con FlOAT è che me lo mette o a destra o a sinistra, non c'è un modo per definire lo spazio con PX usando float? c'è un altro modo?
    perchè non funziona nemmeno con:
    img, {
    width: 400 px;
    float: right; width: 100 px;
    }

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    trova le differenze

    img {
    width: 400px;
    float: right;
    }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    182
    mi mette l'immagine a destra!!
    ma voglio definire io quanto a destra! non so come

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    se usi float: left distanzi da sinistra con margin-left
    se usi float: right distanzi da destra con margin-right

    p.s:
    se usi un margine assieme ai float per sicurezza aggiungi anche display: inline
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    182
    con margin funziona, ma il problema della grandezza dello schermo rimane come prima, con un schermo più piccolo o grande del mio non si vede uguale.( intendo, quando rimpiciolisco la pagina, l'immagine rimane fermo e non si adatta alle nuove misure).

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    penso sia giunto il momento di vedere il codice (tutto) che stai usando, e di sapere su quali browser lo stai testando
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  7. #7
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    182
    scusa ma se non ti disturbo, ti mando codice html e css:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content= "gelato, festival, artigianale, produzione proprio, firenze, turismo, gusto, crema, frutta, musse,
    via del corso, celiaci, dietico, yogurt, antonio petrosino">
    <title>home3</title>
    <style type="text/css">
    @import url(hometerzo.css);
    </style>
    </head>

    <body>

    <div class="pinco">
    [img]sfondo.jpg[/img]</div>
    </body>
    </html>


    css:

    @charset "utf-8";
    /* CSS Document */

    body, {
    background-color:#000000;
    margin:0px;
    height: 100%;
    }

    div.pinco {
    float:left; margin-left:19%;
    margin-top:8%;



    }
    </style>

    trovi qualcosa di sbagliato?

  8. #8
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    182
    mi sono scordata dire che poi la pagina la provo con, internet explorer7, mozilla, opera e su tutte e tre il risultato è uguale.

  9. #9
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    intanto, sfondo.jpg che dimensioni ha?

    tu cosa ti aspetti che faccia il codice?
    Perchè se provo ad inserire del testo invece dell'immagine, vedo il div che si sposta (e mi sembra che risolva il tuo problema o no?)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  10. #10
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    182
    ho risolto il problema!!!! il codice aveva qualche problema e mi sono accorta con validatore!!!!
    grazie mille

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.