Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    10

    stile su immagini linkate

    Ciao a tutti,
    nel mio sito ho assegnato a tutti i link un'immagine di sfondo che compare alla sinistra del link:

    a,
    a:link {
    background: url(/images/link.gif) top left no-repeat;
    padding-left: 10px;
    text-decoration: none;
    }

    Però vorrei che l'immagine non comparisse nel caso che, ad essere linkata, fosse un'immagine. Ho provato con

    img,
    img a,
    img a:link,
    a img,
    a:link img {
    border: 0;
    background: none;
    padding-left: 0;
    text-decoration: none;
    }

    ma l'unico a sparire è il bordo, mentre l'immagine si vede sempre.
    C'è un modo per far sparire questa immagine da TUTTE le immagini linkate? (essendo un sito piuttosto "ricco" non posso applicare uno stile a ciascuna immagine.
    Grazie a tutti
    Siamo tanti nella stessa barca, ma pochi nello stesso yacht

  2. #2
    Utente di HTML.it L'avatar di emnlmn
    Registrato dal
    Oct 2008
    Messaggi
    263
    Spero di aver interpretato quello che richiedi.
    Tu vorresti praticamente rendere i link contenenti un <img /> uguali a quelli che invece non lo contengono?

    Potresti velocemente usare questa regola al posto della seconda da te postata:

    codice:
    a img, a:link img {
      border:0;
      padding-left:0;
      visibility:hidden;
    }
    Attenzione, al posto di "visibility:hidden;" vorresti usare "display:none;" nel caso in cui l'immagine contenuta nel link non debba influire con le sue dimensioni sul link (e quindi sul resto del layout).





  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    10
    No, io ho inserito su tutti i link un'immaginetta di sfondo, ovvero prima di ciascun link compare una freccina, in modo che il testo linkato si distingua dal resto del testo.

    Però questa freccina al momento compare anche prima delle immagini, invece io vorrei che, nel caso di immagini linkate, non si vedesse, ma che in pratica comparisse solo nel caso di link "testuali".
    Siamo tanti nella stessa barca, ma pochi nello stesso yacht

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Nel tuo codice definisci (ridotto all'osso):
    codice:
    a {
      background: url(/images/link.gif) top left no-repeat;
    }
    a img {
      background: none;
    }
    Questo vuol dire:
    In tutti i link, mettici uno sfondo (di quel tipo)
    In tutte le img all'interno dei link, non metterci sfondo.

    Pero` il codice HTML e`:
    <a ...><img ... /></a>

    Quindi il tag <a> e` indipendente dall'immagine.

    Tu vorresti poter dire:
    tutti gli <a> che contengono <img> non hanno sfondo.

    Purtroppo questo non e` possibile: non esiste il selettore "che contiene", cioe` il contrario di quello che fa il simbolo >

    L'unica soluzione e` metterci una classe ad uno dei tipi di link (quello che preferisci: quelli con l'img o quelli senza).

    PS: tutti quei tuoi selettori non hanno molto senso; non danno problemi, ma non hanno neppure significato in base al contenuto HTML.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it L'avatar di emnlmn
    Registrato dal
    Oct 2008
    Messaggi
    263
    Ah, praticamente il contrario di quello che avevo capito .

    Allora, per fare quello che chiedi è necessario utilizzare una classe per differenziare i due tipi di link. Non c'e un selettore che ti permette di fare questo se non utilizzi una classe.

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    10
    Ok, capito tutto!
    Grazie ad entrambi per le risposte
    Siamo tanti nella stessa barca, ma pochi nello stesso yacht

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.