Stellar Blade Un'esclusiva PS5 che sta facendo discutere per l'eccessiva bellezza della protagonista. Vieni a parlarne su Award & Oscar!

AESSENET.ORG - Forum Forum di aessenet

bordi arrotondati con css in dw

  • Messaggi
  • OFFLINE
    viralf2002
    Post: 235
    Utente Senior
    00 10/08/2006 15:15
    salve,
    avrei bisogno di sapere se c'e' il modo per creare bordi arrotondati per i box di un layout senza l uso di immagini di sfondo.
    girando per il web ho visto molti esempi di come farlo tramite css ma tutti in codice mentre io vorrei poterlo farle usando esclusivamente dreamweaver in modo progettazione.
    ty all
  • OFFLINE
    Etabeta3030
    Post: 932
    Utente Senior
    00 10/08/2006 17:56
    che io sappia, DW non ce la fa...
    ho creato per un sito dei bordi ad angolo smussato e con i css, e l'unico che li vede è IExplorer, Dreamweaver e Firefox non li riconoscono...
  • sunya
    00 10/08/2006 18:09
    Re:

    Scritto da: Etabeta3030 10/08/2006 17.56
    che io sappia, DW non ce la fa...
    ho creato per un sito dei bordi ad angolo smussato e con i css, e l'unico che li vede è IExplorer, Dreamweaver e Firefox non li riconoscono...



    Firefox li riconosce... [SM=x53912]
    Se utilizzi delle immagini ma sono una volta uppate e non in locale!!! Non so per quale motivo ma con Dreamweaver e firefox in locale non riesco mai a vedere le immagini utilizzate tramite css...

    Provate!!! [SM=x53913]


  • OFFLINE
    Etabeta3030
    Post: 933
    Utente Senior
    00 11/08/2006 02:52
    Re: Re:

    Scritto da: sunya 10/08/2006 18.09


    Firefox li riconosce... [SM=x53912]
    Se utilizzi delle immagini ma sono una volta uppate e non in locale!!! Non so per quale motivo ma con Dreamweaver e firefox in locale non riesco mai a vedere le immagini utilizzate tramite css...

    Provate!!! [SM=x53913]





    Sì ma io intendevo gli angoli smussati non con delle immagini, ma con il css che dà il border radius, e che fa uscire gli angoli smussati nei bordi dei div solo su firefox....
  • OFFLINE
    viralf2002
    Post: 236
    Utente Senior
    00 11/08/2006 06:50
    Re: Re: Re:

    Scritto da: Etabeta3030 11/08/2006 2.52


    Sì ma io intendevo gli angoli smussati non con delle immagini, ma con il css che dà il border radius, e che fa uscire gli angoli smussati nei bordi dei div solo su firefox....



    si anche io intendevo come gia detto senza l uso di immagini in background ... aspetto se qualcuno sa come fare in dw sempre che si possa fare a questo punto ho il dubbio
  • sunya
    00 11/08/2006 16:52
    Con dreamweaver basta che crei un foglio di stile css con all'interno una classe per i bordi arrotondati. Poi sulla pagina xhtml crei un div e scegli di assegnargli la classe in questione. Ovviamente questo dopo aver segnalato nei tag che prelevi il file css da tale directory.

    Ciao [SM=x53912]


  • OFFLINE
    viralf2002
    Post: 237
    Utente Senior
    00 11/08/2006 23:14
    Re:

    Scritto da: sunya 11/08/2006 16.52
    Con dreamweaver basta che crei un foglio di stile css con all'interno una classe per i bordi arrotondati. Poi sulla pagina xhtml crei un div e scegli di assegnargli la classe in questione. Ovviamente questo dopo aver segnalato nei tag che prelevi il file css da tale directory.

    Ciao [SM=x53912]





    il problema e come creare la classe con i bordi arrotondati non usando codice o immagini ovvero semplicemente sfruttando le opzione dell interfaccia di dw?
  • sunya
    00 12/08/2006 11:30
    Re: Re:

    Scritto da: viralf2002 11/08/2006 23.14


    il problema e come creare la classe con i bordi arrotondati non usando codice o immagini ovvero semplicemente sfruttando le opzione dell interfaccia di dw?



    Ero su Linux e tuttavia quella da me indicato è un modo grafico!!! [SM=x53933]

    Come fare:

    1. Apri Dreamweaver
    2. Apri una pagina xhtml
    3. Nel pannello delle proprietà in basso clicca sul menù Stile e assegna un file css alla pagina
    4. Per avere una gestione a vista vai su Finestra-->Stili Css...
    5. Crea un div o un paragrafo o quello che vuoi
    6. Dal pannello degli stili clicca sull'icona che raffigura un foglio con più e aggiungi un selettore a scelta oppure clicca sul div visualmente (cambierà colore) ricliccaci con il destro Stili css-->Nuovo oppure uno che hai già creato prima. Se deve valere per tutti i div facciamo tag e poi div. Clicca "Ok".
    7. Ti appare una finestra dove puoi settare le istruzioni per il css.

    Adesso sta a te fare un po' di pratica, le mie istruzioni sono indicative, il programma è una manna per chi lo impara bene.

    Ma cosa volete di più!!! Preferisco scrivere a manina quando c'è tempo ma con Dreamweaver è davvero tutto molto semplice. Se poi cercavi il tastino fammi il div comelovoglioio quello non esiste. [SM=x53915] [SM=x53915] [SM=x53915]


  • OFFLINE
    viralf2002
    Post: 238
    Utente Senior
    00 12/08/2006 17:14
    Re: Re: Re:

    Scritto da: sunya 12/08/2006 11.30


    Ero su Linux e tuttavia quella da me indicato è un modo grafico!!! [SM=x53933]

    Come fare:

    1. Apri Dreamweaver
    2. Apri una pagina xhtml
    3. Nel pannello delle proprietà in basso clicca sul menù Stile e assegna un file css alla pagina
    4. Per avere una gestione a vista vai su Finestra-->Stili Css...
    5. Crea un div o un paragrafo o quello che vuoi
    6. Dal pannello degli stili clicca sull'icona che raffigura un foglio con più e aggiungi un selettore a scelta oppure clicca sul div visualmente (cambierà colore) ricliccaci con il destro Stili css-->Nuovo oppure uno che hai già creato prima. Se deve valere per tutti i div facciamo tag e poi div. Clicca "Ok".
    7. Ti appare una finestra dove puoi settare le istruzioni per il css.

    Adesso sta a te fare un po' di pratica, le mie istruzioni sono indicative, il programma è una manna per chi lo impara bene.

    Ma cosa volete di più!!! Preferisco scrivere a manina quando c'è tempo ma con Dreamweaver è davvero tutto molto semplice. Se poi cercavi il tastino fammi il div comelovoglioio quello non esiste. [SM=x53915] [SM=x53915] [SM=x53915]






    dunque .... some si assegna un css ad un div lo so gia quindi dal punto 1 al punto 7 niente di nuovo ne tanto meno di cio che ho chiesto ....
    quindi a sto punto porgo altra domanda:
    MA PARLO TURCO ?
  • sunya
    00 12/08/2006 20:03
    Re: Re: Re: Re:

    Scritto da: viralf2002 12/08/2006 17.14



    dunque .... some si assegna un css ad un div lo so gia quindi dal punto 1 al punto 7 niente di nuovo ne tanto meno di cio che ho chiesto ....
    quindi a sto punto porgo altra domanda:
    MA PARLO TURCO ?



    No, io ti ho risposto!!! Forse tu vuoi il programma zac zac... non esiste!!! [SM=x53915] [SM=x53915] [SM=x53915]


  • sunya
    00 12/08/2006 20:31
    Re: Re: Re: Re:

    Scritto da: viralf2002 12/08/2006 17.14



    dunque .... some si assegna un css ad un div lo so gia quindi dal punto 1 al punto 7 niente di nuovo ne tanto meno di cio che ho chiesto ....
    quindi a sto punto porgo altra domanda:
    MA PARLO TURCO ?



    Forse non ti sei reso conto che così non scrivi nemmeno una riga di codice css ed è tutto visuale. E' dreamweaver che ti scrive le istruzioni, non si tratta di assegnare un foglio di stile!!! Il foglio di stile è vuoto: Dreamweaver lo compila... [SM=x53933] Cosa che fa già di suo quando crei una pagina xhtml e non gli assegni un css Dreaweaver lo elabora all'interno della pagina. Se poi io sono demente, o tu credi di vivere nel futuro...

    Hai scritto:
    avrei bisogno di sapere se c'e' il modo per creare bordi arrotondati per i box di un layout senza l uso di immagini di sfondo.
    girando per il web ho visto molti esempi di come farlo tramite css ma tutti in codice mentre io vorrei poterlo farle usando esclusivamente dreamweaver in modo progettazione.

    Box di layout??? Sono i div o stiamo ancora a tabelle???
    Etabeta ti ha detto l'istruzione da utilizzare per i bordi ma non funziona su firefox!!! Prova a riprogrammare firefox o ti accontenti di quello visto che con le immagini... [SM=x53927]


    esclusivamente dreamweaver in modo progettazione??? Ti ho detto scrivi codice da qualche parte??? Bha... [SM=x53923] Non saprò scrivere... forse... [SM=x53913]


  • OFFLINE
    viralf2002
    Post: 239
    Utente Senior
    00 13/08/2006 00:40
    vabe' ....
    dimenticando di premettere che uso dw solo per divertimento personale e sono cmq alle prime armi sicuramente ho difficolta nell esprimermi in giusti termini tecnici nonche capirli ...

    cerco di essere piu semplice e meno tecnico possibile almeno non faro l errore di scrivere cose equivocabili.

    per ora uso ancora tabelle, sto provando anche ad usare i livelli ... per quanto riguarda i div nn ho ben chiara la loro definizione visto che nei tag in basso alla finestra se scrivo qualcosa in un campo di una tabella comunque gli assegna il tag div.

    per quanto riguarda etabeta non mi ha detto come poter fare perche secondo lui dw non ha la possibilita di raggiungere tale scopo senza l uso di scrivere css in codice ( a manina) o usando immagini di sfondo di rettangoli dai bordi arrotondati, appunto come avevo detto di non voler fare.

    ci sono molti esempi piu o meno validi nel net per arrotondare i bordi di una tabella o di un div con codice scritto ma nn ho trovato nessun tutorial che permette di farlo usando l intefaccia dei css di dw.

    Ad esempio se volessi fare un rettangolo per il menu di una pagina farei una tabella e tramite detta interfaccia (quella css di dw appunto) farei un istruzione che assegni dei bordi a linea continua ai quattro lati del rettangolo [SM=x53914] ... risultato un rettangolo appunto !

    ora se io volessi avere come risultato un rettangolo con i bordi arrotondati che tipo di istruzioni dovrei mettere nell interfaccia css di dw per poi assegnarla alla tabella in riferimento ? (non usando codice o immagini in background)

    [SM=x53918]
  • OFFLINE
    Etabeta3030
    Post: 934
    Utente Senior
    00 13/08/2006 02:27
    vai nei css creati da DW, nella head o nel foglio esterno, è uguale
    aggiungi questa classe e poi assegnala ad un div

    .bordosmussato {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #ffda77;
    margin: 1em;
    padding: 1%;
    background: #ffedc0;
    -moz-border-radius:25px;
    border-radius:6px;

    }

    scoprirai che Firefox e Mozilla ti smussano gli angoli ( -moz credo stia per mozilla)
    DW e IE non sono in grado di decifrarlo

    questo è quanto di meglio ho trovato finora in termini di angoli smussati non grafici, ma se vuoi validare i css con queste due righini finali non te li passa.
    Che io sappia Dreamweaver non ha soluzioni pre-impostate che possano supplire.
  • OFFLINE
    Etabeta3030
    Post: 935
    Utente Senior
    00 13/08/2006 02:43
    Re:

    Scritto da: viralf2002 13/08/2006 0.40


    per ora uso ancora tabelle, sto provando anche ad usare i livelli ... per quanto riguarda i div nn ho ben chiara la loro definizione visto che nei tag in basso alla finestra se scrivo qualcosa in un campo di una tabella comunque gli assegna il tag div.




    eh, cercavo di spiegarlo proprio oggi a mio fratello....
    stai attento a mescolare tabelle e div, perchè non tutto va bene.
    L'ideale all'inizio è o tutto tabellare o tutto div
    questo perchè rischi di confonderti.


    la tabella è un elemento molto "innestato" nella pagina, cioè fa conto di avere un foglio di carta e di disegnarci sopra una griglia, comprese le tabelle nidificate, griglia nella griglia, il tutto è parte integrante della pagina una volta che hai finito di disegnare.

    Il div invece è un Layer, come se tu avessi dei rettangolini di carta velina da attaccare sulla pagina come fossero dei post-it.
    Li puoi posizionare anche uno sopra l'altro, farli combaciare uno accanto all'altro, ma restano sempre "sopra".


    Dreamweaver nelle ultime versioni scrive il codice abbastanza bene. devi controllare di non averlo appesantito tu per sbaglio. non è che per caso hai inserito una tabella in un div?
    Quando crei una tabella vai nollo script corrispondente e trovi scritto <table>....</table>
    quando invece crei un Layer (in termini tecnici detto anche box-model) nello script trovi <div id="Layer1">....</div>


    Modificato da Etabeta3030 13/08/2006 2.54
  • OFFLINE
    viralf2002
    Post: 240
    Utente Senior
    00 13/08/2006 14:28
    eta il tuo esempio in codice non posso provarlo perche per il momento uso solo ie come browser tanto ancora devo riuscire a fare qualcosa di decente con dw quindi per il momento mi concentro su quello, ma non ho dubbi che funzioni solo sugli altri browsers come da te detto. (infatti l ho pravoto in ie e non smussa gli angoli) [SM=x53911]

    per quanto riguarda i div credo di capire che quando si dive div si intende layer .... o sbaglio ?
    Quello che mi porta fuoristrada e che per esempio in dw posso creare dei livelli che funzionano cosi come hai spiegato tu (tipo carta velina) ma anche creare dei tag div che a vista d occhio sembrano essere statici.

    ... come capisco tuo fratello [SM=x53914]
  • OFFLINE
    Etabeta3030
    Post: 936
    Utente Senior
    00 13/08/2006 17:57
    un DIV o Layer o Box model sono la stessa cosa.

    il Box model hanno 4 tipi di posizionamento absolute, relative, static e fixed, ma DW di default te li crea absolute, poi devi saperti muovere un po' nel codice per modificarli.
    QUI trovi le spiegazioni.
  • sunya
    00 14/08/2006 13:16
    La cosa è un po' più complessa del previsto!!!

    Siccome la tua decisione di utilizzare questo metodo non è molto logica, visto che tu stesso utilizzi explorer. Devi aggiungere il comando alle librerie tag di Dreamweaver e questo dovrebbe consertirti di usarlo senza molti problemi anche in modo grafico. [SM=x53912]

    P.S.
    Scarica mozilla firefox ed opera!!!


    Ciao [SM=x53911]


  • sunya
    00 14/08/2006 13:19
    Re: Re: Re: Re: Re:

    Scritto da: sunya 12/08/2006 20.31


    Forse non ti sei reso conto che così non scrivi nemmeno una riga di codice css ed è tutto visuale. E' dreamweaver che ti scrive le istruzioni, non si tratta di assegnare un foglio di stile!!! Il foglio di stile è vuoto: Dreamweaver lo compila... [SM=x53933] Cosa che fa già di suo quando crei una pagina xhtml e non gli assegni un css Dreaweaver lo elabora all'interno della pagina. Se poi io sono demente, o tu credi di vivere nel futuro...

    Hai scritto:
    avrei bisogno di sapere se c'e' il modo per creare bordi arrotondati per i box di un layout senza l uso di immagini di sfondo.
    girando per il web ho visto molti esempi di come farlo tramite css ma tutti in codice mentre io vorrei poterlo farle usando esclusivamente dreamweaver in modo progettazione.

    Box di layout??? Sono i div o stiamo ancora a tabelle???
    Etabeta ti ha detto l'istruzione da utilizzare per i bordi ma non funziona su firefox!!! Prova a riprogrammare firefox o ti accontenti di quello visto che con le immagini... [SM=x53927]


    esclusivamente dreamweaver in modo progettazione??? Ti ho detto scrivi codice da qualche parte??? Bha... [SM=x53923] Non saprò scrivere... forse... [SM=x53913]





    Firefox=Dreamweaver... [SM=x53912]

    Tuttavia basta che fai un po' di pratica con il pannello css anche se attualmente Dreamwever non ti permetterà di scriverlo il parametro -moz... a meno che non lo aggiungi a una libreria tag!!!

    [SM=x53911]