Pagina 3 di 3 primaprima 1 2 3
Visualizzazione dei risultati da 21 a 30 su 30
  1. #21
    Utente di HTML.it
    Registrato dal
    Apr 2015
    Messaggi
    23
    Quote Originariamente inviata da ResianTaxidrive Visualizza il messaggio
    Si potrebbe vedere online il tutto? Da quello che dici sembra che il widget ti tolga l'html che tu hai messo
    eh purtroppo no sto costruendo il sito in locale, non ho modo di andare on line,
    questa è la risposta del browser inserendo il codice nel widget:

    screen shot1.jpg

    L'immagine la visualizza correttamente, ma il resto del codice no, e il link lo mette in alto a sx e non dentro l'immagine..
    Ultima modifica di Dannn; 23-04-2015 a 19:02

  2. #22
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    come è possibile che tu veda il css come testo? Non capisco dove lo hai inserito. NOn devi inserirlo nell'editor di testo del widget bensì in un file con estensione .css

    Inoltre se tu inserisci
    <div id="button1"><a href="tuo link"></a></div>

    la regola stile deve essere
    #button1{
    ...
    }

    Cioè, non ha senso inserire un div con id=button1 se poi metti una regola stile chiamata #button...vedi bene che la regola non agisce su niente.

  3. #23
    Utente di HTML.it
    Registrato dal
    Apr 2015
    Messaggi
    23
    Quote Originariamente inviata da ResianTaxidrive Visualizza il messaggio
    come è possibile che tu veda il css come testo? Non capisco dove lo hai inserito. NOn devi inserirlo nell'editor di testo del widget bensì in un file con estensione .css

    Inoltre se tu inserisci
    <div id="button1"><a href="tuo link"></a></div>

    la regola stile deve essere
    #button1{
    ...
    }

    Cioè, non ha senso inserire un div con id=button1 se poi metti una regola stile chiamata #button...vedi bene che la regola non agisce su niente.
    Ok. Il problema è dare il comando che identifichi quel preciso widget di testo dentro al quale la regola di stile deve andare ad agire, ora, il widget in questione dovrebbe essere:

    id="widget-37_text-10" class="widget"

    Il codice completo che vado a inserire nel .css quale dovrebbe essere?

  4. #24
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Non complicarti le cose.
    Se in un widget tu inserisci un div a cui assegni un id, chiamandolo come ti pare (ad esempio:button1), poi nel foglio stile metti una regola

    #button1{margin:20px;} (ad esempio)

    che va ad agire sul tuo oggetto che ha quell'id.

    Ma la mia perplessità nasce dal fatto che tu hai postato una immagine (presa dal browser presumo) dove si vedevano le regole css! come se le avessi incollate anch'esse nel'editor del widget.

  5. #25
    Utente di HTML.it
    Registrato dal
    Apr 2015
    Messaggi
    23
    Quote Originariamente inviata da ResianTaxidrive Visualizza il messaggio
    Non complicarti le cose.
    Se in un widget tu inserisci un div a cui assegni un id, chiamandolo come ti pare (ad esempio:button1), poi nel foglio stile metti una regola

    #button1{margin:20px;} (ad esempio)

    che va ad agire sul tuo oggetto che ha quell'id.

    Ma la mia perplessità nasce dal fatto che tu hai postato una immagine (presa dal browser presumo) dove si vedevano le regole css! come se le avessi incollate anch'esse nel'editor del widget.
    Si si errore fu.. adesso ho messo il la regola di cui sopra nel foglio di stile ma non va.. continua a visualizzare solo il link "vai" senza immagine di sfondo..

  6. #26
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    OK, cerchiamo di capire perchè. Che browser usi? Sai usare firebug per Firefox oppure l'ispettore di codice di Chrome?

  7. #27
    Utente di HTML.it
    Registrato dal
    Apr 2015
    Messaggi
    23
    Quote Originariamente inviata da ResianTaxidrive Visualizza il messaggio
    OK, cerchiamo di capire perchè. Che browser usi? Sai usare firebug per Firefox oppure l'ispettore di codice di Chrome?
    Si ho entrambi i browser, di soluto uso ispeziona elemento di chrome..

  8. #28
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Ecco, allora se ispezioni il codice in corrispondenza del link, riesci a vedere se c'è il div con id="button1"? Se non c'è vuol dire che il widget ha segato via tutto l'html. Se invece c'è, abbiamo buone speranze.

  9. #29
    Utente di HTML.it
    Registrato dal
    Apr 2015
    Messaggi
    23
    Quote Originariamente inviata da ResianTaxidrive Visualizza il messaggio
    Ecco, allora se ispezioni il codice in corrispondenza del link, riesci a vedere se c'è il div con id="button1"? Se non c'è vuol dire che il widget ha segato via tutto l'html. Se invece c'è, abbiamo buone speranze.
    Si il div c'è, forse sbaglio qualcosa io:

    -il codice css basta metterlo alla fine del foglio di stile del tema o va inserito in una posizione specifica?

    -il percorso dell'immagine deve essere

    background:img src=".....";
    o
    background:<img src=".....">;
    ?

  10. #30
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    La regola la puoi in teoria inserire in qualsiasi posizione, devi solo stare attento che il foglio stile non sia diviso in "parti" che corrispondono alle media queries (ad es. @media (max-width: 320px)), per cui occhio a non inserire la regola all'interno di una di queste media queries (altrimenti vla regola viene applicata solo in certi casi, quando la finestra del browser è stretta). Quindi per essere sicuri, cerca di scrivere la regola verso l'inizio del file.

    Il percorso dell'immagine deve essere:
    background:url(url_immagine);

    E ricordati di inserire anche una larghezza e una altezza al div, così si apre il giusto per farti vedere l'immagine.

Tag per questa discussione

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 © 2024 vBulletin Solutions, Inc. All rights reserved.