Non sapevo in quale forum postare per il problema che mi perseguita... è la compatibilità di alcuni oggetti del mio sito con firefox... e come risolverli
Mio sito
Nella home del sito che sto creando ho uno script che sfrutta la funzione <marquee> per far scorrere delle immagini, in firefox l'animazione va a finire fuori del div...come risolvere??
Simile problema accade invece con la tabella al centro (shoutbox) va a finire fuori del container...come risolvo?
Grazie a tutti!!
allora diciamo che il tag che usi non è conforme con l'accessibilità.
comunque vedrò di darti una mano (anche se odio sviluppare come primitivi del html )
ho visto il codice sorgente della paginaVVoVe:
inizia a sistemare questo orrore :
Codice PHP:<style type="text/css">
#moon { position:absolute; top:-25; left:-25px; background:transparent url([url]http://www.spritzlandia.it/images/moon.png[/url]) top left no-repeat; width:176px; height:172px;text-indent:-9999px }
* html #moon { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.spritzlandia.it/images/moon.png", sizingMethod="crop");}
#moon a, #moon a:visited { display:block; width:176px; height:172px; }
</style>
<style type="text/css">
#sun { position:absolute; top:-25; left:-25px; background:transparent url([url]http://www.spritzlandia.it/images/sun.png[/url]) top left no-repeat; width:176px; height:176px;text-indent:-9999px }
* html #sun { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.spritzlandia.it/images/sun.png", sizingMethod="crop");}
#sun a, #sun a:visited { display:block; width:176px; height:176px; }
</style>
<LINK href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Stile2 {color: #B82025;}
-->
</style>
<style type="text/css">
.progress{
width: 1px;
height: 14px;
color: white;
font-size: 12px;
overflow: hidden;
background-color: #AA2B00;
padding-left: 5px;
}
</style>
crea un foglio di stile e utilizza solo quello
<link href="style.css" rel="stylesheet" type="text/css">
scrivilo ordinato e che si riesca subito a capire cosa stai dichiarando segui il modello sotto:
codice:/* commento */ .progress{ width: 1px; height: 14px; color: white; font-size: 12px; overflow: hidden; background-color: #AA2B00; padding-left: 5px; }
poi come hai impostato il testo scorrevole no va bene:
Da cosi (da notare che non era cosi indentato ma una cozzaglia di codice , se riesci sistema anche l'identazione)
Codice PHP:
<div class="primary-containerhome">
<table cellpadding="0" cellspacing="0" class="moduletable"><tr><td>
<marquee behavior="scroll" direction="right" scrollamount="2" scrolldelay="30" align="right" truespeed onmouseover=this.stop() onmouseout=this.start() >
<table width="100%" cellpadding="2" cellspacing="2" class="moduletable">
<tr height="25px">
<td></td>
</tr>
<tr>
<td width="" align="left" valign="middle" class="text3">
[url='locali.php?id=1'][img]locali/1/logo.jpg[/img][/url]</td><td width="100%" valign="middle" nowrap="nowrap" class="text3">
[url='locali.php?id=1']Daka's Cafè[/url]
Lounge Bar
Torre (PD)</a></td><td width="" align="left" valign="middle" class="text3">
[url='locali.php?id=2'][img]locali/2/foto04.jpg[/img][/url]</td><td width="100%" valign="middle" nowrap="nowrap" class="text3">
[url='locali.php?id=2']DaConte' s Club[/url]
Discoteca
San Donà di Piave (VE)</a></td><td width="" align="left" valign="middle" class="text3">
[url='locali.php?id=3'][img]locali/3/foto04.jpg[/img][/url]</td><td width="100%" valign="middle" nowrap="nowrap" class="text3">
[url='locali.php?id=3']Faraone Disco Pub[/url]
Discopub
Borgoricco (PD)</a>
</td>
</tr>
<tr height="50px"><td>
</td></tr>
</table>
</marquee>
</td>
</tr>
</table>
a cosi :
Fammi sapere appena effettui le modificheCodice PHP:
<div class="primary-containerhome">
<marquee behavior="scroll" direction="right" scrollamount="2" scrolldelay="30" align="right" truespeed onmouseover=this.stop() onmouseout=this.start() >
[url='locali.php?id=1'][img]locali/1/logo.jpg[/img][/url]</td><td width="100%" valign="middle" nowrap="nowrap" class="text3">
[url='locali.php?id=1']Daka's Cafè[/url]
Lounge Bar
Torre (PD)</a></td><td width="" align="left" valign="middle" class="text3">
[url='locali.php?id=2'][img]locali/2/foto04.jpg[/img][/url]</td><td width="100%" valign="middle" nowrap="nowrap" class="text3">
[url='locali.php?id=2']DaConte' s Club[/url]
Discoteca
San Donà di Piave (VE)</a></td><td width="" align="left" valign="middle" class="text3">
[url='locali.php?id=3'][img]locali/3/foto04.jpg[/img][/url]</td><td width="100%" valign="middle" nowrap="nowrap" class="text3">
[url='locali.php?id=3']Faraone Disco Pub[/url]
Discopub
Borgoricco (PD)</a>
</marquee>
</div>
Ciao Barman83, se sostituisco il codice come mi descrivi te, il marquee scompare addirittura da firefox mentre su explorer diventa disordinato..
ho messo il codice su Codice modificato
posta il codice php che genera la pagina perfavore
Eccolo
Codice PHP:<table cellpadding="0" cellspacing="0" class="moduletable"><tr><td>
<marquee behavior="scroll" direction="right" scrollamount="2" scrolldelay="30" align="right" truespeed onmouseover=this.stop() onmouseout=this.start() >
<table width="100%" cellpadding="2" cellspacing="2" class="moduletable">
<tr height="25px"><td></td></tr>
<tr><?php
$query6 = "SELECT * FROM locali";
$risultato6 = mysql_query($query6) or die (mysql_error());
while ($array6 = mysql_fetch_array($risultato6, MYSQL_BOTH))
{
?>
<td width="" align="left" valign="middle" class="text3">
<?php echo "[url='locali.php?id=".$array6['][img]locali/".$array6[[/img][/url]</td>";
?>
<td width="100%" valign="middle" nowrap="nowrap" class="text3">
<?php echo "[url='locali.php?id=".$array6[']".$array6['nome']."[/url]
".$array6['tipologia']."
".$array6['citta']." (".$array6['pv'].")</a></td>";
}
?>
</tr>
<tr height="50px"><td></td></tr>
</table></marquee></td></tr></table>
scommetto che programmi in php da poco vero???
ti consiglio di scrivere i cicli continui senza entrare e uscire da PHP
cosi
Codice PHP:
<table cellpadding="0" cellspacing="0" class="moduletable"><tr><td>
<marquee behavior="scroll" direction="right" scrollamount="2" scrolldelay="30" align="right" truespeed onmouseover=this.stop() onmouseout=this.start() >
<table width="100%" cellpadding="2" cellspacing="2" class="moduletable">
<tr height="25px"><td></td></tr>
<tr>
<?php
$query6 = "SELECT * FROM locali";
$risultato6 = mysql_query($query6) or die (mysql_error());
while ($array6 = mysql_fetch_array($risultato6, MYSQL_BOTH))
{
echo "
<td width='' align='left' valign='middle' class='text3'>
[url='locali.php?id=".$array6['][img]locali/".$array6[[/img][/url]</td>
<td width='100%' valign='middle' nowrap='nowrap' class='text3'>
[url='locali.php?id=".$array6[']".$array6['nome']."[/url]
".$array6['tipologia']."
".$array6['citta']." (".$array6['pv'].")</a></td>";
}
?>
</tr>
<tr height="50px"><td></td></tr>
</table></marquee></td></tr></table>
C'è un errore di fondo su come imposti la pagine
dovresti evitare le tabelle in favore dei div
cosi da css dai posizione e granndezza è sei sicura che nessun browser ti dia errore
un annetto circa... non ho mai avuto problemi con il php...e la grafica che mi da problemi
Permessi di invio
Rispondi quotando