Foro de elhacker.net

Programación => PHP => Mensaje iniciado por: jalbtercero en 20 Mayo 2016, 15:21 pm


Título: Tabla php
Publicado por: jalbtercero en 20 Mayo 2016, 15:21 pm
Hace unos meses hice una pagina e hice un pequeño juego de piedra papel o tijeras, depues hice una pagina php donde recogia las puntuaciones de una base de datos y los ponia en una tabla, antes se veia todo bien pero por algun motivo ahora se ve asi: prnt.sc/b6beya   Gracias de antemano

Título: Re: Tabla php
Publicado por: engel lex en 20 Mayo 2016, 15:25 pm
todo se ve XD no se como se veia antes, no uso tu página, pero actualmente se ve... que problema tiene describelo

Título: Re: Tabla php
Publicado por: jalbtercero en 20 Mayo 2016, 15:29 pm
Cita de: engel lex en 20 Mayo 2016, 15:25 pm
todo se ve XD no se como se veia antes, no uso tu página, pero actualmente se ve... que problema tiene describelo


El problema es que el width de la tabla estaba al 100% por lo tanto ocupaba toda la pagina, pero ahora por algun motivo no.. , no he cambiado nada

Título: Re: Tabla php
Publicado por: engel lex en 20 Mayo 2016, 15:33 pm
muestra el código fuente

Título: Re: Tabla php
Publicado por: rub'n en 20 Mayo 2016, 15:34 pm
usa el inspector html de google, a ver como esta renderizada la table, parece que tiene las medidas en px o otra cosa XD

osea las row, o filas, estan XD

Título: Re: Tabla php
Publicado por: jalbtercero en 20 Mayo 2016, 15:39 pm
Cita de: engel lex en 20 Mayo 2016, 15:33 pm
muestra el código fuente

Código
  1.  
  4. <meta charset="utf-8">
  5. <link rel="stylesheet" type="text/css" href="inicio.css"/>
  7. table {
  8. 	width: 100%;
  9. 	border-collapse: collapse;
  10. }
  11.  
  12. table, th {
  13. 	border: 1px solid black;
  14. 	padding: 5px;
  15.  
  16.  
  17. }
  18. td {
  19.         border: 1px solid red;
  20. 	padding: 5px;
  21.         display: inline-block;
  22.         color: white;
  23.  
  24. }
  25.  
  26. th {
  27.         background-color: #4CAF50;
  28.         color: white;
  29. 	text-align: left;
  30. }
  32. </head>
  33. <body background="fondos/fondo-inicio.jpg"><ul>
  34.   <li><a class="active" href="inicio.php">Inicio</a></li>
  35.   <li><a href="paginaad.php">Administracion</a></li>
  36.   <li><a href="comentarios.php">Reporta</a></li>
  37.   <ul style="float:right;list-style-type:none;">
  38.     <li><a href="#about">Sobre mi</a></li>
  39.     <li><a href="salir.php">Logout</a></li>
  40.   </ul>
  41. </ul>
  42. <br>
  43.  
  44.  
  46. 		<tr>
  47. 		<th>Nombre</th>
  48. 		<th>Empates</th>
  49. 		<th>TU</th>
  50. 		<th>IA</th>
  51. 		</tr><tr><td>Alex Braga</td><td>10</td><td>2</td><td>5</td></tr><tr><td>Alex Braga 2</td><td>5</td><td>6</td><td>5</td></tr><tr><td>Alex Braga</td><td>2</td><td>3</td><td>5</td></tr><tr><td>manucm</td><td>6</td><td>2</td><td>2</td></tr><tr><td>Alex</td><td>3</td><td>3</td><td>4</td></tr><tr><td>Miquel</td><td>0</td><td>4</td><td>6</td></tr><tr><td>Miquel</td><td>0</td><td>4</td><td>6</td></tr><tr><td>Miquel xDDD</td><td>4</td><td>1</td><td>5</td></tr><tr><td>alex</td><td>3</td><td>3</td><td>4</td></tr><tr><td>PepinoFurioso</td><td>5</td><td>3</td><td>2</td></tr><tr><td>3rNiño</td><td>0</td><td>7</td><td>3</td></tr><tr><td>Berni</td><td>4</td><td>3</td><td>3</td></tr><tr><td>stoyko</td><td>5</td><td>3</td><td>2</td></tr><tr><td>tonimiquellafela</td><td>4</td><td>2</td><td>4</td></tr><tr><td>TM</td><td>5</td><td>1</td><td>4</td></tr><tr><td>DWTGFJ</td><td>2</td><td>5</td><td>3</td></tr><tr><td>Toeng</td><td>4</td><td>1</td><td>5</td></tr><tr><td>alkfnjkaf</td><td>1</td><td>7</td><td>2</td></tr><tr><td>pene</td><td>4</td><td>2</td><td>4</td></tr><tr><td>PK</td><td>3</td><td>3</td><td>4</td></tr><tr><td>Andreu</td><td>4</td><td>2</td><td>4</td></tr><tr><td>Andreu</td><td>4</td><td>2</td><td>4</td></tr><tr><td>stoyko</td><td>2</td><td>5</td><td>3</td></tr><tr><td>ginifosio</td><td>2</td><td>7</td><td>1</td></tr><tr><td>Alex Braga</td><td>3</td><td>4</td><td>3</td></tr><tr><td>stoyko</td><td>4</td><td>2</td><td>4</td></tr><tr><td>stoyko</td><td>3</td><td>3</td><td>4</td></tr><tr><td>stoyko</td><td>2</td><td>4</td><td>4</td></tr><tr><td>alex</td><td>4</td><td>4</td><td>2</td></tr><tr><td>456</td><td>3</td><td>4</td><td>3</td></tr><tr><td>gbla</td><td>4</td><td>3</td><td>3</td></tr><tr><td>Fnando</td><td>2</td><td>4</td><td>4</td></tr><tr><td>f-ano</td><td>5</td><td>1</td><td>4</td></tr><tr><td>Fnando</td><td>3</td><td>5</td><td>2</td></tr><tr><td>Op</td><td>1</td><td>2</td><td>7</td></tr><tr><td>xDF</td><td>4</td><td>3</td><td>3</td></tr><tr><td>puto amo</td><td>2</td><td>5</td><td>3</td></tr><tr><td>xD</td><td>3</td><td>4</td><td>3</td></tr><tr><td></td><td>0</td><td>0</td><td>0</td></tr><tr><td>sergioh</td><td>1</td><td>2</td><td>7</td></tr><tr><td>pepito</td><td>3</td><td>3</td><td>4</td></tr><tr><td>Alex</td><td>1</td><td>4</td><td>5</td></tr></body>
  52. </html>
  53.  

Título: Re: Tabla php
Publicado por: engel lex en 20 Mayo 2016, 15:56 pm
el problema es en el style

Código
  1. td {
  2.         border: 1px solid red;
  3. 	padding: 5px;
  4.         display: inline-block;
  5.         color: white;
  6.  
  7. }

la linea display: inline-block; está de más, no entiendo cual era su fin

Título: Re: Tabla php
Publicado por: rub'n en 20 Mayo 2016, 16:06 pm
que bien engel,,,y claro desde el inspector puede intentar desActivar esa opcion, y ver como queda o no ?

Título: Re: Tabla php
Publicado por: jalbtercero en 20 Mayo 2016, 16:23 pm
Cita de: engel lex en 20 Mayo 2016, 15:56 pm
el problema es en el style

Código
  1. td {
  2.         border: 1px solid red;
  3. 	padding: 5px;
  4.         display: inline-block;
  5.         color: white;
  6.  
  7. }

la linea display: inline-block; está de más, no entiendo cual era su fin


vale muchas gracias , funciona, no se antes se veia bien


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines