• User

    Come si elimina l'elenco puntato dall'attributo <UL> <OL>???

    Ciao a tutti,

    Propongo al cospetto di tutti i cssari un problema che credo abbiate già affrontato qualche volta ma non sono riuscito a trovare nulla di esaustivo...

    vi spiego ho dovuto mettere una link ad una immagine che si trova perfettamente incastonata in mezzo a 2 <div> cosa succede...

    appena applico l'attributo <ul> in questo modo

    <ul>
    <li><a href="#" title="Home"><img src="immagini/bottonecorsi.jpg" alt="" border="0" /></a></li>
    </ul>

    si sfasa tutto mi compare quel maledetto puntino sulla sinistra e non riesco ad eliminarlo...

    ho applicato anche queste due funzioni
    list-style-image: none;
    list-style-type: none;

    ma niente da fare...

    ho cercato in giro per la rete ed ho scoperto che inserento style="margin:0" nell'attributo <ul> in questo modo <ul style="margin:0"> si dovrebbe eliminare tutto...
    effettivamente questo accade ma solo su IE6 :-)) cavolo questa volta è l'unico che funziona bene...

    come faccio per far si che questa cosa funzioni su tutti i browser??? esiste qualche hack qualche impostazione quealche attributo da poter utilizzare da css che non mi faccia più vedere questi maledetti pallini e mi elimina lo spazio in eccesso che mi si crea intorno alla mia immagine???


  • User

    Dai ragazzi se qualcuno mi può segnalare qualche guida oppure mi sa incollare la soluzione quì ve ne sarei molto grato...

    Grazie mille


  • User Attivo

    nel css del ul metti
    list-style: none;


  • Super User

    Ciao king 7880

    Come dice mas245 per eliminare l'elenco puntato devi applicare quell'attributo sopracitato.

    note aggiuntive:

    Di default il tag <ul> è munito di margin e padding; se si volessero di misure diverse o si volessero eliminare allora vanno sovrascritti attribuendo il seguente:

    ul{
    margin:0;padding:0;
    }

    Ciò che hai trovato te sulla rete probabilmente si riferiva a questa situazione.

    Se non riesci a risolvere nemmeno così probabilmente o sbagli qualcosa nella sintassi CSS o HTML oppure la tua lista eredita degli attributi da qualche altro elemento sparso per la pagina. A quel punto ti consiglio di mostrarci la risorsa in rete in modo da poterti aiutare facilmente.

    ciao!


  • User

    Ciao Ragazzi Grazie mille per avermi risposto...

    Allora ho fatto come dicevate voi, ma con list-style: none; non sono riuscito a risolvere... Ho provato a fare una serire di tentativi ed ho notato che con display: inline; mi ha eliminato quei pallini maledetti...

    Dopo aver fatto queste modifiche però è successo che su firefox, safari, e netscape lo sfondo composto dalle 2 immagini si è spostato di almeno una 20px in basso mentre la .png del testo è rimasta bloccata in quel punto...

    su Ie7 si vede come si deve vedere...

    Mentre su ie6 un macello vi invito a fare qesta prova... caricate la pagina

    effedix.it/working/buono/2.html

    aggiornatela e poi guardate il footer... lo vedrete spostato in alto rispetto alla sua posizione naturale... però passate con il mouse sopra all'immagine png
    (il bottone di cui parlo si trova nel box di testo Corsi e Ritiri)
    e noterete che il footer ritornerà al proprio posto...

    Ovvaimente però tutta questa operzione la sto svolgendo su una immagine .png24 che compone il testo che ho dovuto hackkare con un fixpng per risolvere il bug di ie6 e sotto come sfondo ci sono 2 differenti immagini che cambiano al passaggio del mouse... ul, ul li, ul li a, li a:hover

    Ecco anche l'indirizzo del css:
    effedix.it/working/buono/style.css

    se mi potete aiutare a capire dove sto sbagliando... bho!!!