Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149

    Chiarimento bordi arrotondati

    Ho creato dei bordi arrotondati seguendo le istruzioni di questo sito
    Indirizzo web.
    Non riesco però ad eliminare una sottile linea che fa da bordo all'intero campo, è possibile eliminarla modificando qualche parametro?non riesco a capire quale..
    Questo è ciò che ho scritto:
    <div>
    <b class="rtop">
    <b class="r1">[/b]
    <b class="r2">[/b]
    <b class="r3">[/b]
    <b class="r4">[/b]
    [/b]

    <b class="rbottom">
    <b class="r4">[/b]
    <b class="r3">[/b]
    <b class="r2">[/b]
    <b class="r1">[/b]
    [/b]

    E questo va nel CSS:

    b.rtop, b.rbottom{display: block; background: #FFF}
    b.rtop b, b.rbottom b{display: block; height: 1px;
    overflow: hidden; background: #76C2FA}
    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}

    grazie mille

  2. #2
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Ti riporto il codice del bok ottenuto con quel tutorial, io onestamente non ci vedo bordi fastidiosi
    codice:
    <meta name="generator" content="HAPedit 3.1">
    
    <style type="text/css">
    body {
    	padding: 20px;
    	background-color: #000000;
        font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif
    }
    h1,h2,p {
    	margin: 0 10px
    }
    h1 {
    	font-size: 250%;
    	color: #FFF
    }
    h2 {
    	font-size: 200%;
    	color: #f0f0f0
    }
    p {
    	padding-bottom:1em
    }
    h2 {
    	padding-top: 0.3em
    }
    div#nifty { 
    	margin: 0 10%;
    	background: #9BD1FA
    }
    
    b.rtop, b.rbottom {
    	display:block;
    	background: #000000
    }
    b.rtop b, b.rbottom b {
    	display:block;
    	height: 1px;
        overflow: hidden; 
    	background: #9BD1FA
    }
    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
    }
    </style>
    
    </head>
    <body>
    
    <div id="nifty">
        <b class="rtop">
            <b class="r1">[/b]
            <b class="r2">[/b]
            <b class="r3">[/b]
            <b class="r4">[/b]
        [/b]
        <h1>Nifty Corners</h1>
        
    
    Auiiui  uieiouo auuaa oiaue uaou iioiiou uiio a io ieeoai uaouoe uoiaau eeauauou u oiauuie eo ui.</p>
        <h2>Rounded corners without images</h2>
        
    
    Aaeao aiieuouiu io ueuiieu uei oeio uooiau uue ooiea ooiaui eue ouue i uiaoo iouieiuia uueeo ieieuiiau
        ueaooa iou iaeieuo uoao iauoi u i oeioooe auo a ooe u uuuo oaooaae uoa iuiuiaeu iioaeu uuiu eeu ea eouoiuo 
        ua o.</p>
        
    
    Iiuiuaea ouea ieuuio o i iuo oiei uoeeou ieoau uaeeiu uouooa uiaiaue ii oo iei eiaiueoo iaoa euiaou uoia
        uuei ua aoauia ieoae eioiaia eu uiueeiui ueuaiuo uaa eie oaeee uau ooieoi uoii oeuioei uouiiuu ioeiuoe eaeuoi.</p>
        
    
    Iueuouii  eei iueoie i iooououe eoio eeeuoeio u eu ee uueeo eiuoi iooeiu uuiei uiaeo oaaoo iuu uuue
        auo au o ooueooii oueui aeeeau uoeoeee aeuaea aoeuoieeo aio aaiio iuouau e aouueuuie oiieae eioii oeeiu
        uaeuueuu eeue ieu.</p>
        <b class="rbottom">
            <b class="r4">[/b]
            <b class="r3">[/b]
            <b class="r2">[/b]
            <b class="r1">[/b]
        [/b]
    </div>
    
    </body>
    </html>

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149
    Hai ragione,
    ma io ho lo sfondo verde e gli arrotondamenti color marrone e nel quadratino che contiene il bordo arrotondato ho anche il lato superiore e il quello laterale esterno che sono definiti color marrone e non sono verdi come lo sfondo...spero di essermi spiegato bene è difficile da spiegare...

  4. #4
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Originariamente inviato da luseresi
    Hai ragione,
    ma io ho lo sfondo verde e gli arrotondamenti color marrone e nel quadratino che contiene il bordo arrotondato ho anche il lato superiore e il quello laterale esterno che sono definiti color marrone e non sono verdi come lo sfondo...spero di essermi spiegato bene è difficile da spiegare...
    Fai uno screenshot da vedere ed evidenzia la cosa che non va

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    149
    Originariamente inviato da Gufo
    Fai uno screenshot da vedere ed evidenzia la cosa che non va
    In allegato metto l'immagine...
    Vedi che ha i bordi arrotondati ma sotto lo sfondo(che nella foto è verde) non è trasparente e c'e' una riga che fa da bordo colorato marrone che non dovrebbe esserci?
    grazie
    Immagini allegate Immagini allegate

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.