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. Link e CSS
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • V
      vale76 Bannato User Attivo • ultima modifica di

      oddiooooooo non ci credo funzionaaaaaaaaaaaa 😮 😮 😮
      ienavr ti farei un monumento giuroooooooooo grazieeeeeeee
      finalmente!
      però voglio capire, se il float è per le immagini, come mai ci voleva anche per i link?

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • I
        ienavr User Attivo • ultima modifica di

        il float non è solo per le immagini...

        viene utilizzato principalmente per far fluttuare il testo attorno ad un'immagine, ma può essere utilizzato anche con elementi di testo, oppure per dare un'impaginazione a più colonne con le div, eccetera...

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • V
          vale76 Bannato User Attivo • ultima modifica di

          @ienavr said:

          il float non è solo per le immagini...

          viene utilizzato principalmente per far fluttuare il testo attorno ad un'immagine, ma può essere utilizzato anche con elementi di testo, oppure per dare un'impaginazione a più colonne con le div, eccetera...

          si, infatti stavo sperimentando proprio questo. Ho provato ad applicarlo anche su una class di testo e tutto funziona, secondo me, armonicamente su Opera e Firefox, però... IE 6 tanto per cambiare interpreta la cosa tutto a modo suo :arrabbiato:

          guarda:

          http://www.paroledautore.net/poesie/prova2.htm

          Come potrei risolvere? un commento condizionale per IE 6 ? (non so il 7 ma spero non ci sia il problema anche lì..)

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • I
            ienavr User Attivo • ultima modifica di

            forse ho interpretato male quello che volevi fare, ma questo codice dovrebbe funzionare:

            .testo {
            color:#cc9;
            font:1.25em Verdana,"Trebuchet MS", Helvetica, sans-serif;
            text-align:justify; clear:both;}

            però, ti ripeto, non sono sicuro di aver capito le tue intenzioni nel disporre gli elementi..

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • V
              vale76 Bannato User Attivo • ultima modifica di

              mm allora funziona in parte.. non vorrei aver fatto confusione, poi ho letto prima sulle guide, che la cattiva interpretazione del float è un baco di Internet Explorer.
              cmq
              ora con il clear sul testo, ha funzionato: link con float a sinistra e testo a sinistra, con la differenza però, che su IE c'è uno spazio di troppo, mentre su Opera e Firefox, no.

              Posto il codice, e devo uscire un attimo. Se è il caso, poi posso fare delle shot 🙂

              [HTML]CSS:

              a.link {color:#cc9; font:1.28em "Trebuchet MS",Verdana,Arial,sans-serif; text-align:left; text-decoration: none; float:left; clear:left;}
              a.link:hover {color:#ff9966; text-align:left; text-decoration: none; float:left; clear:left;}

              .testo {
              color:#cc9;
              font:1.25em Verdana,"Trebuchet MS", Helvetica, sans-serif;
              text-align:justify; clear:both; }[/HTML]

              Grazie ancora, comunque, piano piano ci avviciniamo alla soluzione. 🙂

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • I
                ienavr User Attivo • ultima modifica di

                hai tolto la pagina di prova...non riesco a darti una amno senza vedere la pagina originale...

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • F
                  fusionman User Attivo • ultima modifica di

                  Scusa ma non ho capito perchè il contenitore deve avere il text-align a center e poi all'interno vuoi mettere il testo a sinistra. Forse mi sfugge qualcosa.
                  Se vuoi metterlo a sinistra è il text-align della colonna che va impostato come left e non center.

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • I
                    ienavr User Attivo • ultima modifica di

                    .testo {
                    color:#cc9;
                    font:1.25em Verdana,"Trebuchet MS", Helvetica, sans-serif;
                    text-align:justify; clear:both;
                    margin-top:0px;
                    }

                    sempre se ho ben capito...

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • V
                      vale76 Bannato User Attivo • ultima modifica di

                      @ienavr said:

                      hai tolto la pagina di prova...non riesco a darti una amno senza vedere la pagina originale...

                      non l'ho tolta, [url=http://www.paroledautore.net/poesie/prova2.htm]è sempre lì 🙂

                      così come la vedi con Firefox e Opera è come vorrei che si vedesse su tutti i browser: ma il solito IE che fa sempre di testa sua ( :arrabbiato: ) pensa bene di mettere una lina di spazio di troppo tra il link e la sua descrizione.

                      @ FuSioNmAn

                      il contenitore è impostato al centro perché tutto il sito lo scrivo al centro, però mi è venuta la necessità di fare una pagina (solo quella) che in quel caso fosse scritta da sinistra a destra, perché credo sarebbe più leggibile.

                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • I
                        ienavr User Attivo • ultima modifica di

                        hai provato questo, come ti ho suggerito prima?

                        .testo {
                        color:#cc9;
                        font:1.25em Verdana,"Trebuchet MS", Helvetica, sans-serif;
                        text-align:justify; clear:both;
                        margin-top:0px;
                        }

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        • V
                          vale76 Bannato User Attivo • ultima modifica di

                          siiiiii funziona grazieeeeeeeeeeeee

                          0 Miglior Risposta Ringrazia Cita Rispondi

                            1 Risposta Ultima Risposta
                          • V
                            vale76 Bannato User Attivo • ultima modifica di

                            ho guardato un pò in giro tra le solite guide, ma non sono riuscita a trovare nulla che mi possa spiegare come fanno in certi siti, a decorare un link in modo diverso dal solito, come in questa pagina:

                            http://stor.altervista.org/informatica/web/web01.php

                            Come vedete, il link è con sottolineatura tratteggiata, e al passaggio del mouse, lo stato hover non è un semplice hover, evidentemente, poiché c'è un piacevole colore rosa che circonda tutta l'area.
                            Questo effetto mi capita spesso e vorrei sperimentarlo, mi piace assai.

                            Sapete dirmi come si realizza? 🙂

                            0 Miglior Risposta Ringrazia Cita Rispondi

                              1 Risposta Ultima Risposta
                            • I
                              ienavr User Attivo • ultima modifica di

                              a:link, a:visited {border-bottom:1px dashed #000000;}

                              a:hover {background-color: #ed9b9c;}

                              0 Miglior Risposta Ringrazia Cita Rispondi

                                1 Risposta Ultima Risposta
                              • V
                                vale76 Bannato User Attivo • ultima modifica di

                                funziona grazieeeee 🙂

                                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