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. Css: come mettere il collegamento al div header?
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • G
      ghisirds Bannato User Attivo • ultima modifica di

      Css: come mettere il collegamento al div header?

      Domanda banale, ma a cui ancora non ho trovato soluzione.
      Ho un header in un div, caricato come immagine dal css, come da esempio:

      #header {
      height: 100px;
      background-image: url(../immagini/header.jpg);
      }

      ora, vorrei fare in modo che cliccando sull'header mi si apra l'home.
      ho provato così:

      <div id="header"><a href="http://www.[...cut...].com"></a></div>

      ma non va.
      Dov'è l'inghippo?
      Grazie
      Marco

      0 Miglior Risposta Ringrazia Cita Rispondi

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

        Ciao ghisirds,
        lo sfondo lo devi mettere sul link, e lo devi far sostituire al testo con le tecniche di image replacement di cui già ti parlai in questo thread:
        http://www.giorgiotave.it/forum/css/38701-pulsante-aggiungi-ai-preferiti-via-css.html

        il principio è lo stesso, cambiano solo gli elementi a cui lo devi applicare (in questo caso al tag <a>).

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • G
          ghisirds Bannato User Attivo • ultima modifica di

          è bastato invertire a e div così:

          <a href="http://www.[...cut...].com"><div id="header"></div></a>

          grazie a tutti
          marco

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • G
            ghisirds Bannato User Attivo • ultima modifica di

            come non detto, non è validato w3c

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • G
              ghisirds Bannato User Attivo • ultima modifica di

              alla fine, come suggerito da laburno, ho risolto con la Cover-Up span:

              http://css.html.it/articoli/leggi/351/le-tecniche-di-image-replacement/3/

              solo che a differenza della guida, ho dovuto inserire

              display: block;

              e non ho ancora capito perchè, però funziona ed è convalidato!
              ciao e grazie
              marco

              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