Espandere una riga di testo al clic o passaggio del mouse

[KillerWorm]

Ciao, quello che chiedi non è così scontato o semplice come potrebbe sembrare.
Prima di tutto stai lavorando su un CMS ed in particolare stai andando a modificare un plugin. Giusto per metterti in guardia, qualsiasi aggiunta/modifica potrebbe comportare degli effetti collaterali e compromettere le funzionalità del plugin stesso se non sai esattamente come e dove operare.
A parte questo, per l'effetto sul click, troverei più appropriata una soluzione JavaScript/jQuery.

Ad ogni modo puoi tentare comunque qualcosa per l'hover col css.

Prova ad aggiungere queste righe da qualche parte tra le regole del tuo css (dovrebbe funzionare ma non ti garantisco niente):

table.gigpress-table tr.gigpress-info{
  -webkit-transition: opacity .5s, line-height .5s;
     -moz-transition: opacity .5s, line-height .5s;
          transition: opacity .5s, line-height .5s;
  line-height: 0px;
  opacity: 0;
}
tr.gigpress-info:hover, tr.gigpress-row:hover ~tr.gigpress-info{
  line-height: 100%;
  opacity: 1;
}

---

PS: giusto un consiglio. Alla fine della sezione "BIOGRAFIA" c'è uno slide di testo che varia in altezza a seconda del testo visualizzato. Questo crea un fastidiosissimo su-e-giù della pagina quando ci si trova nelle sezioni che seguono. Magari si può fissare in qualche modo l'altezza di quell'affare, così da evitare il mal di mare a qualche visitatore.

PPS: giusto un altro consiglio. Verifica e correggi gli errori di validazione. Sulla pagina ce ne sono una trentina (puoi vedere su validator.w3.org).

[osborn87]

Ciao, quello che chiedi non è così scontato o semplice come potrebbe sembrare.
Prima di tutto stai lavorando su un CMS ed in particolare stai andando a modificare un plugin. Giusto per metterti in guardia, qualsiasi aggiunta/modifica potrebbe comportare degli effetti collaterali e compromettere le funzionalità del plugin stesso se non sai esattamente come e dove operare.
A parte questo, per l'effetto sul click, troverei più appropriata una soluzione JavaScript/jQuery.

Ad ogni modo puoi tentare comunque qualcosa per l'hover col css.

Prova ad aggiungere queste righe da qualche parte tra le regole del tuo css (dovrebbe funzionare ma non ti garantisco niente):

table.gigpress-table tr.gigpress-info{
  -webkit-transition: opacity .5s, line-height .5s;
     -moz-transition: opacity .5s, line-height .5s;
          transition: opacity .5s, line-height .5s;
  line-height: 0px;
  opacity: 0;
}
tr.gigpress-info:hover, tr.gigpress-row:hover ~tr.gigpress-info{
  line-height: 100%;
  opacity: 1;
}

---

PS: giusto un consiglio. Alla fine della sezione "BIOGRAFIA" c'è uno slide di testo che varia in altezza a seconda del testo visualizzato. Questo crea un fastidiosissimo su-e-giù della pagina quando ci si trova nelle sezioni che seguono. Magari si può fissare in qualche modo l'altezza di quell'affare, così da evitare il mal di mare a qualche visitatore.

PPS: giusto un altro consiglio. Verifica e correggi gli errori di validazione. Sulla pagina ce ne sono una trentina (puoi vedere su validator.w3.org).

Sei un genio! Ora va molto meglio! Devo solo personalizzarmelo come meglio credo...
Per il primo PS...non so come fare per bloccare l'altezza; tu hai un'idea?
Per il secondo PPS...devo sistemare gli errore uno ad uno nel codice?

GRAZIE MILLE!!!!

[osborn87]

Volevo eliminare quella riga vuota che c'era subito dopo la riga contenente la data ecc...e ce l'ho fatta ma si è disattivato l'effetto transizione...
Questo il codice...che cavolata ho combinato? :-)

table.gigpress-table tr.gigpress-info{
-webkit-transition: opacity .5s, line-height .5s, display 2s, background-color 2s;
   -moz-transition: opacity .5s, line-height .5s, display 2s, background-color 2s;
        transition: opacity .5s, line-height .5s, display 2s, background-color 2s;
line-height: 0px;
opacity: 0;
background-color: none;
display: none;
}
tr.gigpress-info:hover, tr.gigpress-row:hover ~tr.gigpress-info{
line-height: 100%;
opacity: 1;
background-color: #b3e7dd;
display: table-row;
}

[KillerWorm]

Per il primo PS...non so come fare per bloccare l'altezza; tu hai un'idea?

Essendo un layout responsive (flessibile) è difficile agire in modo diretto su quell'elemento senza rischiare di compromettere la corretta visualizzazione del layout stesso.
Un consiglio è quello di cercare nella documentazione del plugin in questione, magari puoi impostare qualche parametro o usare particolari funzioni che risolvono il problema.
Personalmente non conosco il plugin ma facendo qualche ricerca ho potuto constatare che si tratta di un problema noto.
https://www.google.it/?gws_rd=ssl#q=...r+height+issue
Se spulci tra i risultati dovresti trovare qualche soluzione proprio riguardo a leyout flessibili.

Per il secondo PPS...devo sistemare gli errore uno ad uno nel codice?

Ti direi che tutto è relativo.
Se vuoi un lavoro fatto ad regola d'arte, sarebbe opportuno correggere tutti gli errori.
Inutile dire che in generale un codice perfettamente valido è meglio che uno con degli errori. Ma chiaramente tutto il discorso può essere contestualizzato. In alcune situazioni, ad esempio su siti personali, (dove non si hanno obblighi restrittivi come può essere per siti di tipo istituzionale, magari nell'ambito dell'accessibilità) si potrebbe sorvolare su vari ed eventuali errori che magari non influiscono più di tanto sulla funzionalità generale del sito.

Tieni presente però che ogni browser cerca di interpretare e risolvere a proprio modo i diversi errori o, se non riesce, li ignora direttamente. Questo può comportare dei mal funzionamenti differenti a seconda del browser usato, e compromettere quindi la corretta navigazione del sito da parte degli utenti che lo visitano.

Inoltre, capita spesso che l'utilizzo di diversi plugin e componenti (specialmente su cms) generi degli errori sul codice. A volte dovuti a scelte obbligate di tipo tecnico da parte degli sviluppatori che magari danno priorità a particolari aspetti a discapito di qualche errore "minore" sul codice. A volte perché tali componenti sono realizzati con i piedi (in tal caso sarebbe meglio evitare di usarli). A volte (più spesso) per delle impostazione non corrette da parte di chi li installa, e in tal caso gli errori potrebbero essere evitati o corretti in qualche modo.

A parte questo potresti comunque cercare di correggere il correggibile. Non dico che sia semplice ma puoi passare in rassegna, uno ad uno, tutti gli errori segnalati dal validatore, quindi, con opportune ricerche, provare a capire di cosa si tratta, e nel caso, provvedere a sistemare.

Poi, là dove non riesci a risolvere, come ultima risorsa puoi chiedere aiuto sul forum.
...

Volevo eliminare quella riga vuota che c'era subito dopo la riga contenente la data ecc...e ce l'ho fatta ma si è disattivato l'effetto transizione...
Questo il codice...che cavolata ho combinato? :-)

... provo a dargli uno sguardo