Tema: mostrar imagen en un tamaño pequeño
Ver Mensaje Individual
  #11 (permalink)  
Antiguo 27/12/2013, 08:03
andaluz7
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: mostrar imagen en un tamaño pequeño
hola no hay manera no puedo hacerlo
este es css de la pagina web


css;

Código PHP: 
Ver original
  1. .contenedor{
  2. width:1000px;margin:0 auto;
  3. background:#ededed;
  4. Border:#3b3b3b 2px solid;
  5. text-align:left
  6. }
  7.     
  8.  
  9.     .barra{
  10. margin: 0px 0px;
  11. padding: 10px 0px;
  12. clear:left;width:100%;
  13. line-height: 10px;
  14. height:20px;
  15. font: 14px/100% Arial, Helvetica, sans-serif; 
  16. color:#fff;
  17. background:#5e85b0;
  18. }
  19.  
  20.     .galeria{
  21. float:left;width:100%;
  22. }
  23.     .imagenes{
  24.     width:100%;
  25. background:#ededed;
  26. height:100%;
  27. margin: 0px 175px 0px 0px;
  28. }
  29.     
  30. .ftp_area{
  31. padding: 0 0 5px 0;
  32.     float:RIGHT;
  33.     font-size: 12px;
  34.     background:#1885c1;
  35.     -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;
  36.     }
  37.  
  38. .Galeria_titulo {
  39.     padding: 0 0 5px 0;
  40.     margin: 0 0 2px 0;
  41.     font-size: 24px;
  42.     font-weight: bold;
  43.     color:#002c85;
  44.     border-bottom: 1px solid #4d4d4d;
  45. }
  46. strong{
  47. float:left;
  48. width:96%;
  49. height: 22px;
  50. padding: 7px;
  51. font: 18px/100% Arial, Helvetica, sans-serif;
  52. color:#000;
  53. text-shadow: 0 1px 1px rgba(0,0,0,.3); 
  54. background:#5e85b0;
  55. }
  56. p{
  57. background:#5e85b0;
  58. padding: 0px;
  59. -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; 
  60. }
  61.  
  62. .menu{
  63. padding: 5px 10px;
  64. text-align:left;
  65. font: 14px/100% Arial, Helvetica, sans-serif; 
  66. color:#FFF;
  67. background:#000;
  68. }
  69. .menu:hover{
  70. color:#fff;
  71. background:#0E4a7c;
  72. }
  73.  
  74. a{padding:5px; text-decoration:none; color:#002c85;}
  75. img{
  76. border:0px;}
  77. img{
  78. -webkit-transform:scale(0.8);
  79.  
  80.  
  81. -webkit-transition-duration: 0.5s;
  82.  
  83.  
  84.  
  85. margin: 0 10px 5px 0;
  86. }
  87. img:hover{
  88. -webkit-transform:scale(1.1);
  89. -moz-transform:scale(1.1);
  90. -o-transform:scale(1.1);
  91. box-shadow:0px 0px 30px gray;
  92. -webkit-box-shadow:0px 0px 30px gray;
  93. -moz-box-shadow:0px 0px 30px gray;
  94. opacity: 1;
  95. }


esta es la pagina

index.php


Código PHP: 
Ver original
  1. <!--HTML5-->
  2. <!doctype html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8" /><!--compatibilidad para caracteres especiales-->
  6.     <title>Galeria de imagenes</title>
  7.     <link rel="stylesheet" href="./css/estilo.css" type="text/css" media="screen" /><!--conexion al estilo-->
  8. </head>
  9. <body>
  10.  
  11.  
  12.  
  13. <div class="contenedor"><!--clase para englobar la pagina-->
  14.     
  15.  
  16. <br>
  17.  
  18. <a href='altatema.php'><font size='4' color='#0000FF'>Agregar Temas</font> </a></p>
  19.  
  20. <?php
  21.  
  22. if ($abierto = mysql_connect ("localhost","root","7777777")){
  23.  
  24. $leer = "SELECT id,tema,autor,hijos,fecha,ruta FROM temas  WHERE tema<>' '";
  25.  
  26. $datos = mysql_db_query ("far",$leer);
  27.  
  28.  
  29.  
  30.  
  31. while ($fila = mysql_fetch_array ($datos)) {
  32. print ("<a href='listahijos.php?var=$fila[0]'> <img src='".$fila[5]."'>");
  33.  
  34.  
  35.  
  36. }
  37.  
  38. } else {
  39. print ("No se puede conectar. Intente nuevamente");
  40. }
  41. ?>
  42.  
  43.  
  44.  
  45.  
  46. <div class="cabecera"><!--titulo de la pagina-->
  47.     <div class="ftp_area"><!--clase para el multiarchivos-->
  48.  
  49.  
  50. </body>
  51. </html>


con esto si visualiza las imagenes bien pero en tamaño original quiero que se muestran en tamaño pequeño
gracias

Código PHP: 
Ver original
  1. <a href='listahijos.php?var=$fila[0]'> <img src='".$fila[5]."'>");