problema di spazi con display:block;

[ratlook]

ciao a tutti, ho un problema con il "display:block;" nel senso che intorno al blocco (e soprattutto sopra) mi crea uno spazio vuoto

questo è il menù creato

come potete vedere dalle frecce indicate c'è quello spazio che vorrei eliminare o almeno ridurre

questo è il menù come vorrei che fosse


help me!

[fcaldera]

http://forum.html.it/forum/showthrea...1#post11952501

[ratlook]

ciao, non ho postato il codice perchè volevo solo sapere se il "display:block;" prevede proprio questi spazi o si possono evitare

comunque il codice è questo...
pagina html

<table border="0" width="100%" cellspacing="0" cellpadding="1" class="CategoriesBox">
  <tr>
    <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="CategoriesBoxContents">
  <tr>

    <td>[img]images/pixel_trans.gif[/img]</td>
  </tr>
  <tr>
    <td align="left" class="CategoriesBoxContents">[url="http://www.tuttomaggiolino.it/16/index.php?cPath=1"][b][img]images/pointer_blue.gif[/img]Hardware[/b][/url][url="http://www.tuttomaggiolino.it/16/index.php?cPath=1_17"][img]images/pointer_blue_light.gif[/img]CDROM Drives[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=1_4"][img]images/pointer_blue_light.gif[/img]Graphics Cards[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=1_8"][img]images/pointer_blue_light.gif[/img]Keyboards[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=1_16"][img]images/pointer_blue_light.gif[/img]Memory[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=1_9"][img]images/pointer_blue_light.gif[/img]Mice[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=1_6"][img]images/pointer_blue_light.gif[/img]Monitors[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=1_5"][img]images/pointer_blue_light.gif[/img]Printers[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=1_7"][img]images/pointer_blue_light.gif[/img]Speakers[/url] </td>

  </tr>
  <tr>
    <td align="left" class="CategoriesBoxContents">[url="http://www.tuttomaggiolino.it/16/index.php?cPath=2"][b][img]images/pointer_blue.gif[/img]Software[/b][/url][url="http://www.tuttomaggiolino.it/16/index.php?cPath=2_19"][img]images/pointer_blue_light.gif[/img]Action[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=2_18"][img]images/pointer_blue_light.gif[/img]Simulation[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=2_20"][img]images/pointer_blue_light.gif[/img]Strategy[/url] </td>
  </tr>
  <tr>

    <td align="left" class="CategoriesBoxContents">[url="http://www.tuttomaggiolino.it/16/index.php?cPath=3"][b][img]images/pointer_blue.gif[/img]DVD Movies[/b][/url][url="http://www.tuttomaggiolino.it/16/index.php?cPath=3_10"][img]images/pointer_blue_light.gif[/img]Action[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=3_13"][img]images/pointer_blue_light.gif[/img]Cartoons[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=3_12"][img]images/pointer_blue_light.gif[/img]Comedy[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=3_15"][img]images/pointer_blue_light.gif[/img]Drama[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=3_11"][img]images/pointer_blue_light.gif[/img]Science Fiction[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=3_14"][img]images/pointer_blue_light.gif[/img]Thriller[/url] </td>
  </tr>

  <tr>
    <td align="left" class="CategoriesBoxContents">[url="http://www.tuttomaggiolino.it/16/index.php?cPath=21"][b][img]images/pointer_blue.gif[/img]Videoproiettori[/b][/url][url="http://www.tuttomaggiolino.it/16/index.php?cPath=21_23"][img]images/pointer_blue_light.gif[/img]Portatili[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=21_24"][img]images/pointer_blue_light.gif[/img]Presentazioni[/url] [url="http://www.tuttomaggiolino.it/16/index.php?cPath=21_25"][img]images/pointer_blue_light.gif[/img]Home cinema[/url] </td>
  </tr>
  <tr>
    <td align="left" class="CategoriesBoxContents">[url="http://www.tuttomaggiolino.it/16/index.php?cPath=22"][b][img]images/pointer_blue.gif[/img]Schermi[/b][/url]</td>

  </tr>
  <tr>
    <td>[img]images/pixel_trans.gif[/img]</td>
  </tr>
</table>
</td>
  </tr>
</table> 

foglio di stile

a.menucateg:link, a.menucateg:visited, a.menucateg:active {
display: block;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
height: 18px;
text-decoration: none;
border: solid 1px #FFFFFF;
}

a.menucateg:hover {
border: solid 1px #6633CC;
background-image: url(images/menuon.gif);
background-repeat: repeat;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {
display: block;
font-size: 12px;
color: #151515;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
height: 16px;
text-decoration: none;
border: solid 1px #FFFFFF;
}

a.menusubcateg:hover {
border: solid 1px #6633CC;
background-image: url(images/menuon.gif);
background-repeat: repeat;
text-decoration: none;
color: #FFFFFF;
} 

[Puzzola]

Prima di tutto è una lista e non una tabella...
Dovresti usare UL e non TABLE.
Poi non si usano gli spazi (   ) per posizionare il testo.
Per queste cose si usa text-indent o padding a seconda delle situazioni.

[ratlook]

ciao e grazie. potresti farmi un abbozzo di come dovrebbe uscire?

[ant_alt]

Originariamente inviato da Puzzola
Prima di tutto è una lista e non una tabella...
Dovresti usare UL e non TABLE.
Poi non si usano gli spazi (   ) per posizionare il testo.
Per queste cose si usa text-indent o padding a seconda delle situazioni.

mi sa tanto che usa dreamw lato wysiwyg e che non ha capito niente di quello che hai detto

<ul>[*]Hardware
     <ul>[*]cdrom[*]monitor[*]boh[/list][*]software
<ul>[*]abc[*]def[/list][/list] 

ecco come dovrebbe essere

ps: cmq per rispondere alla tua domanda: no, display:block non prevede margini di default..anche se non ho capito perchè l'hai usato in quel modo :master:

[ratlook]

Originariamente inviato da ant_alt
mi sa tanto che usa dreamw lato wysiwyg e che non ha capito niente di quello che hai detto

<ul>[*]Hardware
     <ul>[*]cdrom[*]monitor[*]boh[/list][*]software
<ul>[*]abc[*]def[/list][/list] 

ecco come dovrebbe essere

premesso che non ho mai sentito parlare di UL e LI ma questi UL che hai messo sono aperti e chiusi in modo errato o mi sbaglio?
non sono nidificati...

[ant_alt]

Originariamente inviato da ratlook
..

fidati che è tutto in ordine
qual è il tuo dubbio?

edit: ora che vedo meglio c'è una cosa che può passare per errore e credo che ti riferisca proprio a quella: ho chiuso l'elemento "Hardware" subito dopo il testo e non ho compreso tutto l'elenco hardware..
l'ho fatto per farti gestire meglio il testo di hardware e i suoi margini..ma non credo sia un errore né come ho fatto io né chiudere l'elemento alla fine dell'elenco

[ratlook]

quello che non capisco è come mai i "blocchi" non vengano chiusi...
non dovrebbe essere così?

<ul> [*]Hardware
<ul> [*]cdrom [*]monitor [*]boh [/list][/list]

<ul>[*]software
<ul> [*]abc [*]def[/list][/list]

[ant_alt]

hardware e software sono due punti di un solo elenco

xke vuoi fare due elenchi diversi?