Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    58

    allineare immagine in basso all'interno del div

    Buona sera a tutti,
    ho un problema con allineamento di un'immagine.
    content.jpg
    come potete vedere dall'immagine caricata, ho diversi contenitori, e l'immagine sta in quello giallo,c'e' solo un problema, che se il titolo va in piu' righe mi scorre tutto piu' giu' e anche l'immagine scorre e si vede a meta.
    io ho fatto cosi':

    .blu{ width: 155px;
    height: 150px;
    overflow: hidden;
    color: #FFF;
    margin: 10px 10px 10px 30px;
    background-color: #E7E7E8;
    padding: 5px;
    float: left;
    border-radius: 15px;
    }
    .verde {
    clear: both;
    width: 100%;
    margin: 5px 0px 0px;
    height: 90px;
    text-align: justify;
    font-size: 11px;
    line-height: 16px;
    color: #000;
    padding: 0px;
    }


    .giallo{
    position: relative;
    padding: 5px;
    clear: both;
    width: auto;
    margin: 0px 0px 5px;
    background-color: #E6E6E6;
    height: 100px;
    text-align: center;
    overflow: hidden;
    }

    giallo .immagine{ border-width: 0px;
    border-style: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    }

    Ho sbagliato con il tag position? ma dove? aspetto vostre risposte, grazie!!!!

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao,
    se il blu, come appare dall'immagine, deve contenere il tutto e la sua altezza deve variare in base ai contenuti allora non avrà un'altezza definita né tantomeno un overflow:hidden;
    per il verde è inutile quel clear, e se anch'esso è di altezza variabile non va specificata nessuna altezza;
    il giallo a quel punto si disporrà dopo tutti gli altri contenuti e non avrà un position:relative né servirà per l'immagine interna un posizionamento assoluto

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    58
    scusa ho dimenticato di dire che il blu ha un'altezza fissa e che oltre al titolo del post sotto c'e' anche la data, ma nello stesso div del titolo.

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    ok, il blu ha un'altezza fissa, ma se il titolo e l'immagine occupano più spazio in altezza per forza avrai problemi nella visualizzazione, col taglio di ciò che non rientra in quell'altezza. La soluzione è non dargli un'altezza fissa
    Ma poi il div verde ha un'altezza di 90 pixel e deve contenere il giallo che è 100 pixel (aggiungici pure i padding), dovresti rifare un po' di conti includendoci pure lo spazio necessario al titolo

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    58
    ok, rifaccio una botta di conti che e' meglio e ti faccio sapere
    grazie per la disponibilita'!

Tag per questa discussione

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.