Comunidad de diseño web y desarrollo en internet online

problema con css en firefox

Citar            
MensajeEscrito el 09 Oct 2012 07:59 pm
Saludos compañeros , tengo un problema con mi site y firefox , resulta que no muestra una lista y supongo que se trata del css ya que en otros navegadores va bien , os dejo el css y el htmldel contenido que no muestra firefox , gracias

Código HTML :

<ul class="listObject">
                        <?
                     
                                    include("loadbd.php");
                                    $limitPage = 10;
                                    $Querycount = "Select COUNT(*) From apzs WHERE TYPE ='Objects' ORDER BY DATE DESC";
                            $resCount = mysql_query($Querycount);
                                    $pages = ceil(mysql_result($resCount,0) / $limitPage);
                                
                                    if (mysql_result($resCount,0)> 0)
                                    {  
                                    //$busqueda=$_POST["search"];
                                    //echo "<p>Se han encontrado ".mysql_result($resCount,0)." resultados</p><br>";
                                    $page=(isset($_GET['page'])) ? (int)$_GET['page'] : 1;
                                    $start=($page - 1) * $limitPage;
                                    $Query = "SELECT * FROM apzs WHERE TYPE ='Objects' ORDER BY DATE DESC LIMIT ".$start.",".$limitPage;
                                $res = mysql_query($Query);
                                        while($fila=mysql_fetch_array($res))
                                    {
                                    echo "<li><strong><a href='".$fila['URL']."' title='Download'>".$fila['NAME']."</a></strong><b>Date : </b>".$fila['DATE']."<br><b>Size : </b>".$fila['SIZE']."<br><b>Type : </b>".$fila['TYPE']."</li><BR>";
                                    }
                                        mysql_free_result($res);
                                        mysql_close($conex);
                                    }
                                    else
                                    {
                                        echo "No hay resultados";
                                    }
                                    if ($pages >= 1 && $page<=$pages) {
                                    
                                    echo '<div class="paginador">';
                                    
                                    if(($page - 1) > 0) { 
                                        
                                    echo "<a class='disabled' href='?page=".($page-1)."'>< Anterior</a> "; 
                                     }
 
                                    
                                    for($x=1; $x<=$pages ; $x++)
                                    {
                                        if($x == $page){
                                        
                                        echo '<a class="current" href="?page='.$x.'"> '.$x.' </a>';
                                        }else{echo '<a  href="?page='.$x.'"> '.$x.' </a>';
                                            
                                        }
                                        //echo '<a href="?page='.$x.'"> '.$x.' </a>';
                                    }
                                    if(($page + 1)<=$pages) { 
                                    echo " <a class='next' href='?page=".($page+1)."'>Siguiente ></a>"; 
                                    }
                                    echo "</div>";
                                    }
                        ?>
                        </ul>


el css

Código CSS :

.listObject {margin-bottom:-11px}
.listObject li {padding:0 0 11px 98px;min-height:74px;height:auto!important;height:74px;background:url(images/Object.png) no-repeat left top;line-height:1.43em;position:relative}
.listObject li strong {
   display:block;
   font-size:0.86em;
   padding-bottom:5px;
   color: #00CCFF;
}
.listObject li a {color:#0099FF;text-decoration:none}
.listObject li a:hover {
   text-decoration:underline;
   color: #00CCFF;
}

Por rafaxplayer

12 de clabLevel



 

chrome
Citar            
MensajeEscrito el 12 Oct 2012 12:25 pm
Deberias postear el HTML resultante, no el código php...

Saludos

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 12 Oct 2012 04:25 pm
No se si tenga que ver...

Dentro de "ul" estas insertando como hijo el "div.paginador", supuestamente debería estar insertado debajo de

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 11 Nov 2012 05:28 am
bueno retomo el tema que lo había dejado de lado un tiempo , resulta que el problema no es de css si no de iframe y la forma de cargar el documento hijo , en firefox no me muestra la lista , solo me pasa en este navegador , espero me podais ayudar a dar con el error .

Codigo html completo :

Código HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>AMSspecialistFiles!</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta name="description" content="AMS Eixamples Site"/>
<meta name="keywords" content="ams,amsspecialist,Autoplay Media Studio,rafaxplayer,ejemplos ams"/>
<meta name="author" content="amsspecialist.com"/>
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<script type="text/javascript">
//<![CDATA[
window.__CF=window.__CF||{};window.__CF.AJS={"ga_key":{"ua":"UA-34961815-1","ga_bs":"2"}};
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) { var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",mirage:{responsive:0,lazy:0},oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/aav=1870252173/"},atok:"3bb0be5ff1557787de2d4f435a5f81ca",zone:"amsspecialist.com",rocket:"a",apps:{"ga_key":{"ua":"UA-34961815-1","ga_bs":"2"}}}];document.write('<script type="text/javascript" src="//ajax.cloudflare.com/cdn-cgi/nexp/aav=4114775854/cloudflare.min.js"><'+'\/script>')}}catch(e){};
//]]>
</script>
<link href="style.css" rel="stylesheet" type="text/css"/>
<script data-rocketsrc="js/cufon-yui.js" type="text/rocketscript"></script>
<script data-rocketsrc="js/cufon-replace.js" type="text/rocketscript"></script>
<script data-rocketsrc="js/Myriad_Pro_300.font.js" type="text/rocketscript"></script>
<script type="text/rocketscript" data-rocketsrc="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/rocketscript" data-rocketsrc="js/jquery.iframe-auto-height.plugin.js"></script>
<script type="text/rocketscript" data-rocketsrc="js/Librerias.js"></script>
<link rel="stylesheet" href="apprise.css" type="text/css"/>
<script type="text/rocketscript">
var opacity = true;
</script>
<!--[if IE]><script type="text/javascript">
var opacity = false;</script>
<![endif]-->
<script type="text/rocketscript">

function itemclass(){
    var curpage ="Objects.php";
    
    if(curpage =="recent.php"){
        $('#item2 a').addClass('active');
        $('#item1 a,#item3 a').removeClass('active');
    }else if(curpage =="about-us.html"){
        $('#item3 a').addClass('active');
        $('#item1 a,#item2 a').removeClass('active');
    }else{$('#item1 a').addClass('active');
    $('#item2 a,#item3 a').removeClass('active');}
}
function changeclass(id){
    $('a').removeClass('active');
    if(id =="item2"){
        $('#item2 a').addClass('active');
        //$('#item3 a').removeClass('active');
    }else if(id =="item3"){
        $('#item3 a').addClass('active');
        //$('#item2 a').removeClass('active');
    }
}
$(document).ready(function(){
$("#navigation img").hover(function(){
if(opacity)
{
    $(this).stop().animate({opacity: 0.75, marginTop: -10}, 400);
    } else {
    $(this).stop().animate({marginTop: -10}, 400);
    }
},function(){
if(opacity)
{
    $(this).stop().animate({opacity: 1.0, marginTop: 0}, 400);
    } else {
    $(this).stop().animate({marginTop: 0}, 400);
    }
    });
});
</script>
<!--[if lt IE 7]>
   <script type="text/javascript" src="js/ie_png.js"></script>
   <script type="text/javascript">
       ie_png.fix('.png, #header .row-2 ul li a, #content, .list li');
   
<![endif]-->
<!--[if gte IE 9]>
    <script type="text/javascript">
        Cufon.set('engine', 'canvas');
    </script>
<![endif]-->
<style type="text/css"><!--
.Estilo2 {
   color: #00CCFF;
   font-weight: bold;
}
.Estilo3 {color: #00CCFF}
--></style>
<script type="text/javascript">
/* <![CDATA[ */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34961815-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
/* ]]> */
</script>
<meta name="pinterest" content="nopin"/></head>
<body id="page1" onload="(function(a){window.CloudFlare &amp;&amp; window.CloudFlare.push(function(b){b([&quot;cloudflare/rocket&quot;],function(c){c.push(function(){(function(){itemclass()}).call(a)})})})})(this);">
<div class="tail-top">
<div class="tail-bottom">
<div class="body-bg">
 
<div id="header">
<div class="extra"><img src="images/header-img.jpg" alt=""/></div>
<div class="row-1">
<div class="fleft"><a href="home.php"><img src="images/logo.png" alt="" width="323" height="76"/></a></div>
<form action="busqueda.php" method="post" id="search-form" target="ifram">
<fieldset>
<div><span>
<input type="text" value="Enter keyword here" name="search" onfocus="if(this.value=='Enter keyword here'){this.value=''}" onblur="if(this.value==''){this.value='Enter keyword here'}"/>
</span><a href="#" onclick="document.getElementById('search-form').submit()"><img src="images/button.gif" style="height:30px" alt=""/></a></div>
</fieldset>
</form>
</div>
<div class="row-2">
<ul>
<li class="m1" id="item1"><a href="home.php">Home</a></li>
<li class="m2" id="item2"><a href="recent.php" onclick="changeclass($(this).closest('li').attr('id'));"target="ifram">Recent Files</a></li>
                  <li class="m3" id="item3"><a href="about-us.html" onclick="changeclass($(this).closest('li').attr('id'));"target="ifram">About</a></li>
            </ul>
            
             
          </div>
            
         
         <div class="row-3"><img src="images/header-bg1.png" width="743" height="172" /></div>
               
        </div>
         
         <!-- CONTENT -->
         <div id="content"><div class="inner_copy"></div> 
            <div class="tail-right">
               <div class="wrapper">
                  <iframe id="ifram" src="Objects.php" class="col-1"scrolling="no" frameborder="0" >
                        </iframe>
                        <script type="text/rocketscript">
                            jQuery('iframe').iframeAutoHeight({debug: true, diagnostics: false}); 
                        </script>
                  <div class="col-2">
                     <ul>
                        <li><strong><a href="Base.php?curpage=DataBases.php">Bases De Datos</a></strong>Ejemplos prácticos con bases de datos, utilizando plugins como Sqlite ,sqlite3, Mysql, etc...</li>
                                <li><strong><a href="Base.php?curpage=Dlls.php">Dlls</a></strong>Librerías y activeX externos nos ayudan en nuestros proyectos , aquí es su sitio.</li>
                                <li><strong><a href="Base.php?curpage=Functions.php">Funciones</a></strong>Ejemplos con funciones practicas (no incluidas en AMS)</li>
                                <li><strong><a href="Base.php?curpage=Plugins.php">Plugins</a></strong>Action y Object plugins , imprescindibles para trabajos avanzados.</li>
                                <li><strong><a href="Base.php?curpage=Objects.php">Objetos</a></strong>Ejemplos utilizando objetos incluidos en Autoplay ( no plugins).</li>
                                <li><strong><a href="Base.php?curpage=Visual.php">Visual</a></strong>En este apartado caben los proyectos de tipo visual , como textos en movimiento , transparencias .etc...</li>
                                <li><strong><a href="Base.php?curpage=Others.php">Otros</a></strong>Todos los que no tengan cabida en las categorías anteriores , se incluirán aquí.</li>
                                <li><strong><a href="Base.php?curpage=PDF.php">Tutoriales PDF</a></strong>Archivos pdf de ayuda en Autoplay, la mejor manera de aprender uso y manejo de este programa así como de sus plugins y complementos.</li>
                                <li><strong><a href="Videos.php">Videotutoriales</a></strong>Tutoriales en vídeo sobre AMS.</li>

                            </ul>
                  </div>
               </div>
            </div>
         </div>
         <!-- FOOTER -->
         <div id="footer">
            <div class="indent">
               <marquee><div class="fleft">Forum Site:&nbsp;<a href="http://www.amsspecialist.com/" target="_blank" class="active" >AMSSpecialist.com</a>&nbsp; Your comunity for Autoplay Media Studio</div>
                    <div class="fright">Created by r@faxplayer</div></marquee>
                    
            </div>
                <center><hr size="1" width=80% /></center>
                <div class="footermenu">
                    <ul class="fotlist fleft">
                        <li id="contact"><a href="http://cloudflare.com/email-protection.html#7c0e1d1a1d040c101d05190e3c141308111d1510521f1311">Contact The Site Administrator</a></li>
                        <li id="report"><a href="http://www.amsspecialist.com/viewtopic.php?f=2&t=1373">Any report? Forum dedicated to the site</a></li>
                        <li id="newfiles"><a href="Base.php?curpage=newfiles.php">Check For New Files</a></li>
                    </ul>
                    <ul class="fotlist frigth" >
                        <li id="linksdown"><a href="https://dl.dropbox.com/u/27007640/LinksApzs.txt" target="_blank">Download ALL Apz Files (Links Text)</a></li>
                        <li id="linksdown2"><a href="https://dl.dropbox.com/u/27007640/LinksTutorials.txt" target="_blank">Download ALL PDF Files (Links Text)</a></li>
                        
                    </ul>
                </div>
                
                <div class="redes">
                               
                <ul id="navigation" class="indent">
                                        
                    <li><a href="http://www.facebook.com/sharer.php?u=&t=AMSSpecialist Files!" target="_blank"><img src="images/redes/facebook.png" alt="" width="25" height="25" title="Compartir en Facebook"/></a></li>
                 <li><a href="http://twitter.com/home?status=AMSSpecialist Files! - " target="_blank"><img src="images/redes/twitter.png" alt="" width="25" height="25" title="Compartir en Twitter"/></a></li>
                 <li><a href="http://www.google.com/reader/link?url=&Menu=AMSSpecialist Files!" target="_blank"><img src="images/redes/google.png" alt="" width="25" height="25" title="Compartir en Google"/></a></li>
                 <li><a href="http://reddit.com/submit?url=&Menu=AMSSpecialist Files!"target="_blank" ><img src="images/redes/reddit.png" alt="" width="25" height="25" title="Compartir en Reddit"/></a></li>
                 <li><a href="http://technorati.com/faves?add=&Menu=AMSSpecialist Files!" target="_blank"><img src="images/redes/technorati.png" alt="" width="25" height="25" title="Compartir en Technorati"/></a></li>
                 <li><a href="http://www.stumbleupon.com/submit?url=&Menu=AMSSpecialist Files!" target="_blank"><img src="images/redes/stumbleupon.png" alt="" width="25" height="25" title="Compartir en Stumbleupon"/></a></li>
                 <li><a href="http://delicious.com/save?v=5&url=&Menu=AMSSpecialist Files!" target="_blank"><img src="images/redes/delicious.png" alt="" width="25" height="25" title="Compartir en Delicious"/></a></li>
                    
                </ul>
                </div>
                
         </div>
      </div>
   </div>



<script type="text/rocketscript"> Cufon.now(); </script>


</div>
<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementsByTagName("a"),t=document.createElement("textarea");for(i=0;l.length-i;i++){try{a=l[i].getAttribute("href");if(a&&"cloudflare.com/email-protection"==a.substr(7 ,31)){s='';j=44;r=parseInt(a.substr(j,2),16);for(j+=2;a.length-j&&a.substr(j,1)!='X';j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}j+=1;s+=a.substr(j,a.length-j);t.innerHTML=s.replace(/</g,"&lt;").replace(/>/g,"&gt;");l[i].setAttribute("href","mailto:"+t.value);}}catch(e){}}}catch(e){}})();
/* ]]> */
</script>
</body>
</html>

Por rafaxplayer

12 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.