align="middle" ed xhtml

[retaccia]

Salve, ogni volta che devo validare in xhtml qualche cosa mi viene ormai il v....o!
Per caso... align="middle" è stato eliminato come tag dalla validazione per l'xhtml?
Come posso rimpiazzare questo tag?
Please, Help Me!!!

Dove sta l'errore:
[img]esempio.gif[/img]

[Electro]

nell' xhtml, lo stile si definisce tramite css. Perciò se vuoi validarlo, è meglio che cominci ad ussare i css.

ciao

[retaccia]

Quale sarebbe l'alternativa di questo codice?

[Mich_]

Dipende.
Se e` un elemento inline (oppure usi il browser IE)
vertical-align: middle;
(da inserire nel blocco contenitore)
Se e` un elemento di blocco (escluso il browser IE)
margin: auto 0;
(da inserire nel blocco da centrare).

Nota: TUTTI gli attributi di formattazione inseriti nei tag HTML sono stati eliminati: vanno sostituiti con i corrispondenti attributi CSS.

[retaccia]

dovrei raggiungere questa soluzione: immagine e descrizione vicina (allineata) tipo quello che vedi in html.it nella prima pagina

[retaccia]

Ecco un esempio

[Mich_]

Provo a scrivere il codice HTML e CSS per realizzare quella situazione

<div class="blocchetto">
  [img]...[/img]
  <div class="testuale">
    <h3>Yum, gestore di software per Linux</h3>  
    

Una miniguida alla configurazione e all'uso di Yum, il sistema di installazione, ...</p>
    

  &amp;gt; Sito: Linux</p>
  </div> 
</div> 

CSS:
.blocchetto {
  width: 30%;
  float: left; /* suppongo */
  margin: 10px; /* a piacere */
  padding:0; border:0;
}
.blocchetto img {
  display: block;
  float: left;
  width: 150px; /* dipende dall'immagine - non necessario */
  height: 150px; /* idem */
  margin: 0 20px 0 0;
  padding:0; border:0;
}
.blocchetto h3 {
  font-size: 200%;
  color: ...;
  margin:0; padding:0; border:0;
}
.blocchetto p {
  margin:3px 0;
  padding:0; border:0;
}

[retaccia]

ma con le prime versioni di netscape si vede uno schifo.
Senti lasciamo perdere le immagini (forse è pretendere troppo).
Se volessi mettere la frase tra i tag

frase...</p> come faccio a dare la classe corretta.
Questa è giusta:
es. <p class"esempio">frase...</p>
Fatto questo poi dovrei inserire dai css una immagine (allineata al testo) all'inizio della frase, es.

img prima frase
img seconda frase
img terza frase

Come potrei fare?

[Mich_]

Occorre chiarire quali sono i termini della domanda.

Se devi lavorare per NN4 o IE5.0, devi abbandonare i CSS (non sono supportati o lo sono in maniera insufficiente), e lavorare in altro modo.
Si possono fare pagine che funzionano sia nei browser vecchi che nuovi, ma non si riesce ad avere la stessa grafica.

[retaccia]

Forse ho trovato la soluzione. Se metto l'immagine dentro un div (comandato dai css a stare a sinistra) e subito dopo il testo, arriverei all'obiettivo? es.:


<div class="immagine">[img]test.jpg[/img]</div> testo testo testo

CSS:

.immagine {
text-align:left;
float: left;
}