Conflitto di jquery ui (accordion e tabs) nel template

Se hai problemi con la barra di iobloggo o con i template, questo è il posto giusto!

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda arunka » 19 novembre 2009, 16:57

sto provando a fare un template utilizzando tab e accordion di jquery ui all'indirizzo http://picciupicciu.iobloggo.com/
come si puoi vedere, con i tab non ho problemi mentre con gli accordion ho uno scalino sull'elemento aperto.

la colpa di questo scalino è dovuta al file dialog.css che viene messo dalla piattaforma in ogni blog.. penso che sia anche dovuto all'ultima riga del dialog.css che impone un margine di 5px per i div della classe ui-accordion.

a che serve questo dialog.css? c'è un modo per toglierlo/aggirarlo? Ho provato con !important ma mi fa scoppiare l'accordion.

Suggerimenti?
Grazie :D
Essere cortesi
Per mia netiquette personale, non fornisco assistenza a chi si rivolge sgarbatamente.
Per ulteriori informazioni leggi qui!

Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!

Presentarsi
Per colpa del molto spam che riceviamo, periodicamente eliminiamo gli utenti registrati senza messaggi. Per evitare che, erroneamente, un account venga cancellato, ti consigliamo di presentarti nella apposita sezione: Presentiamoci!
Avatar utente
arunka
Moderatore
Moderatore
 
Messaggi: 1403
Iscritto il: 7 agosto 2006, 0:15
Indirizzo blog: www.iobloggo.com

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda arunka » 20 novembre 2009, 0:59

Ho anche un altro problema: dentro l'accordion mi si separa il testo dal link.
per fare un esempio, invece di vedere nei post
[mod] [del]

vedo

[][] moddel

tutti questi problemi spariscono se in locale elimino <link href="http://static.iobloggo.com/static/css/dialog.css" rel="stylesheet" type="text/css">
Come posso raggirarlo?
Essere cortesi
Per mia netiquette personale, non fornisco assistenza a chi si rivolge sgarbatamente.
Per ulteriori informazioni leggi qui!

Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!

Presentarsi
Per colpa del molto spam che riceviamo, periodicamente eliminiamo gli utenti registrati senza messaggi. Per evitare che, erroneamente, un account venga cancellato, ti consigliamo di presentarti nella apposita sezione: Presentiamoci!
Avatar utente
arunka
Moderatore
Moderatore
 
Messaggi: 1403
Iscritto il: 7 agosto 2006, 0:15
Indirizzo blog: www.iobloggo.com

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda anija » 20 novembre 2009, 10:18

Il dialog.css serve, non è lì per caso ;)
Credo che per aggirarlo ti sia sufficiente, invece che cercare di assegnare un css alla classe "ui-accordion", assegnarglielo in questo modo:
Codice: Seleziona tutto
#mioaccordion .ui-accordion {}

mettendo quindi dentro a un div con un id preciso il tuo codice, in modo da differenziarlo.
Credo :D
Immagine

regolamento // guida // faq // cerca
Immagine
« sei in intimo allineamento con il palpitante ronzio del Divino Wow » Rob Brezsny
Immagine Immagine Immagine Immagine
Avatar utente
anija
Admin
Admin
 
Messaggi: 7745
Iscritto il: 3 marzo 2004, 16:59
Località: Milano
Indirizzo blog: http://anija.iobloggo.com

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda Lotti » 20 novembre 2009, 13:38

si potrebbe sapere perchè nel dialog c'è l'imposizione diretta ai tag e non tramite classi e id? :)
Lotti
abituale
abituale
 
Messaggi: 91
Iscritto il: 9 maggio 2004, 23:10
Località: Roma
Indirizzo blog: http://emoglobine.iobloggo.com/

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda anija » 20 novembre 2009, 13:40

Veramente nel dialog ci sono solo riferimenti a classi, non a tag.

Codice: Seleziona tutto
.ui-accordion-header {font-size:11px; padding:5px; margin:0px; width:100%;}
.ui-accordion {list-style-type: none; padding: 0px; margin: 2px 0px 5px 0px;}
.ui-accordion A {text-decoration:none;}
.ui-accordion LI {padding:5px; background-image:none;  border-bottom:2px solid #CCC; margin:0 0 0 -3px;}
.ui-accordion A IMG {border:0px;}
.ui-accordion DIV A {float:right; margin:0px;}
.ui-accordion DIV {margin:5px;}


:) :) :)
Immagine

regolamento // guida // faq // cerca
Immagine
« sei in intimo allineamento con il palpitante ronzio del Divino Wow » Rob Brezsny
Immagine Immagine Immagine Immagine
Avatar utente
anija
Admin
Admin
 
Messaggi: 7745
Iscritto il: 3 marzo 2004, 16:59
Località: Milano
Indirizzo blog: http://anija.iobloggo.com

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda arunka » 20 novembre 2009, 13:55

No, purtroppo il tuo magheggio non funziona.
Sono comunque riuscita a contenere il danno copiando il tuo accordion e mettendo qualche !important qua e la. Restano un paio di pixel che sbordano ma per ora mi accontento.
Essere cortesi
Per mia netiquette personale, non fornisco assistenza a chi si rivolge sgarbatamente.
Per ulteriori informazioni leggi qui!

Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!

Presentarsi
Per colpa del molto spam che riceviamo, periodicamente eliminiamo gli utenti registrati senza messaggi. Per evitare che, erroneamente, un account venga cancellato, ti consigliamo di presentarti nella apposita sezione: Presentiamoci!
Avatar utente
arunka
Moderatore
Moderatore
 
Messaggi: 1403
Iscritto il: 7 agosto 2006, 0:15
Indirizzo blog: www.iobloggo.com

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda Lotti » 20 novembre 2009, 14:09

.ui-accordion-header {font-size:11px; padding:5px; margin:0px; width:100%;}
.ui-accordion {list-style-type: none; padding: 0px; margin: 2px 0px 5px 0px;}
.ui-accordion A {text-decoration:none;}
.ui-accordion LI {padding:5px; background-image:none; border-bottom:2px solid #CCC; margin:0 0 0 -3px;}
.ui-accordion A IMG {border:0px;}
.ui-accordion DIV A {float:right; margin:0px;}
.ui-accordion DIV {margin:5px;}


non vorrei sbagliarmi, visto che di css conosco veramente poco, ma questi sono tag appartenenti ad una classe...

se conosci un modo per poter cambiare in modo facile "ui-accordion" in un altra cosa, saremo a cavallo.
Lotti
abituale
abituale
 
Messaggi: 91
Iscritto il: 9 maggio 2004, 23:10
Località: Roma
Indirizzo blog: http://emoglobine.iobloggo.com/

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda anija » 20 novembre 2009, 15:13

ui-accordion è la classe generata automaticamente dallo script, altrimenti sarebbe facile cambiarlo anche nel vostro codice.
I riferimenti ai tag discendono comunque dalla classe ... ed è così che funzionano i css.
Inoltre, quel css è quello standard di jquery.
Immagine

regolamento // guida // faq // cerca
Immagine
« sei in intimo allineamento con il palpitante ronzio del Divino Wow » Rob Brezsny
Immagine Immagine Immagine Immagine
Avatar utente
anija
Admin
Admin
 
Messaggi: 7745
Iscritto il: 3 marzo 2004, 16:59
Località: Milano
Indirizzo blog: http://anija.iobloggo.com

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda Lotti » 20 novembre 2009, 15:26

infatti.. hai impostato dei tag che fanno riferimento alla classe generata dallo script.. quindi chiunque userà mai un accordion o un dialog si becca le cose impostate nel dialog.css.. che non può essere quello di default del jquery perchè l'accordion si vede male.

tant'è che l'accordion che usi tu per "--archivio+counter--" non è quello standard che si vede nelle demo del jquery. dovresti aggiungere una classe ad ogni singolo tag che usi nel tuo accordion e sistemare il dialog.css di conseguenza.

ma non ti preoccupare, perchè ho cambiato la funzione del jquery per funzionare con una classe diversa da quella standard e quindi il problema grafico è risolto.
Lotti
abituale
abituale
 
Messaggi: 91
Iscritto il: 9 maggio 2004, 23:10
Località: Roma
Indirizzo blog: http://emoglobine.iobloggo.com/

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda anija » 20 novembre 2009, 15:31

Lotti ha scritto:tant'è che l'accordion che usi tu per "--archivio+counter--" non è quello standard che si vede nelle demo del jquery. dovresti aggiungere una classe ad ogni singolo tag che usi nel tuo accordion e sistemare il dialog.css di conseguenza.


Non uso nessun accordion per quel --archivio+counter--.
Ma se vuoi puoi scrivermi tu il codice php e lo metto su! ;)
Immagine

regolamento // guida // faq // cerca
Immagine
« sei in intimo allineamento con il palpitante ronzio del Divino Wow » Rob Brezsny
Immagine Immagine Immagine Immagine
Avatar utente
anija
Admin
Admin
 
Messaggi: 7745
Iscritto il: 3 marzo 2004, 16:59
Località: Milano
Indirizzo blog: http://anija.iobloggo.com

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda Lotti » 20 novembre 2009, 15:36

hai ragione, ho fatto male la ricerca nel codice e ho visto il mio stesso accordion :P

che codice ti devo scrivere? te lo scrivo..
Lotti
abituale
abituale
 
Messaggi: 91
Iscritto il: 9 maggio 2004, 23:10
Località: Roma
Indirizzo blog: http://emoglobine.iobloggo.com/

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda anija » 20 novembre 2009, 15:37

arunka ha scritto:No, purtroppo il tuo magheggio non funziona.
Sono comunque riuscita a contenere il danno copiando il tuo accordion e mettendo qualche !important qua e la. Restano un paio di pixel che sbordano ma per ora mi accontento.


Io però ora nel blog non vedo nessun codice generato con classe "ui-accordion"...
Immagine

regolamento // guida // faq // cerca
Immagine
« sei in intimo allineamento con il palpitante ronzio del Divino Wow » Rob Brezsny
Immagine Immagine Immagine Immagine
Avatar utente
anija
Admin
Admin
 
Messaggi: 7745
Iscritto il: 3 marzo 2004, 16:59
Località: Milano
Indirizzo blog: http://anija.iobloggo.com

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda anija » 20 novembre 2009, 15:39

Lotti ha scritto:hai ragione, ho fatto male la ricerca nel codice e ho visto il mio stesso accordion :P

che codice ti devo scrivere? te lo scrivo..


Non lo so, io, sei tu che mi stai dicendo cosa cambiare e dove cambiarlo e perché cambiarlo ;)

Comunque sia, non posso cambiare il css dell'intera piattaforma per fixare UN problema di UN blog. E' più sensato, oggettivamente, che sia il blog a fixare il problema. Come mi pare sia stato fatto (come dicevo, la classe dell'accordion ora è diversa da "ui-accordion", è "ui-mineaccordion")
Immagine

regolamento // guida // faq // cerca
Immagine
« sei in intimo allineamento con il palpitante ronzio del Divino Wow » Rob Brezsny
Immagine Immagine Immagine Immagine
Avatar utente
anija
Admin
Admin
 
Messaggi: 7745
Iscritto il: 3 marzo 2004, 16:59
Località: Milano
Indirizzo blog: http://anija.iobloggo.com

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda Lotti » 20 novembre 2009, 15:56

hai ragione
Lotti
abituale
abituale
 
Messaggi: 91
Iscritto il: 9 maggio 2004, 23:10
Località: Roma
Indirizzo blog: http://emoglobine.iobloggo.com/

Re: Conflitto di jquery ui (accordion e tabs) nel template

Messaggioda arunka » 20 novembre 2009, 16:10

anija ha scritto:
arunka ha scritto:No, purtroppo il tuo magheggio non funziona.
Sono comunque riuscita a contenere il danno copiando il tuo accordion e mettendo qualche !important qua e la. Restano un paio di pixel che sbordano ma per ora mi accontento.


Io però ora nel blog non vedo nessun codice generato con classe "ui-accordion"...


Non so che blog hai visto, prima era caricato in un altro. Comunque abbiamo risolto ed ora l'ho caricato nel mio blog.
Siamo andati a prendere il css generato da JQuery e gli abbiamo cambiato nome. Invece di "accordion" ora ho "mineaccordion" e siamo riusciti ad eliminare il conflitto. Quindi ora è risolto. :D
Essere cortesi
Per mia netiquette personale, non fornisco assistenza a chi si rivolge sgarbatamente.
Per ulteriori informazioni leggi qui!

Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!

Presentarsi
Per colpa del molto spam che riceviamo, periodicamente eliminiamo gli utenti registrati senza messaggi. Per evitare che, erroneamente, un account venga cancellato, ti consigliamo di presentarti nella apposita sezione: Presentiamoci!
Avatar utente
arunka
Moderatore
Moderatore
 
Messaggi: 1403
Iscritto il: 7 agosto 2006, 0:15
Indirizzo blog: www.iobloggo.com


Torna a [Problemi tecnici] Template

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

cron