Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente bannato
    Registrato dal
    Jan 2003
    Messaggi
    2,407

    filettatura contorno tabella

    salve a tutti,

    io parto da una struttura di questo tipo:

    codice:
    <center>
      <table width="660" height="460" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td width="30" height="30" bgcolor="#666666">[img]lalto.gif[/img]</td>
          <td height="30" bgcolor="#666666"></td>
          <td width="30" height="30" bgcolor="#666666">[img]ralto.gif[/img]</td>
        </tr>
        <tr> 
          <td colspan="3" bgcolor="#CCCCCC"></td>
        </tr>
        <tr> 
          <td width="30" height="30" bgcolor="#666666">[img]lbasso.gif[/img]</td>
          <td height="30" bgcolor="#666666"></td>
          <td width="30" height="30" bgcolor="#666666">[img]rbasso.gif[/img]</td>
        </tr>
      </table>
    </center>
    le immagini lalto, ralto, lbasso, rbasso sono gif di 30x30 che rappresentano uno spicchio di 1/4 di cerchio trasparente nell'area del cerchio e bianche all'esterno per dare un effetto smussato e tondeggiante alla tabella.

    ora però ecco arrivare la mia problematica.
    questa bella struttura dovrei contornarla tutta da un filetto bianco di massimo 2px.
    io ho provato a fare così:

    - prendere e fare un contorno di 2px alle 4 immagini
    - colorare i bordi estreni alle 4 celle che delimitano il contono dicendo che lo spessore fosse 2px

    ma non ho avuto buon esito infatti il contorno delle celle non coincide con quello delle immagini.

    cosa posso fare?
    Devo usare i layout, i fogli di stile o che altro per poter contornare questa struttura?

    Grazie

  2. #2
    Utente di HTML.it L'avatar di antos
    Registrato dal
    Feb 2001
    Messaggi
    3,581
    in pratica usi i css per la prima fai così:
    <table style="border:2px solid #FFF;" ...>
    ma ti conviene fare :
    #tblname{border:2px solid #FFF;}
    <table #id="tblname" ...>
    per la seconda
    #tblname img{border:2px solid #000;}
    per la terza
    #tblname td{border:2px solid #000;}


  3. #3
    Utente bannato
    Registrato dal
    Jan 2003
    Messaggi
    2,407
    si ma io devo fare un contorno che mi segue anche le zone rotondeggianti, quindi come se passasse sopra le immagini gif, nell'area dello spicchio da 1/4

    non capisco il tuo comando come mi possa portare ad una filettatura tondeggiante


  4. #4
    Utente di HTML.it L'avatar di antos
    Registrato dal
    Feb 2001
    Messaggi
    3,581
    Originariamente inviato da Certe Notti
    si ma io devo fare un contorno che mi segue anche le zone rotondeggianti, quindi come se passasse sopra le immagini gif, nell'area dello spicchio da 1/4

    non capisco il tuo comando come mi possa portare ad una filettatura tondeggiante

    per i bordi arrotontandi purtoppo per una soluzione cross browser non puoi utilizzare solo css :
    http://pro.html.it/articoli/id_352/idcat_8/pro.html

  5. #5
    Utente bannato
    Registrato dal
    Jan 2003
    Messaggi
    2,407
    ok passo a flash.. così mi risolvo tutte le problematiche...

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 © 2026 vBulletin Solutions, Inc. All rights reserved.