Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056

    tabella non tabella con i css

    Ciao a tutti,
    dato che dal titolo si capisce che faccio un pò di fatica a spiegare ho allegato un'immagine.
    Devo raggiungere il risultato dell'immagine...
    Cioè:

    una serie di tre immagini orizzontali e a capo di tre fin che finiscono.
    L'immagine deve essere centrata in un quadrato.
    Il titolo deve essere centrato rispetto al suo box.

    Insomma, per farla breve, una normalissima tabella!!!
    Però io non voglio usare le tabelle!!!
    E non so come fare con i css, semplciemente perchè io uso sempre i posizionamento assoluto e prendendo i dati da php mysql non posso sapere quanti elementi ho etc etc...

    Posso fare una cosa del genere:
    definisco il boxino del testo, però senza distanze fisse....cioè relative...giusto?
    definisco il boxino dell'immagine sempre senza distanze fisse (dai bordi intendo)...

    Quando richiamo i dati dico così

    <div id=boxinotesto> print $risultatodellaquery['testo]; //ALL'INFINITO???
    <div id=boxino immagine> print $risultatodellaquery['immagine']
    <div id=boxinotesto> print $risultatodellaquery['testo];
    <div id=boxino immagine> print $risultatodellaquery['immagine']
    <div id=boxinotesto> print $risultatodellaquery['testo];
    <div id=boxino immagine> print $risultatodellaquery['immagine']
    <div id=boxinotesto> print $risultatodellaquery['testo];
    <div id=boxino immagine> print $risultatodellaquery['immagine']

    Etc etc
    Si può fare ?
    E' giusto???
    Ovviemnte prima definisco il box grande contenitore con tutte le distanze...

    grazie a chi saprà aiutarmi, è un pò che ci penso, non Voglio usar le tabelle, ma non ho mai saputo come fare!!!

    Ciao

  2. #2
    Puoi otterene questa cosa in due modi (al posto dei tag esplicativi metti le tue belle classi)

    codice:
    <riga>
    <div class="uno"> 
    <testo/> <img/> 
    </div> 
    <div class="due"> 
    <testo/> <img/> 
    </div> 
    <div class="tre"> 
    <testo/> <img/> 
    </div> 
    </riga>
    oppure

    codice:
    <div class="cornice">
    
    <div class="box">
    <testo/>
    <img/>
    </div>
    
    </div>
    
    div.cornice {width:760px;}
    div.box {width:253; float:left;}
    Are you alive?
    No, but I was written with LOVE. A new scripting language.
    www.frequenze.it

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056
    LA seconda non va bene perchè le immagini hanno dimensioni diverse quindi la cornicetta per il titolo deve essere indipendente dall'immagine.
    La seconda potrebbe anche andare...però devo far fare un ciclo a php che assegna i numeri???

    Mmmh, speravo fosse più semplice!!!

    Grazie cmq, ora provo!!!

  4. #4
    quelle solo le soluzioni CSS, certo se vuoi usare PHP puoi fare come vuoi e spezzare la riga ogni tre <div>, o crerare le righe esattamente come creeresti le <tr> per una tabella.
    Are you alive?
    No, but I was written with LOVE. A new scripting language.
    www.frequenze.it

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.