Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Problema con link

  1. #1
    Utente di HTML.it L'avatar di Andrex
    Registrato dal
    Dec 2001
    Messaggi
    185

    Problema con link

    Ciao.. sto lavorando ad un sito per una scuola.. non sono molto pratico di css ed ho un problema.. ho inserito uno script per la gestione delle news..
    il problema è che ho inserito queste righe nel codice css

    a:link {
    color: #FFFFFF;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #FFFFFF;
    }
    a:hover {
    text-decoration: underline;
    color: #000000;
    }
    a:active {
    text-decoration: none;
    color: #FFFFFF;
    }

    e non riesco a limitare questi parametri ai soli link del menu.. in pratica tutti i link della pagina funzionano in questo modo e di conseguenza su sfondo bianco i link delle news non si vedono..
    il link è qui
    cosa devo fare? è di sicuro una cavolata.. ma non so dove correggere..
    grazie

  2. #2
    Devi creare delle classi apposite per il menu come hai fatto per il testo ecc.
    Se posso darti un suggerimento...visto che il sito è ancora in fase di costruzione, perchè non elimini tutte le tabelle e impagini con i div?
    Piuttosto di niente, meglio piuttosto.

  3. #3
    Utente di HTML.it L'avatar di Andrex
    Registrato dal
    Dec 2001
    Messaggi
    185
    hai ragione.. lo impaginerò con i div ecc.. però ora diciamo che ho urgenza di metterlo online e non sono molto abile coi css.. quindi la pubblicazione slitterebbe di troppo tempo..
    volevo solo capire come fare ad impostare le classi per il menu ecc.. mi fate vedere un esempio?

  4. #4
    questa potrebbe già essere una base su cui lavorare

    codice css:

    body{
    background:#FFF;
    color:#000;
    font:80% Verdana,Geneva,Arial,Helvetica,sans-serif;
    }
    .menuNavigazione{
    margin:0;
    padding:0.5em 0;
    border-bottom:1px solid #000;
    text-align:center;
    font-weight:bold;
    }
    .menuNavigazione li{
    display:inline;
    margin:0;
    height:0;
    border-left:1px solid #666;
    padding:0 1em;
    }
    .menuNavigazione li.primaVoce{
    border-left:none;
    }
    .menuNavigazione a:link,
    .menuNavigazione a:visited{
    background:#FFF;
    color:#000;
    text-decoration:none;
    }
    .menuNavigazione a:hover,
    .menuNavigazione a:focus,
    .menuNavigazione a:active{
    background:#FFF;
    color:#C00;
    text-decoration:underline;
    }

    e codice html:

    <body>
    <ul class="menuNavigazione"><li class="primaVoce">Prima Voce<li class="voceCorrente">Seconda Voce[*]Terza Voce[*]Quarta Voce[*]Quinta Voce[/list]

    </body>

    ma ci sono svariati esempi in questo sito e in molti altri, prova a dare un' occhiata ai link nella home del forum.
    Piuttosto di niente, meglio piuttosto.

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.