cerco qualcuno che sappia qualcosa sui codici HTML

[ferdyc]

cerco qualcuno che sappia qualcosa sui codici HTML

... specie come si settano alla perfezione per creare una pagina web html...

perchè è da 5 ore che sto uscendo pazzo per una pagina che non riesco a configuare in html....

se qualcuno è disponibile x un aiuto, può scrivermi in pubblico o anche privatamente.

grazie

buona pasqua.

[Vincent.Zeno]

difficilmente QUI NEL FORUM DEDICATO AL HTML si può trovare qualcuno che ne sappia un po'

che significa "può scrivermi"? offri lavoro?

altrimenti:
1) leggi con attenzione il regolamento di sezione
2) esponi qui i tuoi dubbi (aprendo un nuovo post con titolo autodescrittivo) con tanto di codice e possibilmente un link ad una pagina demo appositamente creata

tutto chiaro?

[ferdyc]

l'amministratice del forum, rebelia , ha detto di scrive in questa sezione, spero che qualcuno possa aiutarmi, settando questo codice che metterò sotto , in modo tale che tale codice possa esser visibile su una pagina html in modo lineare e leggibile.


il codice HTML che non riesco a settare nella pagina è questo chi può aiutarmi? :

<table id="tnsprt" cellspacing="1" width="100%">


<tr>

<th>Titolo</th>
<th>Quotaz.</th>
<th>Grafici</th>
<th>Cat.</th>
</tr>


<tr class='tnsprtclosed' style='background-color:#b0b0b0; color:#003468;'><td class='tnsprtbold'>A2A<!--div style="text-align:right;" id='pic'>

<a class='p1' style="width:10px;font-size:9px;" href='#' title='News'>(News)
<div class='large'>
</div></a>
</div -->

</td><td class='tnsprtbold' style='color: #008000;'>
()</td><td class='tnsprtbold'><div style="" id='pic'>

<a class='p1' style="width:10px;" href='#' title='Grafico a 5 minuti'>[img]/phpBB/images/icons/tns/TOPIC_CHART1b.gif[/img]
[img]http://chart.finance.yahoo.com/z?s=A2A.MI&t=1d&q=c&l=on&z=m&p=e20,e50,e200,b,v&a=vm,m26-12-9,ss,sf,r14,w14&c=&lang=it-IT&region=IT&data=20130330170639[/img]</a>
<a class='p1' style="width:10px;" href='#' title='Grafico orario'>[img]/phpBB/images/icons/tns/TOPIC_CHART2b.gif[/img]
[img]http://chart.finance.yahoo.com/z?s=A2A.MI&t=5d&q=c&l=on&z=m&p=e20,e50,e200,b,v&a=vm,m26-12-9,ss,sf,r14,w14&c=&lang=it-IT&region=IT&data=20130330170639[/img]</a>
<a class='p1' style="width:10px;" href='#' title='Grafico giornaliero'>[img]/phpBB/images/icons/tns/TOPIC_CHART3b.gif[/img]
[img]http://chart.finance.yahoo.com/z?s=A2A.MI&t=6m&q=c&l=on&z=m&p=e20,e50,e200,b,v&a=vm,m26-12-9,ss,sf,r14,w14&c=&lang=it-IT&region=IT&data=20130330170639[/img]</a>
<a class='p1' style="width:10px;" href='#' title='Grafico settimanale'>[img]/phpBB/images/icons/tns/TOPIC_CHART4b.gif[/img]
[img]http://chart.finance.yahoo.com/z?s=A2A.MI&t=5y&q=c&l=on&z=m&p=e100,e250,e1000,b,v&a=vm,m26-12-9,ss,sf,r14,w14&c=&lang=it-IT&region=IT&data=20130330170639[/img]</a>
</div>

</td><td>FTSE MIB</td></tr><tr><td colspan='4'>
<div style="text-align:right;width: 445px;" id='pic'>

<p style="margin:0 5px; text-align:left;font-size:11px;text-indent: -93px;margin-left: 98px;">2013-03-29 16:45 - A2a: societa&apos;, impatti sociali minimi da piano riorganizzazione[url="http://it.finance.yahoo.com/notizie/a2a-societa-impatti-sociali-minimi-154500956.html"][img]/media/widgetkit/Leggi.gif[/img][/url]</p><p style="margin:0 5px; text-align:left;font-size:11px;text-indent: -93px;margin-left: 98px;">2013-03-22 11:48 - A2a: Ugl, da azienda nessun passo indietro su esuberi e Cigo[url="http://it.finance.yahoo.com/notizie/a2a-ugl-azienda-nessun-passo-104800164.html"][img]/media/widgetkit/Leggi.gif[/img][/url]</p><p style="margin:0 5px; text-align:left;font-size:11px;text-indent: -93px;margin-left: 98px;">2013-03-21 18:04 - Borsa: Milano chiude in calo ma lo spread aiuta le banche[url="http://it.finance.yahoo.com/notizie/borsa-milano-chiude-in-calo-170400414.html"][img]/media/widgetkit/Leggi.gif[/img][/url]</p><p style="margin:0 5px; text-align:left;font-size:11px;text-indent: -93px;margin-left: 98px;">2013-03-21 17:54 - Borsa: giu&apos; Mediolanum e Parmalat. Calo spread aiuta banche[url="http://it.finance.yahoo.com/notizie/borsa-mediolanum-parmalat-calo-spread-165400413.html"][img]/media/widgetkit/Leggi.gif[/img][/url]</p><p style="margin:0 5px; text-align:left;font-size:11px;text-indent: -93px;margin-left: 98px;">2013-03-21 11:24 - A2A: nuovi spunti rialzisti sopra 0,4800[url="http://it.finance.yahoo.com/notizie/a2a-nuovi-spunti-rialzisti-0-102400063.html"][img]/media/widgetkit/Leggi.gif[/img][/url]</p>
</div>


</tr>
</table>

[Prill]

ti riferisci alle immagini coi grafici troppo piccole e distorte?
Se è questo puoi reimpostare le dimensioni che attualmente sono width="100%" height="132" (il che porta l'immagine a espandersi per tutta la larghezza ma le assegna un'altezza troppo ridotta (se vuoi l'immagine larga quanto l'elemento che la contiene ma sia proporzionata metti height:auto assieme a width settato su 100%, altrimenti non impostare alcuna dimensione e l'immagine verrà inserita con quelle originali che la renderanno leggibile)

[Prill]

le dimensioni originali (ne ho vista una, ma forse sono tutte eguali) sono: width="512" height="602"

[ferdyc]

Originariamente inviato da Prill
ti riferisci alle immagini coi grafici troppo piccole e distorte?
Se è questo puoi reimpostare le dimensioni che attualmente sono width="100%" height="132" (il che porta l'immagine a espandersi per tutta la larghezza ma le assegna un'altezza troppo ridotta (se vuoi l'immagine larga quanto l'elemento che la contiene ma sia proporzionata metti height:auto assieme a width settato su 100%, altrimenti non impostare alcuna dimensione e l'immagine verrà inserita con quelle originali che la renderanno leggibile)

in pratica


vorrei settarlo per metterlo in una pagina altervista... ma settarlo bene in modo che venga come in questo sito : http://www.tradingnostop.com/ (guarda la parte centrale azzurra )


spero in un tuo aiuto

[Prill]

dal tuo codice non si capisce molto. Ridimensionando le immagini dei grafici, questi ultimi diventano leggibili e appaiono tutti affiancati. Poi hai il richiamo a una serie di stili, ma il foglio di stile non c'è (ad esempio la tabella ha id="tnsprt", questo significa che dovrebbe esserci una regola nel css per tnsprt, con la quale la tabella viene formattata). Così non ci si rende conto.
Se copi e incolli vedi una prima modifica (ho eliminato anche alcuni errori nel codice):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>

<body>
<table id="tnsprt" cellspacing="1" width="100%">


<tr>

<th>Titolo</th>
<th>Quotaz.</th>
<th>Grafici</th>
<th>Cat.</th>
</tr>


<tr class='tnsprtclosed' style='background-color:#b0b0b0; color:#003468;'><td class='tnsprtbold'>A2A<!--div style="text-align:right;" id='pic'>

<a class='p1' style="width:10px;font-size:9px;" href='#' title='News'>(News)
<div class='large'>
</div></a>
</div -->

</td><td class='tnsprtbold' style='color: #008000;'>
()</td><td class='tnsprtbold'><div style="" id='pic'>

<a class='p1' style="width:10px;" href='#' title='Grafico a 5 minuti'>[img]/phpBB/images/icons/tns/TOPIC_CHART1b.gif[/img]
</a>
<a class='p1' style="width:10px;" href='#' title='Grafico orario'>[img]/phpBB/images/icons/tns/TOPIC_CHART2b.gif[/img]
</a>
<a class='p1' style="width:10px;" href='#' title='Grafico giornaliero'>[img]/phpBB/images/icons/tns/TOPIC_CHART3b.gif[/img]
</a>
<a class='p1' style="width:10px;" href='#' title='Grafico settimanale'>[img]/phpBB/images/icons/tns/TOPIC_CHART4b.gif[/img]
</a>
</div>

</td><td>FTSE MIB</td></tr><tr><td colspan='4'>
<div style="text-align:right;width: 445px;" id='pic'>

<p style="margin:0 5px; text-align:left;font-size:11px;text-indent: -93px;margin-left: 98px;">2013-03-29 16:45 - A2a: societa', impatti sociali minimi da piano riorganizzazione[img]/media/widgetkit/Leggi.gif[/img]</p><p style="margin:0 5px; text-align:left;font-size:11px;text-indent: -93px;margin-left: 98px;">2013-03-22 11:48 - A2a: Ugl, da azienda nessun passo indietro su esuberi e Cigo[img]/media/widgetkit/Leggi.gif[/img]</p><p style="margin:0 5px; text-align:left;font-size:11px;text-indent: -93px;margin-left: 98px;">2013-03-21 18:04 - Borsa: Milano chiude in calo ma lo spread aiuta le banche[img]/media/widgetkit/Leggi.gif[/img]</p>
<p style="margin:0 5px; text-align:left;font-size:11px;text-indent: -93px;margin-left: 98px;">2013-03-21
 17:54 - Borsa: giu' Mediolanum e Parmalat. Calo spread aiuta banche[img]/media/widgetkit/Leggi.gif[/img]</p>
<p style="margin:0 5px; text-align:left;font-size:11px;text-indent: -93px;margin-left: 98px;">2013-03-21 11:24 - A2A: nuovi spunti rialzisti sopra 0,4800[img]/media/widgetkit/Leggi.gif[/img]</p>
</div>


</tr>
</table>
</body>
</html>

per il resto difficile capire come il tutto deve apparire (sono presenti immagini che non vediamo). Meglio sarebbe se tu mettessi la pagina online e spiegassi come deve essere la tua tabella (quella centrale della pagina lincata non ha i grafici che appaiono invece lateralmente)

[ferdyc]

Prill forse son stato poco chiaro io


io non voglio che si debbano vedere i grafici...

ma voglio solamente prendere il codice per formare la tabella azzurra che c'è in questa pagina : http://www.tradingnostop.com/

per metterla in un sito altervista.... ( quella tabella azzurra non ha grafici , ma solo "bottoni" per i grafici , notizie di borsa e nomi )...