Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    411

    Bordi arrotondati con css

    Ho visto su un sito che č possibile arrotondare i bordi dei div usando i css, con -moz-border-radius: npx; .
    C'č un modo per farlo anche con exploder?

  2. #2
    Guido Piazza
    Guest
    Che io sappia puoi farlo solo tramite

    codice:
    td, table {-moz-border-radius: 2em}
    (Ad. esempio per arrotondare una tabella)

    ma vā solo su Netscape6+ e Mozilla e la tabella non deve avere immagini di sfondo.

    Insomma,conviene crearsi due immagini rotonde


    Bye

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    411
    io cosa avevo detto?

    cmq non funziona solo sulle tabelle, ma su tutti gli elementi block...

  4. #4
    Utente di HTML.it L'avatar di naverit
    Registrato dal
    Apr 2002
    Messaggi
    460
    azz...
    ma č crossbrowser???
    Ars longa...vita brevis.

  5. #5
    Utente di HTML.it L'avatar di naverit
    Registrato dal
    Apr 2002
    Messaggi
    460
    ehm, non l'avevo letto su...
    non lo č!!!!
    Ars longa...vita brevis.

  6. #6

    Re: Bordi arrotondati con css

    Originariamente inviato da Kibi
    Ho visto su un sito che č possibile arrotondare i bordi dei div usando i css, con -moz-border-radius: npx; .
    C'č un modo per farlo anche con exploder?
    Il modo migliore e che funziona sempre č quello di mettere 4 immagini agli angoli della tabella !

    cmq prova questo, ma č poco pratico !

    codice:
    <html> 
    <head> 
    <title>Untitled</title> 
    <style id="stylesheet"> 
    a {font-family: verdana; font-size: 10px;} 
    a:hover {filter:flipH()} 
    .blog {font-size:2px} 
    .menutesto {font-family: verdana; font-size: 10px; color: #000000; border:1px solid #000000;} 
    .testo {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana; line-height: 12px; text-align: justify;} 
    input, textarea {font-family: verdana; font-size: 10px; border-width:1px;} 
    .BodyTableText { 
    font-family: Verdana; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF;} 
    td {font-family: Verdana; font-size: 10px;} 
    #headerRow {background: #008ee2;} 
    </style> 
    </head> 
    
    <body> 
    
    <table cellspacing=0 width=100% border=0> 
    <tr> 
    <td valign="top" align="center"> 
    <table cellspacing=0 cellpadding=0 border=0 width="100%"> 
    <tr> 
    <td style="padding-right: 0;" bordercolor="#FFFFFF" nowrap width="1%" align="right" valign="middle"> 
    <table border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="lastHeaderRow" style="width:1px; height: 6px;" bgcolor="#000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:1px; height: 10px; border-top:2px solid #000000; border-bottom:2px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:1px; height: 12px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:1px; height: 14px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:2px; height: 16px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:3px; height: 18px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table></td> 
    <td width="100%" id="headerRow" style="border-top:1px solid #000000; border-bottom:1px solid #000000;" align="center">testo</td> 
    <td style="padding-right: 0;" bordercolor="#FFFFFF" nowrap width="1%" align="right" valign="middle"> 
    <table border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:3px; height: 18px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:2px; height: 16px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" id="headerRow" style="width:1px; height: 14px; border-top:1px solid #000000; border-bottom:1px solid #000000"></td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:1px; height: 12px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:1px; height: 10px; border-top:2px solid #000000; border-bottom:2px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="lastHeaderRow" style="width:1px; height: 6px;" bgcolor="#000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table></td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table> 
    </body> 
    </html>

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2003
    Messaggi
    411
    bah... tabelle... che robe inutili
    meglio fare un bel div con dentro altri 4 div allineati agli angoli, uppure usare le pseudo classi :after e :before

  8. #8

    Re: Re: Bordi arrotondati con css

    Originariamente inviato da piero06
    Il modo migliore e che funziona sempre č quello di mettere 4 immagini agli angoli della tabella !

    cmq prova questo, ma č poco pratico !

    codice:
    <html> 
    <head> 
    <title>Untitled</title> 
    <style id="stylesheet"> 
    a {font-family: verdana; font-size: 10px;} 
    a:hover {filter:flipH()} 
    .blog {font-size:2px} 
    .menutesto {font-family: verdana; font-size: 10px; color: #000000; border:1px solid #000000;} 
    .testo {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana; line-height: 12px; text-align: justify;} 
    input, textarea {font-family: verdana; font-size: 10px; border-width:1px;} 
    .BodyTableText { 
    font-family: Verdana; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF;} 
    td {font-family: Verdana; font-size: 10px;} 
    #headerRow {background: #008ee2;} 
    </style> 
    </head> 
    
    <body> 
    
    <table cellspacing=0 width=100% border=0> 
    <tr> 
    <td valign="top" align="center"> 
    <table cellspacing=0 cellpadding=0 border=0 width="100%"> 
    <tr> 
    <td style="padding-right: 0;" bordercolor="#FFFFFF" nowrap width="1%" align="right" valign="middle"> 
    <table border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="lastHeaderRow" style="width:1px; height: 6px;" bgcolor="#000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:1px; height: 10px; border-top:2px solid #000000; border-bottom:2px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:1px; height: 12px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:1px; height: 14px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:2px; height: 16px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:3px; height: 18px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table></td> 
    <td width="100%" id="headerRow" style="border-top:1px solid #000000; border-bottom:1px solid #000000;" align="center">testo</td> 
    <td style="padding-right: 0;" bordercolor="#FFFFFF" nowrap width="1%" align="right" valign="middle"> 
    <table border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:3px; height: 18px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:2px; height: 16px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" id="headerRow" style="width:1px; height: 14px; border-top:1px solid #000000; border-bottom:1px solid #000000"></td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:1px; height: 12px; border-top:1px solid #000000; border-bottom:1px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="headerRow" style="width:1px; height: 10px; border-top:2px solid #000000; border-bottom:2px solid #000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    <td> 
    <table border="0" cellspacing="0" cellpadding="0" id="headerRow"> 
    <tr> 
    <td id="lastHeaderRow" style="width:1px; height: 6px;" bgcolor="#000000"> 
    [img]trasparente.gif[/img]</td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table></td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table> 
    </body> 
    </html>


    ciao piero....ricicliamo??

    :quote:
    Anche io leggo barze-bastarde
    Athlon 64 X2 4400@2500 daily - Zalman CNPS9500 - Asus A8n-Sli Premium - Crucial Ballistix Tracer PC4000 500mhz Sinc. - Sapphire Radeon X1900XT 512mb - Zalman VF900Cu - Seagate 320Gb 7200.10 - LG H22N 18x - T.t. Soprano - LcPower Titan 560W

  9. #9
    ciao herrel

    Ho postato il codice che avevi postato tu in un'altra discussione .

    Non posso ?

    Scusa non credevo nn si potesse

  10. #10
    Originariamente inviato da piero06
    ciao herrel

    Ho postato il codice che avevi postato tu in un'altra discussione .

    Non posso ?

    Scusa non credevo nn si potesse


    ma che scherzi...nn era neanche mio...io l'ho riciclato e modificato!!
    volevo sfotterti!!



    Anche io leggo barze-bastarde
    Athlon 64 X2 4400@2500 daily - Zalman CNPS9500 - Asus A8n-Sli Premium - Crucial Ballistix Tracer PC4000 500mhz Sinc. - Sapphire Radeon X1900XT 512mb - Zalman VF900Cu - Seagate 320Gb 7200.10 - LG H22N 18x - T.t. Soprano - LcPower Titan 560W

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.