Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. [Risolto] Css e bordo link che cambia intorno a immagine
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • L
      laburno User Attivo • ultima modifica di

      Ciao vampiretta,
      prova così:

      [html]a.border img { border: 1px solid #007C00; }
      a.border:hover img{ border: 1px solid #B60022; } [/html]

      :ciauz:

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • V
        vampiretta Super User • ultima modifica di

        Subito... corro... grazie... 😛

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • V
          vampiretta Super User • ultima modifica di

          Laburno, funge... ovviamente.. uff era talmente semplice, mi sono andata a impelagare in chissà cosa! 😛

          Ho visto che basta anche togliere il "display: block"!

          Grazie! :bacio:

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • V
            vampiretta Super User • ultima modifica di

            Ehm però ora ho un altro problemino che mi ero dimenticata, ho dato all'immagine --- align="right" e mi scompare il bordino. Perchè? 😞

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • L
              laburno User Attivo • ultima modifica di

              @Vampiretta said:

              Ehm però ora ho un altro problemino che mi ero dimenticata, ho dato all'immagine --- align="right" e mi scompare il bordino. Perchè? 😞

              Il bordo si applica alle immagini <img> dentro a i link <a> di classe border.
              Se togli il link o modifichi la classe il bordo non si applica.

              L'allineamento a destra l'hai dato via html o via css? (puoi rimettere la pagina online?)

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • V
                vampiretta Super User • ultima modifica di

                L'ho rimessa su, non ho tolto ne il link ne cambiato la classe.

                E l'allineamento a destra l'ho provato sia via html che via css. Almeno credo! 😉

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • V
                  vampiretta Super User • ultima modifica di

                  Ho fatto due prove, nel primo caso ho messo l'allineamento da html, lo allinea a destra ma leva il bordino.

                  [html]<a href="news-annecy.jpg" class="border" target="_blank"><img src="news-annecyP.jpg" alt="" border="0" align="right"></a>[/html]

                  Nel secondo, l'ho messo da css, tiene il bordino ma non allinea.

                  [html]<a href="news-annecy.jpg" class="border" target="_blank"><img src="news-annecyP.jpg" alt="" border="0" class="imagi"></a>[/html]

                  Css:
                  [html].imagi {text-align: right;}[/html]

                  😞

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • L
                    laburno User Attivo • ultima modifica di

                    Perchè nel primo caso nel tag <img> hai specificato:
                    border="0"

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • L
                      laburno User Attivo • ultima modifica di

                      E comunque via CSS, per allineare un elemento devi usare float, il text-align serve per posizionare il testo contenuto.

                      :ciauz:

                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • V
                        vampiretta Super User • ultima modifica di

                        Allora nel caso 1 ho messo border="1" e mi viene il bordino ma non prende la specifica di cambiare colore al passaggio del mouse.

                        Nel secondo caso ho messo sempre border="1" e nel css float right e però anche li non mi prende la specifica del passaggio mouse. 😞

                        Non capisco dove sbaglio, scusami! 😞

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        • V
                          vampiretta Super User • ultima modifica di

                          Eh visto che ci sono, per centrare un elemento... cosa uso?

                          0 Miglior Risposta Ringrazia Cita Rispondi

                            1 Risposta Ultima Risposta
                          • L
                            laburno User Attivo • ultima modifica di

                            @Vampiretta said:

                            Allora nel caso 1 ho messo border="1" e mi viene il bordino ma non prende la specifica di cambiare colore al passaggio del mouse.

                            Nel secondo caso ho messo sempre border="1" e nel css float right e però anche li non mi prende la specifica del passaggio mouse. 😞

                            Non capisco dove sbaglio, scusami! 😞

                            Se te specifichi un border nell'html, vai a sovrascrivere il CSS. Perciò non metterlo proprio e fai tutto tramite fogli di stile.

                            @Vampiretta said:

                            Eh visto che ci sono, per centrare un elemento... cosa uso?

                            Dipende dall'elemento, se è di blocco, inline, e dove è contenuto. Per esempio si possono impostare margin-left e margin-right su auto, però non è universale.

                            0 Miglior Risposta Ringrazia Cita Rispondi

                              1 Risposta Ultima Risposta
                            • V
                              vampiretta Super User • ultima modifica di

                              Ho cambiato di nuovo.

                              1. esempio ho messo border="" senza specificare nulla e lui non prende bordo.

                              2 esempio ho tolto proprio la dicitura border="" mi mette un bordo ma non applica le specifiche di cambio colore bordino.

                              ❌x:x

                              0 Miglior Risposta Ringrazia Cita Rispondi

                                1 Risposta Ultima Risposta
                              • L
                                laburno User Attivo • ultima modifica di

                                @Vampiretta said:

                                Ho cambiato di nuovo.
                                2 esempio ho tolto proprio la dicitura border="" mi mette un bordo ma non applica le specifiche di cambio colore bordino.

                                Sicura? Io sulla pagina di prova l'effetto hover lo vedo vene.

                                0 Miglior Risposta Ringrazia Cita Rispondi

                                  1 Risposta Ultima Risposta
                                • V
                                  vampiretta Super User • ultima modifica di

                                  Ehm lo vedi bene con Firefox? Con quello ho guardato ora e anche io.

                                  Ma io nno lo vedo bene con IE, si può risolvere?

                                  0 Miglior Risposta Ringrazia Cita Rispondi

                                    1 Risposta Ultima Risposta
                                  • V
                                    vampiretta Super User • ultima modifica di

                                    Io h smanettato un po' ma non ho risolto un tubo! 😞

                                    0 Miglior Risposta Ringrazia Cita Rispondi

                                      1 Risposta Ultima Risposta
                                    • L
                                      laburno User Attivo • ultima modifica di

                                      @Vampiretta said:

                                      Io h smanettato un po' ma non ho risolto un tubo! 😞

                                      Non ho il portatile con IE a disposizione in questo momento per provare, te lo fa sia sul 6 che sul 7?

                                      Appena posso faccio due prove, intanto se qualcuno avesse la possibilità di aiutarci... sarebbe gradito 🙂

                                      0 Miglior Risposta Ringrazia Cita Rispondi

                                        1 Risposta Ultima Risposta
                                      • V
                                        vampiretta Super User • ultima modifica di

                                        Hmmm io ho il 7 e li me lo fa, sul 6 non saprei!

                                        Attendo fiduciosa, io continuo a fare le mie prove, se mi riesce ovviamente vi avverto! 😛

                                        Grazie ancora Laburno!

                                        0 Miglior Risposta Ringrazia Cita Rispondi

                                          1 Risposta Ultima Risposta
                                        • K
                                          karedas Super User • ultima modifica di

                                          Come diceva Laburno per centrare automaticamente un oggetto all'interno di un altro devi dare al genitore ( prendi il div) una dimensione fissa e al figlio un margine scritto così:

                                          div#genitore{
                                          width:500px;
                                          height:200px;
                                          }
                                          div#figlio{
                                          margin:0 auto;
                                          }

                                          Diciamo che questo è uno dei metodi per farlo.
                                          Il text-align:center però è un attributo che spesso e volentieri devi usare per la compatibilità con internet Explorer (aimè) dato che posiziona centralmente anche gli oggetti come le immagini ( tu dirai ma che c'entra il TEXT-align ? bè chiedilo agli incapaci della microsoft XD )

                                          L'effetto hover del cambio bordo sull'immagine ora non sono sicuro, ma su internet explorer potrebbe dare dei problemi

                                          0 Miglior Risposta Ringrazia Cita Rispondi

                                            1 Risposta Ultima Risposta
                                          • V
                                            vampiretta Super User • ultima modifica di

                                            Grazie karedas, come posso provo la storia del contenitore centrato. Io per ora ho risolto dando al contenitore margin left e right = auto e mi funziona sia su IE che con Firefox e Opera.

                                            Per il bordino, non ne vengo a capo, so solo che se creo una tabella e metto l'immagine in una cella funziona, ma avendo creato il sito table free non posso più esare la tabellina per inserire quell'immagine. Almeno credo! 😞

                                            0 Miglior Risposta Ringrazia Cita Rispondi

                                              1 Risposta Ultima Risposta
                                            Caricamento altri post
                                            Rispondi
                                            • Topic risposta
                                            Effettua l'accesso per rispondere
                                            • Da Vecchi a Nuovi
                                            • Da Nuovi a Vecchi
                                            • Più Voti