Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 19

Discussione: problemi con il float

  1. #1

    problemi con il float

    Ragazzi ho un problema con il float, finchè uso un'immagine sola va tutto ok ma se devo fare una cosa come nell'esempio sotto come diavolo faccio.
    Questa è la pagina che ho provato a fare ma non riesco a mettere dove voglio le immagini sotto.
    http://www.vacanzeviaggi.net/agenti_...parola=pistoia
    codice:
    ----------  testo
    |\\\\\\\\|  testo
    |\\\\\\\\|  testo
    |\\imm \\|  testo 
    |\\\\\\\\|  testo
    |\\\\\\\\|  testo
    ----------  testo
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    ----------  ----------
    |\\\\\\\\|  |\\\\\\\\|
    |\\\\\\\\|  |\\\\\\\\|
    |\\imm \\|  |\\imm \\|
    |\\\\\\\\|  |\\\\\\\\|
    |\\\\\\\\|  |\\\\\\\\|
    ----------  ----------
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto

  2. #2
    Utente di HTML.it L'avatar di Elieli
    Registrato dal
    Dec 2003
    Messaggi
    99
    Non so se ho capito bene il tuo problema.
    prova a mettere fra il testo e li secondo gruppo di immagini questo
    <br clear="all">
    Eli

  3. #3
    no non funzia. :-((
    altri consigli?

  4. #4
    Ci sono molteplici soluzioni:

    1. Assegni una classe alla seconda immagine del seceondo blocco e ad essa applichi "clear: right" nel css.

    2. Inserisci le due immagini in un div, ed a questo applichi "display: block" nel css.

    3. Potresti usare un selettore css, che però funziona solo su browser seri che supportano meglio gli standard, come Firefox. Il selettore in questo caso sarebbe "img+img": ad esso applichi "clear: right" nel css.

    Vedi tu, ma mi raccomando a mantenere la logica nella struttura del documento.


  5. #5
    grazie per la dritta mi andrebbero bene sia il primo che il secondo suggerimento peccato che non riesca a far venire fuori qualche cosa di decente.

    Io ho 1 immagine + 1 tabella con all'interno 5 immagini + 1 testo.

    Dovrebbero venire fuori come nello schemino che ho fatto sopra.

    Però non riesco a farlo.

    La prima immagine la imposto così :
    div.flot {
    float: left;
    width: 170px;
    height: 150px;
    margin: 5px;

    }

    e funziona ma poi la tabella con le altre immagini dentro le vorrei posizionale un pò più sotto con il testo che si ferma prima della tabella e poi riprende, ma non mi funzia.
    grazie mille

  6. #6
    le sto provando tutte ma non so come mettere sti benedetti css, il testo o mi scorre attorno alla prima immagine o alla seconda, non riesco a fare in modo che mi segua le immagini in base al loro posizionamento.

    ho provato con display: block; ma non funzia.
    Io sto usando questi due css, uno per la prima immagine e uno per la tabella.

    div.flot {
    float: left;
    width: 170px;
    height: 150px;
    margin: 5px;

    }

    div.flot2 {
    width: 100%;
    height: 75px;
    margin: 5px;
    top: 100px;
    position: relative;
    float: left;
    display: block;
    }

    questa è la pagina :
    http://www.vacanzeviaggi.net/agenti_...&parola=napoli

    grazie per l'aiuto

  7. #7
    Utente di HTML.it L'avatar di Elieli
    Registrato dal
    Dec 2003
    Messaggi
    99
    scusa ma io non ho capito una cosa
    vuoi che ti giri attorno alla prima, poi vuoi mettere le 5 immaginette come nella pagina che hai lincato e poi il testo deve ricominciare sotto?
    Eli

  8. #8
    Ho fatto lo schemino proprio per far capire tutto.
    Vorrei una cosa del genere. ma non riesco.
    codice:
    ----------  testo testo testo testo 
    |\\\\\\\\|  testo testo testo testo
    |\\\\\\\\|  testo testo testo testo
    |\\imm \\|  testo testo testo testo
    |\\\\\\\\|  testo testo testo testo
    |\\\\\\\\|  testo testo testo testo
    ----------  testo testo testo testo 
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    ----------  ---------- ---------- 
    |\\\\\\\\|  |\\\\\\\\| |\\\\\\\\| 
    |\\\\\\\\|  |\\\\\\\\| |\\\\\\\\| 
    |\\imm \\|  |\\imm \\| |\\imm \\| 
    |\\\\\\\\|  |\\\\\\\\| |\\\\\\\\| 
    |\\\\\\\\|  |\\\\\\\\| |\\\\\\\\| 
    ----------  ---------- ---------- 
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto
    testotestotestotestotestotestotesto

  9. #9
    Utente di HTML.it L'avatar di Elieli
    Registrato dal
    Dec 2003
    Messaggi
    99
    prova a mettere questo al posto del testo e delle immagini

    codice:
    <div align="justify">[img]../upload/2ischia01.jpg[/img]
    &quot;Quando ci svegliammo, era giorno fatto. Un 
                  bel sole sfolgorante marezzava il mare di strisce di fuoco e si 
                  riverberava sulle case bianche di una costa sconosciuta ... Era 
                  la costa dentata a picco dell'amena isola d'Ischia ... Essa mi compariva 
                  per la prima volta nuotante nella luce, sorgente dal mare, perduta 
                  nell'azzurro del cielo, e sbocciata come da un sogno di poeta durante 
                  il leggero sonno di una notte d'estate.&quot; Cos&igrave; al poeta 
                  Lamartine appare Ischia, 
                  l’isola verde, tra le sfumature del colore pi&ugrave; 
                  chiaro dei vigneti, pi&ugrave; azzurrognolo degli uliveti 
                  e il verde profondo degli agrumeti.Verde &egrave; il riflesso delle pietre ditufo della 
              zona di Forio nel lato ovest dell’isola, tufo di cui sono fatti 
              i tipici muri a secco detti parracine intorno ai vigneti. 
    
              Incantevole e soleggiata sopra un promontorio della costa occidentale 
              dell'isola, Forio si estende da Punta Caruso fino a 
              Punta Imperatore. Si presenta come un autentico gioiello 
              architettonico con un labirinto di vicoli, torri e chiese, dominata 
              dalla caratteristica Chiesa del Soccorso, costruita 
              nel XVIII secolo su un preesistente edificio cinquecentesco. Una chiesa 
              interamente bianca cui si giunge tramite una doppia scalinata decorata 
              con maioliche settecentesche. L'interno ospita gli ex voto di marinai. 
         
    	 
    
    	 
    
    	 
    		  
    		  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="14%"><div align="right">[img]../upload/2ischia02.jpg[/img] </div></td>
          <td width="21%"><div align="right">[img]../upload/2ischia03.jpg[/img] </div></td>
          <td width="21%"><div align="right">[img]../upload/2ischia04.jpg[/img] </div></td>
          <td width="22%"><div align="right">[img]../upload/2ischia05.jpg[/img] </div></td>
          <td width="22%"><div align="right">[img]../upload/[/img]</div></td>
        </tr>
      </table>
    
      
             <div align="justify"> All'ingresso del paese si incontra la Chiesa di San Gaetano 
              del 1655 con stucchi barocchi e tele del pittore locale 
              Alfonso Di Spigna. Nel suggestivo Rione Cierco 
              la Chiesa di San Carlo Borromeo, realizzata nel 1620, 
              conserva, in una cornice decorativa sempre di tufo verde, affreschi 
              e una statua lignea della Madonna. Nella localit&agrave; detta Punta 
              Chiarito, recenti scavi archeologicitufo della 
              zona di Forio nel lato ovest dell’isola, tufo di cui sono fatti 
              i tipici muri a secco detti parracine intorno ai vigneti. 
    
              Incantevole e soleggiata sopra un promontorio della costa occidentale 
              dell'isola, Forio si estende da Punta Caruso fino a 
              Punta Imperatore. Si presenta come un autentico gioiello 
              architettonico con un labirinto di vicoli, torri e chiese, dominata 
              dalla caratteristica Chiesa del Soccorso, costruita 
              nel XVIII secolo su un preesistente edificio cinquecentesco. Una chiesa 
              interamente bianca cui si giunge tramite una doppia scalinata decorata 
              con maioliche settecentesche. L'interno ospita gli ex voto di marinai. 
              
    
    
              All'ingresso del paese si incontra la Chiesa di San Gaetano 
              del 1655 con stucchi barocchi e tele del pittore locale 
              Alfonso Di Spigna. Nel suggestivo Rione Cierco 
              la Chiesa di San Carlo Borromeo, realizzata nel 1620, 
              conserva, in una cornice decorativa sempre di tufo verde, affreschi 
              e una statua lignea della Madonna. Nella localit&agrave; detta Punta 
              Chiarito, recenti scavi archeologici
    </div>
    
      
    </div>
    Eli

  10. #10
    io ho un testo unico che viene preso da un db non lo posso spezzare come hai fatto tu, altrimenti sarebbe stato molto semplice la cosa. Potrei fare una funzione in php che mi prende un tot di caratteri ma non viene bene perchè tronca le parole, quindi volevo cercare di farlo con i css.


    IO ho fatto così
    codice:
    <div class="flot">[img]../upload/<?=$dati[[/img]"  alt="" name="<?=$dati["foto_home"] ?>" width="170" height="150" ></div><?=$dati["testo"];?>  
      
     <div class="flot"> <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="14%"><div align="right">','fotogrande','width=190,height=150')">[img]../upload/<?=$dati[[/img]" width="85" height="75" border="0"> </div></td>
          <td width="21%"><div align="right">','fotogrande','width=190,height=150')">[img]../upload/<?=$dati[[/img]" width="85" height="75" border="0"> </div></td>
          <td width="21%"><div align="right">','fotogrande','width=190,height=150')">[img]../upload/<?=$dati[[/img]" width="85" height="75" border="0"> </div></td>
          <td width="22%"><div align="right">','fotogrande','width=190,height=150')">[img]../upload/<?=$dati[[/img]" width="85" height="75" border="0"> </div></td>
          <td width="22%"><div align="right">','fotogrande','width=190,height=150')">[img]../upload/<?=$dati[[/img]" width="85" height="75" border="0"></div></td>
        </tr>
      </table>
    </div>
    ma ovviamente non mi funzia. Non riesco a dire al testo di passsare attorno alla tabella
    ciao ciao

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.