Comunidad de diseño web y desarrollo en internet online

ayuda problema menu en firefox

Citar            
MensajeEscrito el 01 Jul 2012 12:52 am
hola tengo un problema de visualizacion con mi menu css/html
firefox me crea una linea de margen en mi menu... de esta manera

y en los otros navegadores va todo normal


ayudenme porfavor

Por derzz

24 de clabLevel



 

chrome
Citar            
MensajeEscrito el 01 Jul 2012 12:53 am
entre las palabras pagina de ejemplo y tutorilaes
es la primera imagen en la q se ve el margen (una linea negra)

Por derzz

24 de clabLevel



 

chrome
Citar            
MensajeEscrito el 01 Jul 2012 05:57 am
si no muestras el código difícilmente alguien podrá ayudarte, no somos adivinos.

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 02 Jul 2012 01:51 am
disculpame tienes mucha razon.. ya lo solucione
ahora tengo un problema con mi menu en ie 8 parpadea al colocar el mouse sobre los items
me gustaria poner el codigo pero es una plantilla wordpress q llevo trabajndo desde 0 para enter el codigo
y si publico el codigo tendria q publicar todos los php

lo pueden ver en mi sitio www.derzz.tk

y este es mi css

Código CSS :

/*
Theme Name: Desing Di
Theme URI: http://derzz.tk/
Description: Tema creado por Derzz 2012.
Author: Derzz@inc
Author URI: http://derzz.tk/
Version: 1.0
Tags: black, blue, white, one-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, spanish, microformats, rtl-language-support, editor-style, custom-menu (optional)

License:
License URI:

General comments (optional).
*/

body{
      background:#1d1d1d;
      color:#FFF;
}
a, li, ul{
      color:#0099CC;
      list-style:none;
      list-style-image:none;
      padding-left:0px;
      text-decoration:none;
}
a:hover{
      color:#0099FF;
      list-style:none;
}
a:visited{
      color:#006699;
      list-style:none;
      text-decoration:none;
}

/*texto*/
h1.titulos{
      font-weight:bold;
      font-size:26px;
}
h1.fechas{
      font-size:12px;
      font-weight:bold;
      color:#999;
      font-style:oblique;
}
h1.contenido{
      font-size:14px;
      font-weight:bold;
      color:#FFF;
}
h1.autor{
      font-size:14px;
      font-weight:bold;
      color:#999;
}
h3.twidgets{
      font-size:18px;
      color:#333;
}
h3{}
h2{}
h1{}
/*header.php*/
      /*barra navegacion*/
#bar_nav{
      padding:0;
      margin:0;
      height:40px;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b3b3b, endColorstr=#1f1f1f);  
      background: -o-linear-gradient(top, #3b3b3b , #1f1f1f);
      background: -moz-linear-gradient(top, #3b3b3b , #1f1f1f);
       background: -webkit-gradient(linear, 0 0, 0 100%, from(#3b3b3b),  to(#1f1f1f));
} 
.menu{
      margin:auto;
      width:900px;
}
.menu ul{
      padding:0;
      margin:0 auto;
      overflow:hidden;
}
.menu ul li{
      float:left;
      margin:0;
}
.menu ul li a{
      display:block;
      padding:10px 25px;
      outline:0;
      
}
.menu ul li a:hover{
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1f1f1f, endColorstr=#3b3b3b);
      background: -o-linear-gradient(top, #1f1f1f , #3b3b3b);
      background: -moz-linear-gradient(top, #1f1f1f , #3b3b3b);
       background: -webkit-gradient(linear, 0 0, 0 100%, from(#1f1f1f),  to(#3b3b3b));
}
.menu ul li ul{
      display:none;
      position:absolute;
      background:#3b3b3b;
      padding:0;
}
.menu ul li ul li{
      display:block;
      position:relative;
      float:none;
}
.menu ul li:hover ul{
      display:block;
      margin-top:0;
      .margin-top:0;
      _margin-top:0;
}
      /*pagina*/
#wrapper{
      width:977px;
      margin:auto;
      background:#0f0f0f;
      overflow:hidden;
}

.header{
      width:977px;
      height:auto;
}
.imgn{
      
      width:100%;
}
.bar_nav{
      
}
.separador_head{
      width:100%;
      height:30px;
}
/*Loop.php*/
.contenedor_loop{
   width:65%;
   float:left;
   margin:0 auto 0 auto;
   padding-left:65px;
}
.layer{
      color:#006699;
      width:570px;
      border-bottom-color:#666666;
      border-bottom-style:solid;
      border-bottom-width:1px;
}
.titulo{
      padding:0px;
}
.tag{
}
.post{
      width:100%;
      color:#000000;
}
.editar{
      height:30px;
      color:#FF0000;
}
/*sidebar.php*/
.sidebar{
      margin-right:50px;
}
.widgetclass{
      border-style:solid;
      border-width:3px;
      border-color:#00F;
      width:20%;
      float:right;
}
/*foooter.php*/
.footer{
      width:100%;
      padding: 18px 0;
      float:left;
      text-align:center;
}

Por derzz

24 de clabLevel



 

chrome

 

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