Graphic Vision Forum

 
Effettua l'accesso o una nuova registrazione.

Autore Topic: Commenti su 'HTML - Creare un orologio'  (Letto 9923 volte)

Calliope

  • Administrator
  • Utente attivo
  • *****
  • Post: 383
    • Instagram - laura_lena
    • Mostra profilo
    • Graphic Vision
    • E-mail
Commenti su 'HTML - Creare un orologio'
« il: Agosto 31, 2006, 10:56:53 am »
Link al tutorial: HTML - Creare un orologio

Per domande, dubbi e commenti postate in questo topic.
« Ultima modifica: Gennaio 23, 2007, 02:06:32 pm da Calliope »


Chi sogna di giorno conosce molte cose che sfuggono a chi sogna solo di notte (E. A. Poe)

   

^aLiNa^

  • Utente
  • *
  • Post: 38
    • Mostra profilo
Commenti su 'HTML - Creare un orologio'
« Risposta #1 il: Settembre 13, 2006, 12:16:54 pm »
Ciao Calliope.
Volevo dirti che oggi pomeriggio mi sono servita di un tuo tutorial per realizzare un orologio, non avendone mai fatti prima e non capisco perchè l'orologio su firefox funziona perfettamente mentre aprendo la stessa pagina web con Internet explorer mi si apre una semplice pagina bianca.
Non riesco a capire in che cosa sbaglio, puoi aiutarmi?
Grazie mille.
Ale

Calliope

  • Administrator
  • Utente attivo
  • *****
  • Post: 383
    • Instagram - laura_lena
    • Mostra profilo
    • Graphic Vision
    • E-mail
Commenti su 'HTML - Creare un orologio'
« Risposta #2 il: Settembre 13, 2006, 12:39:30 pm »
Ciao Alina  :D
Questa cosa è molto strana, sono sicurissima che il codice del tutorial funziona perfettamente anche con ie  :?
Per caso lo stai provando in rete? Se è così, puoi darmi l'indirizzo?
Se invece lo stai testando sul pc, posta per favore il codice, è possibile che nel copia-incolla o nelle modifiche ci sia scappato qualche errore.
Chi sogna di giorno conosce molte cose che sfuggono a chi sogna solo di notte (E. A. Poe)

   

^aLiNa^

  • Utente
  • *
  • Post: 38
    • Mostra profilo
Commenti su 'HTML - Creare un orologio'
« Risposta #3 il: Settembre 13, 2006, 12:50:02 pm »

Calliope

  • Administrator
  • Utente attivo
  • *****
  • Post: 383
    • Instagram - laura_lena
    • Mostra profilo
    • Graphic Vision
    • E-mail
Commenti su 'HTML - Creare un orologio'
« Risposta #4 il: Settembre 13, 2006, 01:03:44 pm »
Credo di aver capito, e se è così è colpa mia e chiedo scusa per la svista...

Nel codice del tutorial ho per sbaglio inserito il javascript prema del simbolo di chiusura di commento. Prova a togliere il simbolo <!-- subito dopo il tag <style> e il //--> prima di </script>.

Il resto mi sembra giusto. Fammi sapere come va!
Chi sogna di giorno conosce molte cose che sfuggono a chi sogna solo di notte (E. A. Poe)

   

^aLiNa^

  • Utente
  • *
  • Post: 38
    • Mostra profilo
Commenti su 'HTML - Creare un orologio'
« Risposta #5 il: Settembre 13, 2006, 01:06:57 pm »
Lo provo subito e ti faccio sapere^^ Grazie

^aLiNa^

  • Utente
  • *
  • Post: 38
    • Mostra profilo
Commenti su 'HTML - Creare un orologio'
« Risposta #6 il: Settembre 13, 2006, 01:09:35 pm »
Evviva funziona :D
Grazie mille
E a presto.. :wink:

Calliope

  • Administrator
  • Utente attivo
  • *****
  • Post: 383
    • Instagram - laura_lena
    • Mostra profilo
    • Graphic Vision
    • E-mail
Commenti su 'HTML - Creare un orologio'
« Risposta #7 il: Settembre 13, 2006, 01:16:31 pm »
Figurati!
Anzi, sono io che devo ringraziarti per avermi fatto trovare un errore, sono già corsa a correggere   :wink:
Chi sogna di giorno conosce molte cose che sfuggono a chi sogna solo di notte (E. A. Poe)

   

^aLiNa^

  • Utente
  • *
  • Post: 38
    • Mostra profilo
Commenti su 'HTML - Creare un orologio'
« Risposta #8 il: Settembre 13, 2006, 01:19:58 pm »
credo che prenderò anche quello dei calendarietti se non ti dispiace.
Ah, ultima cosa. Siccome faccio lavoretti di grafica va bene se metto il link al tuo sito tra i credits?

Calliope

  • Administrator
  • Utente attivo
  • *****
  • Post: 383
    • Instagram - laura_lena
    • Mostra profilo
    • Graphic Vision
    • E-mail
Commenti su 'HTML - Creare un orologio'
« Risposta #9 il: Settembre 13, 2006, 01:23:56 pm »
Certo che non mi dispiace, sono lì apposta  :wink:

Riguardo al link, se lo metti la cosa non può che farmi piacere  :D
Chi sogna di giorno conosce molte cose che sfuggono a chi sogna solo di notte (E. A. Poe)

   

^aLiNa^

  • Utente
  • *
  • Post: 38
    • Mostra profilo
Commenti su 'HTML - Creare un orologio'
« Risposta #10 il: Settembre 13, 2006, 01:27:54 pm »
beh visto che mi sono pure presentata sistemo la firma così quando vuoi puoi passare a dare una sbirciatina ai miei lavoretti^^
Ah per i credits, mi sembra una questione di rispetto.

serryssima

  • Newbie
  • *
  • Post: 3
    • Mostra profilo
    • http://serryssima.splinder.com
calendario+orologio
« Risposta #11 il: Ottobre 30, 2006, 05:59:39 pm »
ecco.. il mio primo dubbio.
questo è il mio calendario-orologio. o meglio, dovrebbe esserlo.. se solo riuscissi a spostare il datario a sinistra! so che ho combinato qualche casino dopo </head>, ma non capisco dove.. è tutto spostato a destra e ovviamente si ripete l'immagine di sfondo... salvami, ti prego!
Sere

Calliope

  • Administrator
  • Utente attivo
  • *****
  • Post: 383
    • Instagram - laura_lena
    • Mostra profilo
    • Graphic Vision
    • E-mail
Commenti su 'HTML - Creare un orologio'
« Risposta #12 il: Ottobre 30, 2006, 06:54:15 pm »
Hai fatto un errore nell'impostazione della struttura.
Tu hai messo una sola riga con due colonne, nella prima hai inserito l'orologio e nella seconda il datario.
Quello che ti serve invece è avere due righe, ognuna delle quali contenente una sola colonna.
In pratica la struttura che devi avere è questa:

 
Codice: [Seleziona]
<table>
<tr>
<td>
... codice calendario ...
</td>
</tr>

<tr>
<td>
... codice orologio ...
</td>
</tr>

</table>


Inoltre ci sono altri due problemi.

Primo, l'altezza di table.main in questo caso non deve essere quella complessiva di tutto il div, altrimenti non rimane spazio per la riga con l'orologio, che quindi si sposta in basso.
Per cui se in totale hai 175px, dovresti calcolare per table.main qualcosa in più delle dimensioni fissate in table.calendar. A occhio direi che un 115px potrebbe andare.

Secondo, il margin-top dato nella classe .input non viene calcolato a partire dall'inizio della tabella, ma a partire dal bordo superiore della cella che contiene l'orologio.
Per cui se lasci come valore 130px, inserendo l'orologio nella seconda riga verrà spostato di molto in basso. Penso che un valore di 30px dovrebbe andare.

Quindi, ricapitolando, il codice corretto dovrebbe essere così (tagliando un po' di parti che comunque erano corrette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">

<title></title>
<script type="text/javascript">
<!-- Prelevato e spiegato su: http://www.web-link.it -->
....
</script>
<style type="text/css">
<!--
body{
background-color:#C56B53;
font-family:Verdana,Arial,Sans-serif;
font-size:7pt;
}

/* stili per la data */

.input { border-style: none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:7pt;
background-color:transparent;
color :#C56B53 ;

margin-top:30px;

margin-left:25px;
}

/* stili per la tabella principale */

table.main{
border-collapse: collapse;
border:1px solid #C56B53 ;
width:138px;

height:115px;

background-image:url('http://serryssima.altervista.org/orologi_calendari/cornicebrillantini.gif');
}

/* stili per la tabella delle date */

table.calendar{
width:80px;
height:62px;
margin-top: 15px;
margin-left: 25px;
font-size : 10px;
color: #C56B53;
}

/* stili per i giorni */

.days{
color:#C56B53;
}

/* stili per la data attuale */

.today{
color: #EEBBA2;
background-color:#C56B53;
}
-->
</style>

</head>
<body topmargin="0" leftmargin="0" onLoad="StartClock24()">

<div align="left" width="138" height="175">
<table class="main" cellpadding="0" cellspacing="0">

<tr>
<td style="width:105px;
height:115px; text-align:left; vertical-align:top;">
<script language=JavaScript>
.... codice javascript ...
</script> </td>

</tr>

<tr>

<td width="57" height="16" style="text-align:left;vertical-align:bottom;">
<form name="clock">
<input type="text" name="showTime" size="8" class="input">
</form>
</td>

</tr>

</table>

</div>
</body>
</html>


Le misure saranno probabilmente da aggiustare un po', sono andata a occhio ;)
Chi sogna di giorno conosce molte cose che sfuggono a chi sogna solo di notte (E. A. Poe)

   

serryssima

  • Newbie
  • *
  • Post: 3
    • Mostra profilo
    • http://serryssima.splinder.com
Commenti su 'HTML - Creare un orologio'
« Risposta #13 il: Ottobre 31, 2006, 09:03:14 am »
grazieeeeeeeeeee questo è il risultato.. ops, il 28 del mese ho un problemino ma kissenefrega.. ho altri 30 giorni buoni!! ahahah  :lol:
se ti va di passare, questo è il mio blog.. ti inserisco di corsa tra i credits, è il minimo! grazie ancora.
a presto!!  :wink:
Sere

mikka

  • Newbie
  • *
  • Post: 3
    • Mostra profilo
    • E-mail
Re: Commenti su 'HTML - Creare un orologio'
« Risposta #14 il: Febbraio 29, 2008, 01:57:24 pm »

 

Pagina creata in 0.138 secondi con 20 interrogazioni al database.