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.
    • I
      ienavr User Attivo • ultima modifica di

      hai provato a fare così?

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

      0 Miglior Risposta Ringrazia Cita Rispondi

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

        mmm... float però è per le immagini... cmq ora provo.

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • 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