Visualizzazione risultati 1 fino 6 di 6

Discussione: Allineamento Immagini con CSS

  1. #1
    Guest

    Smile Allineamento Immagini con CSS

    Ciao a tutti, sono nuovo nel forum.
    volevo farvi una domanda: come si fa a posizionare 3 o + immagini consecutive con i css?
    io ho un box contenitore di 1000 px.
    le 3 immagini sono tutte di 200 px di lunghezza.
    ho creato 3 box per le relative immagini: img 1,2,3 ma quando li inserisco vedo le immagini tutte una sotto l'altra e non allineate.
    come devo fare senza l'uso di tabelle ?
    Grazie mille a chi vorrà rispondermi.
    ecco il codice html:
    <div id="img1">
    <img src="1.jpg">
    </div>

    <div id="img2">
    <img src="2.jpg">
    </div>

    <div id="img3">
    <img src="3.jpg">
    </div>


    e il relativo css:
    #img1
    {

    width:200px;
    border:1px solid red;

    }

    #img2
    {
    width:200px;
    border:1px solid red;

    }

    #img3
    {

    width:200px;
    border:1px solid red;

    }

    ciao a tutti.

  2. #2
    Guest

    Predefinito

    Metti float:left; a tutti e tre i div.

  3. #3
    Guest

    Predefinito Descrizione

    ok! FUNZIONA! GRAZIE MILLEEEEE.
    E PER METTERE LA DESCRIZIONE DI OGNI IMMAGINE SOTTO A OGNI IMMAGINE E MAGARI CENTRATA?!!?

  4. #4
    Guest

    Predefinito

    metti text-align:center; ad ogni div e sotto al div scrivi quello che vuoi all'interno dei tag.
    In ogni caso, perchè usi tre id che implementano lo stesso codice? Usa una classe (al posto di # metti . ) e usala come e quando vuoi. Ovviamente poi la sintassi non sarà più <div id="id"> ma sarà <div class="classe">.

  5. #5
    Guest

    Predefinito non funziona!!

    Dove sbaglio?

    ho corretto la classe sul css

    .img
    {
    float:left;
    border:1px solid red;
    padding-left: 10px;
    text-align:center;

    }

    ed ecco il codice:

    <div class="img">
    <img src="1.jpg">
    </div>
    Immagine 1


    <div class="img">
    <img src="2.jpg">
    </div>
    Immagine 2

    <div class="img">
    <img src="3.jpg">
    </div>
    Immagine 3


    --------------------------

    Le scritte non vengono allineate sotto!! ma vicino alle immagini.

    Una cosa volevo chiedere:
    ma se uno non volesse usare le tabelle per il centramento di immagini e testo deve fare tutto con i div? Perchè mi sembra tanto + complicato che usare una semplice tabella.
    Grazie a tutti.
    Ciao

  6. #6
    Guest

    Predefinito

    Io Ho Un Problema Del Css :) Le Immagini Non Entrano Nello Spazio Aposito :)

    Clicca Qui

    e Alcune Scritte Sono troppo A Sinistra Come Faccio?

Regole di scrittura

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