Visualizzazione risultati 1 fino 8 di 8

Discussione: spostare le immagini

  1. #1
    Guest

    Predefinito spostare le immagini

    domanda molto stupida solo che non ci riesco, dunque, uso dreamweaver mx per creare un sito, quando porto le immagini all'interno della pagina questa si posizione di default in un punto che non'è quello che volevo io sballandomi così scritte e documenti all'interno della pagina. Esiste una funzione per le immagini che mi permette di mettere ad esempio l'immagine dietro il testo così da non sconvolgere tutto il materiale? se non mi ricordo male con front page si poteva fare...

    grazie a tutti

  2. #2
    Guest

    Thumbs up sposta le immagini

    Per non far spostare le immagini l'unica è creare una tabella e dentro con le misure della immagine che vuoi inserire non si sposta piu'.Il testo nella cella accanto. Oppure con i css dal lato "codice" scrivi questo senza la parentesi tonda:
    Codice:
    #scrivisu{
    position: absolute;
    top: 300px;
    left: 100px;
    zindex: 1;
    color:#ff0000; font-family: Verdana,Arial; font-size: 12pt;
    }
    Le misure top e left sono quelle che devi mettere tu secondo dove va posizionata la immagine. La scritta appare sopra la immagine. Si vedrà quando sarà sul web pubblicata. O in anteprima se il css è incorporato nella pagina. Dal lato codice dove inserisci l'immagine scrivi: l
    Codice:
    <div classe="scrivisu></div>
    senza la parentesi tonda.
    Spero di essere stata chiara.Ciao.
    Marisa Poliani

    [DS] Prova ad usare i tag di codice previsti dal forum, ti si aprirà un mondo nuovo... :-D
    Ultima modifica di dementialsite : 28-05-2008 alle ore 09.23.34

  3. #3
    Guest

    Predefinito

    grazie marisa, ma speravo in qualcosa di più semplice come in front page....ma se creo una tabella e metto dentro l'immagine non appesantisco la pagina?

    *****

    ma quindi ogni volta che inserisco una immagine devo creare una tabella? mi sembra inverosimile....
    Ultima modifica di dementialsite : 28-05-2008 alle ore 09.21.34

  4. #4
    zulukwebsite non è connesso Utente attivo
    Data registrazione
    16-07-2006
    Messaggi
    290

    Predefinito

    devi creare un css e inserire l' attributo sfondo(con relativo percorso dell'immagine) all'interno del div o della cella sul quale vuoi immettere un testo :

    esempio:

    css:

    Codice HTML:
    #prova {
                background-image:url(images/tuaimmagine.gif); width: 200px; height:200px	
    }
    codice x css:

    Codice HTML:
    <div id="prova">testo testo testo testo</div>
    l'immaginedeve essere delle dimensioni del div per nn essere ripetuta in questo caso

  5. #5
    Guest

    Predefinito

    scusate ma non ci riesco, pagina che sto cercando di fare è:
    http://gteproduction.altervista.org/
    ancora è all'inizio ma sto cercando di capire come se usa dreamweaver, se devo ad esempio portare l'immagine "mie creazioni" sopra "chi sono" non lo farei mai poichè non ha senso ma è la funzione che mi interessa (porta in primo piano) come dovrei fare?

  6. #6
    zulukwebsite non è connesso Utente attivo
    Data registrazione
    16-07-2006
    Messaggi
    290

    Predefinito

    puoi usare l'attributo position: absolute; nel css e agire sullo zindex: valore;...in pratica inserisci le immagini in due div differenti con quegli attributi ...poi assegni ad entrambi un valore numerico di zindex ...maggiore è lo zindex maggiore è la visibilità ...così puoi sovrapporle... oppure puoi fare come ho detto io prima.... caricare un immagine come sfondo(ovvero nell'attributo css all'interno della cella o del div) e un'altra (magari in un altro div all'interno dello stesso) la inserisci come <img src="indirizzo...... nn so se è questo che intendi....cmq questi potrebbero essere dei metodi.....poi magari ce ne sono altri migliori..cmq credo che dovresti studiare un pò di html ....nn puoi usare solo gli strumenti in visuale ignorando completamnente il codice
    Ultima modifica di zulukwebsite : 29-05-2008 alle ore 08.25.37

  7. #7
    Guest

    Predefinito

    grazie zulukwebsite, ci sono quasi o almeno credo, per capire quello che volevi dire ho dovuto creare una pagina con il front page e usare le funzioni porta avanti e porta indietro, poi osservando il codice mi sono accorto cosa volevi dire con absolute e lo zindex. Aprendo poi la stessa pagina con dreamweaver sono riuscito a fare ciò che volevo ovvero portare l'immagine dove volevo all'interno della pagina senza che questa mi sballasse tutti gli altri oggetti. La pagina in questione è:

    http://gteproduction.altervista.org/...20immagini.htm

    ora per mettere un testo vicino la testa del personaggio come faccio? se uso la funzione campo testo questo mi viene messo all'infuori dell'immagina e non posso sempre aprire front page o lavorare sempre sul codice...
    mi potete aiutare?

  8. #8
    zulukwebsite non è connesso Utente attivo
    Data registrazione
    16-07-2006
    Messaggi
    290

    Predefinito

    c'è un pò di confusione nel codice...... cmq prova ad inserire prima della chiusura del body:

    Codice HTML:
    <div id="miotesto">testo testo testo</div>
    tra i tag style

    Codice HTML:
    #miotesto{
    	position:absolute;
    	width:200px;
    	height:115px;
    	z-index:2;
    	left: 400px;
    	top: 100px;
    }
    cambia i valori di left e top per modificare la posizione

    ti consiglio di rivedere il progetto da capo cmq :)

    p.s. ovviamente dai un colore adeguato al testo...nn nero!! :)

Regole di scrittura

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