Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di MM88
    Registrato dal
    Jun 2003
    Messaggi
    567

    due <DIV> , uno accanto all'altro

    Ciao ragazzi, ho un div che contiene una immagine e un secondo div che contiene del testo.
    Il secondo div col testo si posiziona SOTTO il div con l'immagine.
    Quali proprietà devo utilizzare per porre il div col testo ACCANTO al div con l'immagine e con un allineamento verticale che stia a metà della foto?
    Per intenderci come due TD di una stessa riga con valign middle.

    grazie.

  2. #2
    Crei una tabella in HTML con 1 riga e 2 colonne.
    Metti l'immagine a sinistra e il testo nella colonna di destra con valign="middle".

    Il gioco è fatto.

  3. #3
    non é cosi..
    allora...crei un div contenitore con al suo interno un div flottato a sinistra o con il position: relative e il div affiancato flottato a sinistra...
    [code]
    #contenitore {
    width: 700px;
    height: 500px;
    ...}


    #immagine {
    float: left;
    width: 250px;
    height: 250px;
    ...
    }
    #testo{
    float: left;
    width: 250px;
    height: 250px;
    ...
    }
    [code]

    altrimenti, soluzione di gran lunga migliore crei un un unico div con al suo interno un imd eil testo flottato a sinistra...





  4. #4
    Utente di HTML.it L'avatar di MM88
    Registrato dal
    Jun 2003
    Messaggi
    567
    Originariamente inviato da felixsuperstar


    altrimenti, soluzione di gran lunga migliore crei un un unico div con al suo interno un imd eil testo flottato a sinistra...






    grazie, per la risposta.
    Mi dici come mettere tutto in un unico div?

    non sto utilizzando un css esterno, ma sto usando le proprieta style del div
    <div style="ecc, ecc">


    GRAZIE!

  5. #5
    Originariamente inviato da devil89
    Crei una tabella in HTML con 1 riga e 2 colonne.
    Metti l'immagine a sinistra e il testo nella colonna di destra con valign="middle".

    Il gioco è fatto.
    Questo si faceva una volta. Ora si fa tutto con i CSS.

    Aggiungo per felixsuperstar che io di solito ci metto anche un bel display:inline se utilizzo 2 div perchè ho notato che con alcuni browser il float non basta

    Se invece metto tutto dentro un div allora applico un solo float left o right all'immagine

  6. #6

  7. #7
    Utente di HTML.it L'avatar di MM88
    Registrato dal
    Jun 2003
    Messaggi
    567
    Originariamente inviato da felixsuperstar


    altrimenti, soluzione di gran lunga migliore crei un un unico div con al suo interno un imd eil testo flottato a sinistra...


    Mi dite come mettere tutto in un unico div?

    Usando due div non cambia nulla col float, o l'img va troppo a dx o rimane a sx.

    non sto utilizzando un css esterno, ma sto usando le proprieta style del div
    <div style="ecc, ecc">

    Tenete conto che l'img è un 100px X 100px e avrei bisogno che la scritta a dx dell'img stesse ad una altezza di circa 50 px.


    GRAZIE

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 © 2025 vBulletin Solutions, Inc. All rights reserved.