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

Discussione: una tabella ad "L"

  1. #1

    una tabella ad "L"

    Salve a tutti,
    ho una tabella con due righe, nella prima va il titolo, nella seconda il testo affiancato da una foto.
    La foto vorrei metterla affiancata al testo, ma siccome la pagina viene compilata da uno script la to server, la foto ce la mette lui, e di conseguenza la mette o all'inizio o alla fine del testo.
    Io avevo pensato di crearmi una tabella ad "L" dov la seconda riga l'avrei divisa in due colonne, poi avrei aggiunto una nuova riga e unirla alla prima, ma nn si può fare.

    Qualcuno puo darmi un suggerimento pls???

    Grazie, ciao.

  2. #2
    non si capisce cosa vuoi fare...

    ciaux

  3. #3
    ok, allora cerco di spiegarmi meglio (spero ) :

    creo una tabella

    creo una riga di due colonne

    creo un'altra riga di una colonna

    vorrei unire la prima colonna della prima riga con la seconda riga.

    Si potrebbe fare??? se no, qualcuno potrebbe suggerirmi un altro metodo piu pratico per affiancare un'immagine alla tabella???

    Se non sono stato abbastanza chiaro, cercherò di postare un pezzo di codice

    Grazie, ciao.

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,800
    meglio un disegno con le note...

  5. #5
    qualcuno potrebbe suggerirmi un altro metodo piu pratico per affiancare un'immagine alla tabella???
    sicuramente le tab non sono la strada migliore,
    prova a postare uno schemino del layout che vuoi realizzare

    ciaux

  6. #6
    Originariamente inviato da DarioMarco
    ok, allora cerco di spiegarmi meglio (spero ) :

    creo una tabella

    creo una riga di due colonne

    creo un'altra riga di una colonna

    vorrei unire la prima colonna della prima riga con la seconda riga.

    Si potrebbe fare??? se no, qualcuno potrebbe suggerirmi un altro metodo piu pratico per affiancare un'immagine alla tabella???

    Se non sono stato abbastanza chiaro, cercherò di postare un pezzo di codice

    Grazie, ciao.
    Forse possono fare al caso tuo i comandi colspan e rowspan

  7. #7
    Ok, passiamo al piano B

    Ho fatto un disegno su come dovrebbe venire il risultato finale,
    spero che questa volta sia la volta buona.

    Grazie ciao.

    P.s. Non ridete per il mio disegno
    Immagini allegate Immagini allegate

  8. #8
    Scusa ma non puoi creare due tabelle? La prima, più stretta, l'affianchi alla foto, la seconda più larga la metti sotto.Poi imposti i bordi in modo che sembrino una e una sola tabella. Lo puoi fare?

  9. #9
    Utente di HTML.it L'avatar di nuky
    Registrato dal
    Oct 2001
    Messaggi
    1,053
    Originariamente inviato da DarioMarco
    P.s. Non ridete per il mio disegno


    Così può andare?
    codice:
    <style>
      table {
        width: 300px;
      }
      td {
        border-color:black;
      }
      #td1 {
        border-left:1px solid;
        border-top:1px solid;
        border-right:1px solid;
      }
      #td2 {
        border-bottom:1px solid;
      }
      #td3 {
        border-left:1px solid;
        border-bottom:1px solid;
        border-right:1px solid;
      }
    </style>
    
    <table cellspacing="0">
      <tr>
        <td id="td1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</td>
        <td id="td2"><img/></td>
      </tr>
      <tr>
        <td id="td3" colspan="2">bla2 bla2 bla2 bla2 bla2 bla2 bla2 bla2 bla2 bla2 bla2 bla2 bla2 bla2 bla2 bla2 </td>
      </tr>
    </table>
    - "E' un messaggio. E' di Svarion, della terra di Merdor!"
    - "Busto Arsizio?"
    - "Terrazzo, sgabello, formaggio. Borraccia blu, ca**o di gomma e... CANNUCCIA!"
    - "Ca**o dici? C'è scritto «frocio chi legge»!"

  10. #10
    meglio:

    codice:
    <style type="text/css">
    #testo{width:500px; height:500px;}
    #testo img{width:100px; height:100px; float:right;}
    </style>
    
    </head>
    
    <body>
    <div id="testo">
    [img]tuaimg.jpg[/img]
    Testo Testo Testo Testo Testo 
    </div>
    ciaux

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.