Ir al contenido


Foto

Video 10 php y mysql de cesar cancino

Comenzado por malippi , jun 18 2014 09:05

  • Por favor identifícate para responder
8 respuestas en este tema

#1 malippi

malippi

    Member

  • Miembros
  • PipPip
  • 22 mensajes

Escrito 18 junio 2014 - 09:05

Estoy creando un sitio en base al Video 10 php y mysql de cesar cancino estructurado.

Siguiendo los pasos del video creo el menu dinamicamente.
Pero me queda superpuesta la info, entonces toco el css la class .boton y el id #menu y le doy algo de padding-top
En firefox sale perfcto, pero sale medio borroso el menu en chrome y completamente superpusto o duplicado en el internet explorer(el que biene con el windows 7).

Muestro el link al sitio que estoy creando

http://argentvision2...libery.php?id=6

Agradeceria una respuesta de alguien con mas experiencia.

Gracias
Mariano
  • 0

#2 enecumene

enecumene

    Webmaster

  • Administrador
  • 7.419 mensajes
  • LocationRepública Dominicana

Escrito 18 junio 2014 - 09:24

Veo El menu izquierdo y se ven superpuestas desde firefox, fijate, firefox y chrome usan un motor de render, firefox usa gecko y chrome usa webkit y se manejan de manera distinta debes usar uno de los motores que creas que debe corregirse, en este caso el de chrome, algo como:



delphi
  1. .boton
  2. {
  3.    -webkit-padding-start: 10px;
  4.    font-size: 1.0em;
  5. }



Mas sobre el asunto:

http://css-infos.net/properties/webkit

Saludos.
  • 0

#3 malippi

malippi

    Member

  • Miembros
  • PipPip
  • 22 mensajes

Escrito 18 junio 2014 - 10:50

Hola puse en el class .boton el codigo que me diste,



delphi
  1. .boton
  2. {
  3.    -webkit-padding-start: 10px;
  4.    font-size: 1.0em;
  5. }



Pero sigue superpuesto en chrome y firefox,

Gracias
Mariano
  • 0

#4 malippi

malippi

    Member

  • Miembros
  • PipPip
  • 22 mensajes

Escrito 18 junio 2014 - 10:54

Este es el codigo css:


delphi
  1. body{ margin-top:0px; top:0px; background-image:url(fondo.png); margin-left:200px; height:200px; background-repeat:no-repeat}
  2. 	#principal{ width:800px; height:200px; }
  3. 	#header{ width:800px; height:360px; float:left}
  4. 	#main{ width:1000px; height:250px; float:left}
  5. 	#menu{ width:200px; height:400px; ; float:left; }
  6. 	.boton{ width:150px; height:25px; color:#FFFFFF; ; float:left; webkit-padding-start: 5px;
  7.    font-size: 1.0em;} 
  8. 	.url{ color:#FFFFFF; text-decoration:none;  }
  9. 	#contenido{ width:720px; height:300px; float:left;  }
  10. 	#ima_budin{  width:300px; height:250px; float:left}


////////////////////////////////////////////////////////////////

Este es el codigo php



<?php

require_once("conexion.php");

if(isset($_GET["id"]) ){

	

$sql="select texto from contenido where id_menu=". $_GET["id"] ." ";

} else

{

 $sql="select texto from contenido where id_menu=1 ";  	

}

$res = mysql_query($sql, $con);

if ($reg=mysql_fetch_array($res))

{

   $contenido = $reg["texto"];	

}





?>

<html>

<head>



<title>Untitled Document</title>



<head>

<link rel="stylesheet" type="text/css" href="theme.css">

</head>

</head>



<body>

<div id="principal"><div id="header">

</div>

<div id="main">

<div id="menu">

<?php

$sql = "select * from menu";

$res = mysql_query($sql,$con);

while ($reg = mysql_fetch_array($res))

{

   ?>

   <div class="boton"><a href="delibery.php?id=<?php echo $reg["id_menu"];?>" class="url"><?php echo $reg["texto"]; ?></a></div>

   

   <?php	

}

?>







</div>



<div align="center" id="contenido">



<?php echo $contenido; ?></div>



</div>



</div>

</body>

</html>

  • 0

#5 Delphius

Delphius

    Advanced Member

  • Administrador
  • 6.295 mensajes
  • LocationArgentina

Escrito 18 junio 2014 - 11:52

malippi he editado tus mensajes para añadirle el etiquetado correspondiente.
Te sugiero que ahora en adelante, lo utilices. Anteriormente teníamos ciertas dificultades con las etiquetas pero ahora hemos logrado solucionarlos y están al alcance de todos.

Muchas gracias,

Saludos,
  • 0

#6 malippi

malippi

    Member

  • Miembros
  • PipPip
  • 22 mensajes

Escrito 18 junio 2014 - 11:56

Gracias
  • 0

#7 enecumene

enecumene

    Webmaster

  • Administrador
  • 7.419 mensajes
  • LocationRepública Dominicana

Escrito 18 junio 2014 - 02:48

Hola malippi, yo sólo te puse un ejemplo no la solución, y por algo te coloqué aquél link y juegues con ello  ;).

Saludos.
  • 0

#8 malippi

malippi

    Member

  • Miembros
  • PipPip
  • 22 mensajes

Escrito 18 junio 2014 - 03:46

Es que si soluciono el tema con chrome me queda el internet explorer que en ese caso si que se superpone o duplica, pude corregir un poco agregandole algo de padding-top al .boton y #menu, pero igual se nota algo de Superposición, en internet explorer queda completamente superpuesto o duplicado.
  • 0

#9 malippi

malippi

    Member

  • Miembros
  • PipPip
  • 22 mensajes

Escrito 27 junio 2014 - 02:42

El error que cometi fue que cree una imagen de fondo que ocupaba toda la pagina.
Recorte la imagen de fondo que correspondia a la botonera, y cree los botones con css.
Ahora se puede ver bien en todos los navegadores.

Gracias
Mariano
  • 0
Volver a PHP, Ajax, Javascript y HTML


  1. Comunidad Delphiaccess
  2. → PROGRAMACIÓN
  3. → Otros Lenguajes (.NET, Web, C, C++, Java, ASM)
  4. → PHP, Ajax, Javascript y HTML
  5. Privacy Policy
IP.Board spam blocked by CleanTalk.