allineamento verticale

[alg1983]

Ciao



Vorrei allineare il testo verticalmente all'immagine del pallone. Ora invece il testo parte dalla base del pallone. (Spero di essere stato chiaro )

Il codice è questo:

<tr>
<td align="left" valign="top">[img]/immagini/pallone.gif[/img] 1A SQUADRA</td>
</tr>

Ho già provato a mettere valign="middle" ma non ha funzionato

[bifone]

Originariamente inviato da alg1983
Ciao



Vorrei allineare il testo verticalmente all'immagine del pallone. Ora invece il testo parte dalla base del pallone. (Spero di essere stato chiaro )

Il codice è questo:

<tr>
<td align="left" valign="top">[img]/immagini/pallone.gif[/img] 1A SQUADRA</td>
</tr>

Ho già provato a mettere valign="middle" ma non ha funzionato

forse risolvi il problema mettendo il testo in un altro <td> affiancato al primo con allineamento

[alg1983]

dici così?

<tr>
<td align="left" valign="top">[img]/immagini/pallone.gif[/img]</td>

<td align="left" valign="middle">1A SQUADRA</td>
</tr>

Ma poi mi sbalza in larghezza dai un'occhiata:
http://www.orat.altervista.org/

[alg1983]

up

[Mich_]

Mi sembra piu` un'immagine che sta al posto di un punto-elenco.

Come dire che la soluzione con i <td> e` semanticamente sbagliata, e si deve invece usare un[*]

<ul>[*]1A SQUADRA
    qui il testo[*]UNDER 20
    qui il testo
  ...[/list]

Nel CSS poi ci dovra` essere:

ul {
  ...
}
ul li {
  list-style: none inside url(/immagini/pallone.gif);
}

Trovi cose del genere gia` pronte, tra le raccolte di menu (vedi "link utili").

[alg1983]

Originariamente inviato da Mich_
Mi sembra piu` un'immagine che sta al posto di un punto-elenco.

Come dire che la soluzione con i <td> e` semanticamente sbagliata, e si deve invece usare un[*]

<ul>[*]1A SQUADRA
    qui il testo[*]UNDER 20
    qui il testo
  ...[/list]

Nel CSS poi ci dovra` essere:

ul {
  ...
}
ul li {
  list-style: none inside url(/immagini/pallone.gif);
}

Trovi cose del genere gia` pronte, tra le raccolte di menu (vedi "link utili").

non penso di aver capito cosa fare: http://www.orat.altervista.org/

potresti essere + preciso?
grazie

[thomas_anderson]

Mich_ è stato chiarissimo. Togli quella tabella, inserisci un div col float e al suo interno posizioni la lista come ti ha già spiegato lui. :rollo:

[alg1983]

Originariamente inviato da thomas_anderson
Mich_ è stato chiarissimo. Togli quella tabella, inserisci un div col float e al suo interno posizioni la lista come ti ha già spiegato lui. :rollo:

ho fatto ma guarda: http://www.orat.altervista.org/ è allineata a dx
e non capisco cosa devo mettere nel css al posto di:
ul {
...
}

[thomas_anderson]

Devi sistemare il tutto con i margini ed il padding. Ad esempio:

ul {
margin: 0;
padding: 0;
}

li.primavoce {
margin: 10px 5px;
padding: xx;
list-style-image: url(pallone.gif);
/* oppure lo imposti come immagine di background di[*]
background: url(pallone.gif) no-repeat 0 50%; ed in questo caso regoli la distanza col padding di sinistra */
}

[alg1983]

non è cambiato nulla anzi pra non c'è + la palla