• Moderatore

    h1 class da rimuovere

    Vorrei togliere un h1 non più utile. Fa parte della struttura del sito. Si presenta cosi

    <h1 class="logo">
    <a title="Nome del sito" href="/"><h1>

    Nel css abbiamo:

    h1.logo a { width: 332px; display: block; background: url(../images/logo.jpg) no-repeat; height: 62px; position: relative; z-index: 100; }

    h1.logo, h1.logo-text { margin: 0 0 0 0px; padding: 0; font-size: 180%; text-transform: uppercase; }
    h1.logo a span { position: absolute; top: -1000px; }
    h1.logo-text a { color: #CCCCCC !important; text-decoration: none; outline: none; position: absolute; bottom: 40px; left: 5px; }

    Ho provato a sostituire nel css e nel file che lo richiama h1.logo con p.logo, ma l'immagine di background la perdo e non ho bene capito perchè.

    Grazie, un saluto


  • User Attivo

    Il css non corrisponde con l'HTML che hai postato... ma immagino che lo hai omesso per brevità, giusto?
    Come CSS lo vedo strutturato un po' macchinoso, ma anche questo avrà i suoi motivi. Hai provato a controllare con Firebug?
    In teoria se cambi il tag HTML e il selettore nel CSS tutto dovrebbe rimanere tale e quale...

    Se cambi tutto con <p> dovrebbe rimanere tutto lì, a meno che non ci sia Javascript/jQuery da qualche parte che opera dietro le quinte...

    <p class="logo">
        <a title="Nome del sito" href="/">
    <p>
    
     // CSS
     
     p.logo a {
       width: 332px;     
       display: block;
       background: (http://www.giorgiotave.it/wikigt/os/URL)(../images/logo.jpg) no-repeat;
       height: 62px;     
       position: relative;
       z-index: 100;
     }
     
    p.logo, p.logo-text {     margin: 0 0 0 0px;     padding: 0;     [font](http://www.giorgiotave.it/wikigt/os/Font)-size: 180%;     text-transform: uppercase; } 
     p.logo a span {     position: absolute;     top: -1000px; }  
    p.logo-text a {     color: #CCCCCC !important;     text-decoration:  none;     outline: none;     position: absolute;     bottom: 40px;      left: 5px; }
    
    

  • Moderatore

    Ciao @Oslino,

    ti ringrazio della tua risposta. E' quello che avevo provato a fare, ma per non so bene quale motivo stavolta ha funzionato!

    Un saluto


  • User Attivo

    @bobrock4 said:

    Ciao @Oslino,

    ti ringrazio della tua risposta. E' quello che avevo provato a fare, ma per non so bene quale motivo stavolta ha funzionato!

    Un saluto

    A volte basta una virgola o uno spazio fuori posto che non funziona più nulla 🙂 Succede spessissimo di trovarsi con pagine non funzionanti per qualche ";" mancante :bigsmile: