Vai al contenuto

Codice HTML per orologio

alfonsohuby

Da alfonsohuby
in Web design e sistemisti

Messaggi raccomandati

alfonsohuby

alfonsohuby

Inviato
Inviato

ho inserito questo codice

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

body{

background-color:transparent;

font-family:Verdana,Arial,Sans-serif;

font-size:40px;

}

table{

border-collapse: collapse;

border:0px;

width:90px;

height:30px;

background-image: transparent;

}

.input {

border-style: none;

font-family:Trebuchet,Verdana,Arial,Helvetica,sans-serif;

font-size:15px;

background-color:transparent;

color :#BCC439;

font-weight:bold;

margin-top:5px;

margin-left:5px;

}

</style>

<script type="text/javascript">

<!-- Prelevato e spiegato su: http://www.web-link.it -->

function showFilled(Value) {

return (Value > 9) ? "" + Value : "0" + Value;

}

function StartClock24() {

TheTime = new Date;

document.clock.showTime.value = showFilled(TheTime.getHours()) + ":" + showFilled(TheTime.getMinutes()) + ":" + showFilled(TheTime.getSeconds());

setTimeout("StartClock24()",1000)

}

</script>

</head>

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

<table cellpadding="0" cellspacing="0" border="0">

<tr>

<td class="border:none;">

<form name="clock">

<input type="text" name="showTime" size="7" class="input">

</form>

</td>

</tr>

</table>

</body>

</html>

ma su tutti i browser (Internet Explorer, Safari 3, Firefox sia PC che MAC e Camino) viene visualizzato così

immagine3sa7.jpg

mentre su Safari 2.0 così

immagine2gl8.jpg

qualcuno ha idea di come fare a far si che non compaia quel rettangolino bianco?

:ghghgh:

Alfonso|Huby®

Visita il mio sito: ALFONSO MORABITO PHOTOGRAPHER

Nasce il progretto Calabria Photo:

http://www.calabriaphoto.it/

Link al commento
Condividi su altri siti
alfonsohuby

alfonsohuby

Inviato
  • Autore
Inviato
non sono sicuro che "background-color: transparent;" sia una direttiva completamente corretta

e come dovrei scrivere per averlo trasparente?

:ghghgh:

Alfonso|Huby®

Visita il mio sito: ALFONSO MORABITO PHOTOGRAPHER

Nasce il progretto Calabria Photo:

http://www.calabriaphoto.it/

Link al commento
Condividi su altri siti
alfonsohuby

alfonsohuby

Inviato
  • Autore
Inviato
io avrei scritto solo background: none;

provo

grazie

:ciao:

Alfonso|Huby®

Visita il mio sito: ALFONSO MORABITO PHOTOGRAPHER

Nasce il progretto Calabria Photo:

http://www.calabriaphoto.it/

Link al commento
Condividi su altri siti
alfonsohuby

alfonsohuby

Inviato
  • Autore
Inviato
io avrei scritto solo background: none;

fatto, risultato sempre uguale, anzi, prima lo vedevo solo da Safari 2 con backgrounde: none lo si vede in tutti

:ciao:

Alfonso|Huby®

Visita il mio sito: ALFONSO MORABITO PHOTOGRAPHER

Nasce il progretto Calabria Photo:

http://www.calabriaphoto.it/

Link al commento
Condividi su altri siti
notpill

notpill

Inviato
Inviato

credo che bgnd color possa andare in transparent

ma è il background-image che richiede il NONE

e invece qui c'è transparent

table{

border-collapse: collapse;

border:0px;

width:90px;

height:30px;

background-image: transparent;

}

prova a correggerlo che safari è parecchio preciso per queste cose

new website

Link al commento
Condividi su altri siti
alfonsohuby

alfonsohuby

Inviato
  • Autore
Inviato

ho riscritto così

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

body{

background-color:transparent;

font-family:Verdana,Arial,Sans-serif;

font-size:40px;

}

table{

border-collapse: collapse;

border:0px;

width:90px;

height:30px;

background-image: none;

}

.input {

border-style: none;

font-family:Trebuchet,Verdana,Arial,Helvetica,sans-serif;

font-size:15px;

background-color:transparent;

color :#BCC439;

font-weight:bold;

margin-top:5px;

margin-left:5px;

}

</style>

<script type="text/javascript">

<!-- Prelevato e spiegato su: http://www.web-link.it -->

function showFilled(Value) {

return (Value > 9) ? "" + Value : "0" + Value;

}

function StartClock24() {

TheTime = new Date;

document.clock.showTime.value = showFilled(TheTime.getHours()) + ":" + showFilled(TheTime.getMinutes()) + ":" + showFilled(TheTime.getSeconds());

setTimeout("StartClock24()",1000)

}

</script>

</head>

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

<table cellpadding="0" cellspacing="0" border="0">

<tr>

<td class="border:none;">

<form name="clock">

<input type="text" name="showTime" size="7" class="input">

</form>

</td>

</tr>

</table>

</body>

</html>

ma il risultato è sempre lo stesso...

qualcuno ha uno script per un orologio senza sfondo bianco?

Alfonso|Huby®

Visita il mio sito: ALFONSO MORABITO PHOTOGRAPHER

Nasce il progretto Calabria Photo:

http://www.calabriaphoto.it/

Link al commento
Condividi su altri siti
grigio60

grigio60

Inviato
Inviato

potrebbe essere il fatto che usi una form e magari safari non gestisce correttamente le proprietà background relative a un campo di tipo "input".

in effetti per visualizzare l'orologio non serve una form, puoi usare anche una div con un apposito id e poi giocare sulle proprietà DOM tramite javascript.

Serve aiuto? Posso darti una mano in

Webmasters - Aiuto Software - Da Windows a Mac

Mappa Utenti ItaliaMac

[[miao]]

Link al commento
Condividi su altri siti
alfonsohuby

alfonsohuby

Inviato
  • Autore
Inviato

io sto script l'ho preso in giro e magari è anche vecchio, o che so, però con tutti funziona anche con Safari 3, solo con Safari 2 da questo problema

Se sapete dove posso trovarne qualche altro, segnalatemelo

:ghghgh:

Alfonso|Huby®

Visita il mio sito: ALFONSO MORABITO PHOTOGRAPHER

Nasce il progretto Calabria Photo:

http://www.calabriaphoto.it/

Link al commento
Condividi su altri siti
grigio60

grigio60

Inviato
Inviato
io sto script l'ho preso in giro e magari è anche vecchio, o che so, però con tutti funziona anche con Safari 3, solo con Safari 2 da questo problema

Se sapete dove posso trovarne qualche altro, segnalatemelo

:fiorellino:

allora se funziona con safari3 ma non con il 2 è legato al supporto delle css - che sicuramente è cambiato tra le due versioni (ho visto altri siti che si visualizzano in modo diverso tra le due versioni). prova a modificare nel modo che ti suggerivo, usando un div invece che un form come oggetto per la visualizzazione dell'orologio.

Serve aiuto? Posso darti una mano in

Webmasters - Aiuto Software - Da Windows a Mac

Mappa Utenti ItaliaMac

[[miao]]

Link al commento
Condividi su altri siti

Archiviato

Questa discussione è archiviata e chiusa a future risposte.

Vai alla lista discussioni
×
×
  • Crea Nuovo...