Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    [css]spazio bianco lista

    Come elimino lo spazio che causa una lista...
    ossia ho levato i marker e vorrei che la lista no facesse rientrare il testo, insomma deve essere un menu allineato a sx, e non deve fare la rientranza tipica della lista....
    questo il code
    codice:
    /*Menu Zone*/
    ul#menu_format li {list-style-type:none; margin:0px; text-decoration:underline; color:#000000; white-space:nowrap}
    ul#menu_format li:hover {list-style-type:none; margin:0px; text-decoration:none; color:#000000; white-space:nowrap}
    ul#menu_format li:active {list-style-type:none; margin:0px; color:#FF0000; white-space:nowrap}

  2. #2
    Utente di HTML.it L'avatar di zodd
    Registrato dal
    Aug 2004
    Messaggi
    57
    ciao,
    aggiungi a "ul#menu_format" il "padding:0"
    Ridi e il mondo riderà con te
    Piangi e piangerai da solo.

  3. #3
    non va... perche mi fa sto spazio?? soluzioni??

  4. #4
    No, scusate ancora, ora sono riuscito a mandare ok il margine, ma un'altro prpblema sorse:

    XHTML:
    codice:
    <ul id="men">
    					[*]Link 1
    					[*]Link 2
    					[*]Link 3
    				[/list]
    CSS:
    codice:
    ul, li#men {list-style-type:none; margin:0; padding:0; text-decoration:none; color:#000000}
    ul, li#men:hover {list-style-type:none; margin:0; padding:0; text-decoration:underline; color:#000000}
    ul, li#men:active {list-style-type:none; margin:0; padding:0; text-decoration:none; color:#FF0000}
    Ora il link mi va direttamente in active... perche?

  5. #5
    Utente di HTML.it L'avatar di fabi080
    Registrato dal
    Mar 2002
    Messaggi
    442
    aggiungi a "ul#menu_format" il "padding:0"
    anche il margin deve essere 0

    codice:
    ul#menu_format {
      margin:0;
      padding:0;
    }
    Così dovrebbe andare

  6. #6
    Utente di HTML.it L'avatar di fabi080
    Registrato dal
    Mar 2002
    Messaggi
    442
    Perchè hai sbagliato selettore, la pseudo classe active la devi applicare ai link, che in ogni caso mancano nel codice XHTML

    codice:
    ul#men a{text-decoration:none; color:#000000}
    ul#men a:hover{text-decoration:underline; color:#000000}
    ul#men a:active{text-decoration:none; color:#FF0000}
    Cmq non hai ben chiaro il meccanismo dei selettori.

  7. #7
    Originariamente inviato da fabi080
    Perchè hai sbagliato selettore, la pseudo classe active la devi applicare ai link, che in ogni caso mancano nel codice XHTML

    codice:
    ul#men a{text-decoration:none; color:#000000}
    ul#men a:hover{text-decoration:underline; color:#000000}
    ul#men a:active{text-decoration:none; color:#FF0000}
    Cmq non hai ben chiaro il meccanismo dei selettori.
    In effetti, e l'unica cosa che mi e' un po' poco chiara... non e' che hai qlk buona guida sui selettori?

  8. #8
    Utente di HTML.it L'avatar di fabi080
    Registrato dal
    Mar 2002
    Messaggi
    442
    Puoi trovare tutte le informazioni che ti servono leggendo la guida di html.it http://www.html.it/css/

    E in ogni caso ci sono sempre i documenti ufficiali http://www.w3.org/TR/CSS21/

    Ciao

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 © 2025 vBulletin Solutions, Inc. All rights reserved.