Back to top

Autore Topic: cornice explorer  (Letto 4268 volte)

Offline pulce

  • Appassionato
  • ***
  • Post: 342
  • Sesso: Maschio
    • Mostra profilo
cornice explorer
« il: 15 Dic 2012, 11:08:13 »
Salve a tutti. Ho inserito nel css questa cornice per gli articoli che, mentre si vede con FF e Chrome, su internet explorer non compare. Anzi visualizza un riquadro scuro. Come posso fare ? Grazie

Codice: [Seleziona]
table.contentpaneopen {
border-style: solid; border-width: 10px 40px 40px 10px; -moz-border-image: url(../images/cornice.png) 38 164 60 42 repeat; -webkit-border-image: url(../images/cornice.png) 38 164 60 42 repeat; -o-border-image: url(../images/cornice.png) 38 164 60 42 repeat; border-image: url(../images/cornice.png) 38 164 60 42 fill repeat ;
Nulla avviene per caso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #1 il: 15 Dic 2012, 11:12:01 »
Che è sta roba?
Codice: [Seleziona]
-moz-border-image: url(../images/cornice.png) 38 164 60 42 repeat; -webkit-border-image: url(../images/cornice.png) 38 164 60 42 repeat; -o-border-image: url(../images/cornice.png) 38 164 60 42 repeat; border-image: url(../images/cornice.png) 38 164 60 42 fill repeat ;Nel css non esiste una cosa del genere, se vuoi ottenere uno stile uniforme per i vari browser devi seguire gli standard del w3c. Il border va bene, la background-image ci sta, ma tutto ciò che comincia con -moz devi dimenticarlo se vuoi che il sito sia uguale per tutti i visitatori


Questo mi sembra l'unico caso nel mondo in cui la colpa non è di IE :D

Offline pulce

  • Appassionato
  • ***
  • Post: 342
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #2 il: 15 Dic 2012, 11:42:28 »
Grazie della risposta.
Ho semplificato il codice:
Codice: [Seleziona]
table.contentpaneopen {
border-style: solid; border-width: 10px 40px 40px 10px; border-image: url(../images/cornice.png) 38 164 60 42 repeat; fill repeat ;
ma il problema rimane.
Come faresti ? Grazie
Nulla avviene per caso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #3 il: 15 Dic 2012, 11:46:06 »
poichè non hai postato un link al sito posso solo immaginare quello che cerchi di fare...
se il div di riferimento ha una width ed una height fisse puoi semplicemente assegnargli uno sfondo che contenga quei bordi in quanto la proprietà che tenti di usare fa parte del css3: ie non è il miglior browser per cui molti standard non li supporta (per questo il commento di prima ;) ) e tra questi vi sono anche molte caratteristiche del css3. Che versione di ie stai considerando?

Offline pulce

  • Appassionato
  • ***
  • Post: 342
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #4 il: 15 Dic 2012, 13:10:27 »
Il sito in questione è questo:
http://www.acforli.org/
cercavo di fare una cosa carina per natale ...
Grazie dei consigli.
Nulla avviene per caso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #5 il: 15 Dic 2012, 13:49:17 »
ho capito. allora io avrei agito diversamente: dal momento che border-image è ancora una funzione sperimentale (non supportata in pieno dai browser, soprattutto se la applichi ad una tabella!!!) puoi provare con questo css:
Codice: [Seleziona]
.blog td>div{
    border:solid 2px green;
    padding:30px;
    border-radius:25px;
    -moz-border-radius:25px; /* Vale solo per le vecchie versioni di FF */
}
.blog td>div{
    background: no-repeat url(../images/vischio.png) bottom right;}


Puoi modificare i valori a tuo piacimento. In questo modo dovrai inserire solo l'immagine del vischio/candela che sarà più leggera e non sarà così deformata!

Offline pulce

  • Appassionato
  • ***
  • Post: 342
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #6 il: 15 Dic 2012, 14:34:54 »
Ottimo, grazie.
Solo che adesso gli articoli si presentano tutti come l'allegato. Viene incorniciato ogni div ...
(Nel sito al momento ho tolto la cornice per non creare confusione hai visitatori).



[allegato eliminato da un amministratore essendo vecchio più di un anno]
Nulla avviene per caso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #7 il: 15 Dic 2012, 14:43:48 »
scusami è stata una mia dimenticanza
Codice: [Seleziona]
.blog td>div{
    border:solid 2px green;
    padding:30px;
    border-radius:25px;
    -moz-border-radius:25px; /* Vale solo per le vecchie versioni di FF */
}
.blog td{
    background: no-repeat url(../images/vischio.png) bottom right;}
Il background volevo applicarlo solo al td

Offline pulce

  • Appassionato
  • ***
  • Post: 342
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #8 il: 15 Dic 2012, 18:12:34 »
Sei molto gentile ... ma ancora non funziona. L'immagine si ripete anche all'interno degli articoli.
Io avevo pensato di applicare lo stile al table.contentpaneopen perchè si'incorniciasse solo l'articolo.
Funziona, ma non con explorer ... il mio problema è quello.
Grazie ancora per la disponibilità ...
Nulla avviene per caso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #9 il: 15 Dic 2012, 18:20:31 »
postami il codice che hai usato che non funge con explorer. Ogni problema ha una soluzione, più o meno difficile, altrimenti non sarebbe un problema :)

Offline pulce

  • Appassionato
  • ***
  • Post: 342
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #10 il: 15 Dic 2012, 19:11:39 »
OK.
Il codice che ho usato è all'inizio del post. Al quale poi ho tolto i reiferimenti -moz su tua indicazione.
In ogni caso su FF e chrome funziona, mentre su Explorer fa caricare l'articolo con uno sfondo nero al posto dell'immagine, come non la trovasse.
Avevo provato a mettere nel link l'indirizzo completo al posto di quello relativo, ma explorer non ne vuole comunque sapere.
Ciao e grazie ancora

Nulla avviene per caso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #11 il: 15 Dic 2012, 19:17:13 »
credevo avessi trovato un metodo alternativo per l'immagine di sfondo.. quell'altro metodo è sperimentale e non sarà mai supportato da ie 9.
Puoi provare ad usare i commenti condizionali che in caso di ie attivano la regola che ti ho postato

Offline pulce

  • Appassionato
  • ***
  • Post: 342
  • Sesso: Maschio
    • Mostra profilo
Re:cornice explorer
« Risposta #12 il: 15 Dic 2012, 19:50:42 »
Ho riattivato il css nel sito.
Sapevo che con i css explorer faceva storie, ma quella usata è un'immagine.
Ho provato anche ad aggiungere questo comando:
Codice: [Seleziona]
[if lte IE 6]
background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/natale.png’, sizingMethod=’crop’);
ma anche questo non funziona ...

Nulla avviene per caso

 



Web Design Bolzano Kreatif