qualcuna sa come eliminare lo spazio tra il pallino della lista ed il valore ?
io provato dando margin: 0px;e padding: 0px; ma non riescoa risolvere
![]()
![]()
![]()
grazie dell'aiuto
qualcuna sa come eliminare lo spazio tra il pallino della lista ed il valore ?
io provato dando margin: 0px;e padding: 0px; ma non riescoa risolvere
![]()
![]()
![]()
grazie dell'aiuto
mmm, in effetti non mi viene in mente.
ti propongo un paio di soluzioni, non saranno nč le uniche nč le migliori
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Giraz - Lista senza spazi indesiderati</title>
<style>
*{ margin:0; padding:0;}
body{ background:#efe; color:#333;}
#giraz{ margin:10%;}
#one li{ list-style-type:none;}
#one li:before{ list-style-type:none; content:"-"; margin-right:5px; }
#two li{ text-indent:-5px;}
</style>
</head>
<body>
<div id="giraz">
<ul id="one">
[*]prova
[*]lista
[/list]
<ul id="two">
[*]prova
[*]lista
[/list]
</div>
</body>
</html>
nel primo caso puoi gestire la distanza fra il "pallino" (cmq il carattere che scegli) e il conenuto modificando il valore margin-right
nel secondo caso ho ridotto il text-indent facendolo negativo.
controindicazioni:
nel primo caso alcuni browser vecchi o in generale quel pacco di browser che č exp_orer potrebbero non visualozzarti il pallino non riconoscendo la sub-calss :before
nel secondo caso non č detto che quella distanza che c'č fra pallino e contenuto sia la stessa per tutti i browser..
facci sapere..