distanza verticale fra lista e testo

[neraki]

Ciao a tutti

Sono alle primissime armi con CSS e liste quindi la mia domanda sarà una cavolata... abbiate pazienza.

Ho una lista all'interno di un testo e non voglio che tra l'ultima riga del testo e l'inizio della lista ci sia spazio.
Come devo fare?

il mio codice è :

<span class="testogia">Le nostre pizze speciali bla bla bla.

Tra queste ci sono:
<ul class="speciali">[*]Bufala 1[*]Bufala 2 [*]Bufala 3 [*]Bufala 4 [*]Bufala blabla[/list]
</span>



la classe è:

.speciali {
list-style-type: disc;
list-style-position: outside;
padding-left: 14px;
margin: 0px;
margin-top: 0px;
}



GRAZIE

[carlomarangoni]

Originariamente inviato da neraki
Ciao a tutti

Sono alle primissime armi con CSS e liste quindi la mia domanda sarà una cavolata... abbiate pazienza.

Ho una lista all'interno di un testo e non voglio che tra l'ultima riga del testo e l'inizio della lista ci sia spazio.
Come devo fare?

il mio codice è :

<span class="testogia">Le nostre pizze speciali bla bla bla.

Tra queste ci sono:
<ul class="speciali">[*]Bufala 1[*]Bufala 2 [*]Bufala 3 [*]Bufala 4 [*]Bufala blabla[/list]
</span>



la classe è:

.speciali {
list-style-type: disc;
list-style-position: outside;
padding-left: 14px;
margin: 0px;
margin-top: 0px;
}



GRAZIE

Dove è il problema? Con il tuo codice funziona come vuoi tu!

[neraki]

invece no.
Con IE io continuo a vedere lo spazio.
che faccio?

[carlomarangoni]

Originariamente inviato da neraki
invece no.
Con IE io continuo a vedere lo spazio.
che faccio?

Cosa ti devo dire? Guarda!

[carlomarangoni]

Immagine

[neraki]

hai ragione, ho copiato solo quella parte di codice e funziona bene, ma nel mio file continua ad esserci lo spazio quindi suppongo che vada in conflitto con qualche cosa, ma non ho capito cosa.

qui puoi vedere la pagina: http://www.zanteisland.com/corrente/html/pizzeria.htm

Questo è il mio file CSS, secondo te con cosa può entrare in conflitto?

.testoscuro {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 13px; color: #c3c5c5; text-decoration: none; font-weight: bold;
}

.titolo {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 13px; color: #0f9ae9; text-decoration: none; font-weight: bold;
}

.testo {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 13px; color: #c3c5c5; text-decoration: none;
}

.testogia {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 13px; color: #ffff00; text-decoration: none;
}

.testopic {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 11px; color: #c3c5c5; text-decoration: none;
}

A.mail {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-size: 13px;
color: #ffff00;
text-decoration: none;
font-weight: bold;
line-height: 17pt;
}
A.mail:hover { font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 13px; color: #0f9ae9; text-decoration: none; font-weight: bold}

A.comm { font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 11px; color: #ffff00; text-decoration: none; font-weight: bold}
A.comm:hover { font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 11px; color: #0f9ae9; text-decoration: none; font-weight: bold}

body {margin: 0px 0px 0px 0px; background-color: #000;
}

#foto {
Z-INDEX: 1;
POSITION: fixed;
WIDTH: 1280px;
HEIGHT: 736px;
background-image: url(imm/sfondo.jpg);
LEFT: 50%;
MARGIN-LEFT: -200px;
background-repeat: no-repeat;
}


#gabbia {
Z-INDEX: 2;
POSITION: relative;
WIDTH: 707px;
HEIGHT: 580px;
TOP: 15px;
LEFT: 50%;
MARGIN-LEFT: -353px;
}

#box {
Z-INDEX: 3;
POSITION: absolute;
FILTER: alpha(opacity=85);
WIDTH: 490px;
HEIGHT: 574px;
TOP: 3px;
background-color:#000
}

#flag {
Z-INDEX: 4;
POSITION: absolute;
WIDTH: 21px;
HEIGHT: 15px;
TOP: 10px;
LEFT: 460px;
}

#iva {
Z-INDEX: 4;
POSITION: absolute;
WIDTH: 200px;
HEIGHT: 15px;
TOP: 552px;
LEFT: 370px;
}

#content {
Z-INDEX: 4;
POSITION: absolute;
WIDTH: 382px;
HEIGHT: 400px;
TOP: 135px;
LEFT: 40px;
overflow: auto;
scrollbar-base-color: #000;
scrollbar-arrow-color: #fff;
padding-left: 16px;
}

#content_pizze {
Z-INDEX: 4;
POSITION: absolute;
WIDTH: 393px;
HEIGHT: 400px;
TOP: 131px;
LEFT: 32px;
overflow: auto;
scrollbar-base-color: #000;
scrollbar-arrow-color: #fff;
padding-left: 16px;
padding-right: 20px;
}

#rettangolo {
Z-INDEX: 5;
POSITION: absolute;
FILTER: alpha(opacity=85);
WIDTH: 44px;
HEIGHT: 25px;
TOP: 306px;
LEFT: 663px;
background-color:#000
}

#menu {
Z-INDEX: 6;
POSITION: absolute;
WIDTH: 155px;
HEIGHT: 25px;
background-color:#000;
TOP: 306px;
LEFT: 508px;
}

#rettangolo_c {
Z-INDEX: 5;
POSITION: absolute;
FILTER: alpha(opacity=85);
WIDTH: 44px;
HEIGHT: 25px;
TOP: 347px;
LEFT: 663px;
background-color:#000
}

#menu_c {
Z-INDEX: 6;
POSITION: absolute;
WIDTH: 155px;
HEIGHT: 25px;
background-color:#000;
TOP: 347px;
LEFT: 508px;
}

#rettangolo_p {
Z-INDEX: 5;
POSITION: absolute;
FILTER: alpha(opacity=85);
WIDTH: 44px;
HEIGHT: 25px;
TOP: 388px;
LEFT: 663px;
background-color:#000
}

#menu_p {
Z-INDEX: 6;
POSITION: absolute;
WIDTH: 155px;
HEIGHT: 25px;
background-color:#000;
TOP: 388px;
LEFT: 508px;
}

#rettangolo_l {
Z-INDEX: 5;
POSITION: absolute;
FILTER: alpha(opacity=85);
WIDTH: 44px;
HEIGHT: 25px;
TOP: 429px;
LEFT: 663px;
background-color:#000
}

#menu_l {
Z-INDEX: 6;
POSITION: absolute;
WIDTH: 155px;
HEIGHT: 25px;
background-color:#000;
TOP: 429px;
LEFT: 508px;
}

#rettangolo_con {
Z-INDEX: 5;
POSITION: absolute;
FILTER: alpha(opacity=85);
WIDTH: 44px;
HEIGHT: 25px;
TOP: 470px;
LEFT: 663px;
background-color:#000
}

#menu_con {
Z-INDEX: 6;
POSITION: absolute;
WIDTH: 155px;
HEIGHT: 25px;
background-color:#000;
TOP: 470px;
LEFT: 508px;
}

#rettangolo_re {
Z-INDEX: 5;
POSITION: absolute;
FILTER: alpha(opacity=85);
WIDTH: 44px;
HEIGHT: 25px;
TOP: 511px;
LEFT: 663px;
background-color:#000
}

#menu_re {
Z-INDEX: 6;
POSITION: absolute;
WIDTH: 155px;
HEIGHT: 25px;
background-color:#000;
TOP: 511px;
LEFT: 508px;
}

#rettangolo_n {
Z-INDEX: 5;
POSITION: absolute;
FILTER: alpha(opacity=85);
WIDTH: 44px;
HEIGHT: 25px;
TOP: 552px;
LEFT: 663px;
background-color:#000
}

#menu_n {
Z-INDEX: 6;
POSITION: absolute;
WIDTH: 155px;
HEIGHT: 25px;
background-color:#000;
TOP: 552px;
LEFT: 508px;
}

.img {
margin-left: 25px;
}

.imgleft {
margin-right: 18px;
}

.speciali {
list-style-type: disc;
list-style-position: outside;
padding-left: 14px;
margin: 0px;
margin-top: 0px;
}






grazie mille per l'aiuto