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.
    • 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
                                          • V
                                            vampiretta Super User • ultima modifica di

                                            Ho fatto qualche prova, e ho visto che per Firefox e Opera non serve che metto la classe, e align="right" lo prende tranquillamente e il W3C me lo convalida.

                                            Però il problema è invece che su IE il bordo non è verde e non si vede il cambio di colore al passaggio del mouse. Praticamente tiene i colori di base impostati da IE il classico blu per il link e il violaceo per il visitato.

                                            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