Visualizzazione risultati 1 fino 4 di 4

Discussione: Angoli tondi per ogni browser ai fieldset

  1. #1
    L'avatar di miki92
    miki92 non è connesso AlterGuru 2500
    Data registrazione
    21-04-2007
    Residenza
    Procida (NA)
    Messaggi
    4,233

    Predefinito Angoli tondi per ogni browser ai fieldset

    Buongiorno,

    volevo chiedervi se per caso c'era un attributo che inserito al tag <fieldset> permette di avere, con tutti i browser, gli angoli tondi.

    Chiedo ciò perchè ho notato che alcuni browser vedono gli angoli tondi ed altri vedono gli angoli del filedset come rettangoli.
    Apprezzi l'aiuto? Offrimi un caffè!

  2. #2
    Guest

    Predefinito

    Citazione Originalmente inviato da miki92 Visualizza messaggio
    Buongiorno,

    volevo chiedervi se per caso c'era un attributo che inserito al tag <fieldset> permette di avere, con tutti i browser, gli angoli tondi.

    Chiedo ciò perchè ho notato che alcuni browser vedono gli angoli tondi ed altri vedono gli angoli del filedset come rettangoli.
    Un attributo a livello html non mi risulta che ci sia.
    Si può provare con qualcosa tipo questa:
    http://www.css3.info/preview/rounded-border/
    http://www.w3.org/TR/2005/WD-css3-ba...-border-radius

    Secondo me per risolvere tutti i problemi dovresti farti delle immagini di angoli arrotondati da usare con un css.

    Ciao

  3. #3
    L'avatar di miki92
    miki92 non è connesso AlterGuru 2500
    Data registrazione
    21-04-2007
    Residenza
    Procida (NA)
    Messaggi
    4,233

    Predefinito

    Si lo so che posso utilizzare immagini con css o direttamente Nifty Corners ma io lo chiedevo a livello di curiosità perchè poi non mi importa più di tanto...non è una cosa che cambia il sito se un utente vede gli angoli tondi o rettangoli ad un fieldset...l'importante è il contanuto

    Grazie della risposta
    Apprezzi l'aiuto? Offrimi un caffè!

  4. #4
    Guest

    Predefinito

    Una volta ho utilizzato questo:
    Codice:
    <b class="rtop">
        <b class="r1"></b>
        <b class="r2"></b>
        <b class="r3"></b>
        <b class="r4"></b>
    </b>
    <div>Contenuto</div>
    <b class="rbottom">
        <b class="r4"></b>
        <b class="r3"></b>
        <b class="r2"></b>
        <b class="r1"></b>
    </b>
    e nel CSS:
    Codice:
                /* Round Border */
    	
    b.rtop, b.rbottom{display: block; background: trasparent;}
    b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #EFF7FE;}
    b.r1{margin: 0 5px}
    b.r2{margin: 0 3px}
    b.r3{margin: 0 2px;}
    b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px; }
    .testo{background: #dce4ef; color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center}
    .rbottom {
            margin-bottom:5px;}
    Non so se può esserti utile, ma il risultato non è male.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •