immagine punto elenco

**ant_alt** · 19-05-2006, 17:05

non riesco ad usare le immagini per il punto elenco, dove sbaglio?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
.Stile1 {
	font-size: 14px;
	list-style-position: outset;
	list-style-image: url(img/arrow.gif);
}
-->
</style>
</head>

<body>
<ul>[*]abc[*]def[*]ghi[/list]
</body>
</html>

**Fello** · 19-05-2006, 17:26

devi usare una cosa del tipo:

codice:

<li class="Stile1">abc

**ant_alt** · 28-05-2006, 22:11

fatto...ora xò perchè il punto è fuori dallo stile? x esempio se metto uno sfondo allo stile il punto è fuori dallo sfondo... :master:

un'altra cosa: ho notato ke gli elenchi vengono visualizzari diversamente da IE e FF..l'altezza righa è sempre diversa!..cm si fa?

**Fello** · 29-05-2006, 09:43

per fare in modo che il punto elenco sia all'interno del tuo contenitore devi settare il

codice:

margin-left

del tag UL

poi per quanto riguarda l'interlinea dei vari tag LI devi anche in questo caso settare manualmente il

codice:

margin-top

e il

codice:

margin-bottom

**ant_alt** · 29-05-2006, 15:30

Originariamente inviato da Fello
per fare in modo che il punto elenco sia all'interno del tuo contenitore devi settare il

codice:

margin-left

del tag UL

poi per quanto riguarda l'interlinea dei vari tag LI devi anche in questo caso settare manualmente il

codice:

margin-top

e il

codice:

margin-bottom

a me sembra k non cambi niente

questa è la pagina

**thomas_anderson** · 29-05-2006, 16:16

Vi sono due diverse interpretazioni da parte dei brower: alcuni usano margin altri padding. se vuoi usare margin devi scrivere:

codice:

ul {
  margin-left: 1em;
  padding-left: 0;
}

Se vuoi usare padding:

codice:

ul {
  padding-left: 1em;
  margin-left: 0;
}

Sto comunque per pubblicare un test sulle liste. vi farò sapere. ciao

Discussione: immagine punto elenco

Strumenti discussione

Ricerca discussione

Visualizza

immagine punto elenco

Permessi di invio