Visualizzazione dei risultati da 1 a 8 su 8

Discussione: elenco puntato

  1. #1

    elenco puntato

    Spero che qualcuno mi aiuti, devo avvicinare al bordo eliminare lo spazio a sinistra lasciato dalla bormattazione del elenco puntato.

    ho provato in tutti i modi ma non si avvicina al lato sinistro del div che lo contiene.
    Aiutatemi

    ecco il codice:

    <html>
    <head>
    <title>prova elenco</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    BODY {
    FONT-SIZE: 0.8em;
    FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, sans-serif;
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    BODY A:link {
    COLOR: #7d7876; TEXT-DECORATION: none;
    }
    BODY A:active {
    COLOR: #7d7876; TEXT-DECORATION: none;
    }
    BODY A:visited {
    COLOR: #7d7876; TEXT-DECORATION: none;
    }
    BODY A:hover {
    COLOR: #ffcc33; TEXT-DECORATION: none;
    }
    #gallerySites {
    CLEAR: both;
    }
    #gallerySites UL {
    LIST-STYLE-TYPE: none;
    }
    #gallerySites LI {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
    }
    #gallerySites LI {
    DISPLAY: inline; BACKGROUND: url(none); FLOAT: left; MARGIN: 0px 1px; WIDTH: 55px; HEIGHT: 55px
    }
    #gallerySites IMG {
    border: 2px solid #333333;
    }
    #gallerySites A:hover IMG {
    border: 2px solid #999999;
    }
    #div_elenco {
    height: 50px;
    margin-right: 0px;
    margin-left: 0px;
    }

    -->
    </style></head>

    <body>
    <div id="div_elenco">
    <UL id=gallerySites>
    <LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>
    <LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>
    <LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>
    <LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>
    <LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>
    <LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>[/list]
    </div>
    </body>
    </html>

  2. #2
    i tag html si scrivono tutti in minuscolo.. come tutti i parametri del CSS altrimenti puoi avere interpretazioni errate..
    Questa volta, più che un voto.. è favoreggiamento.

  3. #3
    si è un problema di copia e incolla.
    ma secondo te è quello il problema?

  4. #4
    prova con:

    body {
    margin: 0px;
    padding: 0px;
    }

    #div_elenco {
    float: left;
    margin: 0px;
    padding: 0px;
    }

    #gallerySites {
    float: left;
    margin: 0px;
    padding: 0px;
    }

    #gallerySites ul {
    float: left;
    margin: 0px;
    padding: 0px;
    }

    #gallerySites ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    }

    in questo modo dovresti annullare tutti gli spazi
    no pain no gain!

    ricordati che hai dei limiti...

  5. #5
    si ma per farli restare in orizzontale?

  6. #6
    ops...

    ho scritto #gallerySites ul invece di ul#gallerySites

    body {
    margin: 0px;
    padding: 0px;
    }

    #div_elenco {
    float: left;
    margin: 0px;
    padding: 0px;
    }

    #gallerySites {
    float: left;
    margin: 0px;
    padding: 0px;
    }

    ul#gallerySites {
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }

    ul#gallerySites li {
    float: left;
    margin: 0px;
    padding: 0px;
    }
    no pain no gain!

    ricordati che hai dei limiti...

  7. #7
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    Se non l'hai già messo nella pagina reale, ricordati il DOCTYPE !!!

    Recommended DTDs to use in your Web document.
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  8. #8
    #gallery img {
    border: 2px solid #333333;
    }
    #gallery:hover img {
    border: 2px solid #999999;

    ho aggiunto queste classi per fare un bordo che vorrei fare cambiare colore al passaggio del mouse... ma me lo fa solo al clic del mouse... la classe hover dovrebbe farlo al passaggio giusto?

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.