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
todo se ve XD no se como se veia antes, no uso tu página, pero actualmente se ve... que problema tiene describelo
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
muestra el código fuente
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
Cita de: engel lex en 20 Mayo 2016, 15:33 PM
muestra el código fuente
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="inicio.css"/>
<style>
table {
width: 100%;
border-collapse: collapse;
}
table, th {
border: 1px solid black;
padding: 5px;
}
td {
border: 1px solid red;
padding: 5px;
display: inline-block;
color: white;
}
th {
background-color: #4CAF50;
color: white;
text-align: left;
}
</style>
</head>
<body background="fondos/fondo-inicio.jpg"><ul>
<li><a class="active" href="inicio.php">Inicio</a></li>
<li><a href="paginaad.php">Administracion</a></li>
<li><a href="comentarios.php">Reporta</a></li>
<ul style="float:right;list-style-type:none;">
<li><a href="#about">Sobre mi</a></li>
<li><a href="salir.php">Logout</a></li>
</ul>
</ul>
<br>
<table>
<tr>
<th>Nombre</th>
<th>Empates</th>
<th>TU</th>
<th>IA</th>
</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>
</html>
el problema es en el style
td {
border: 1px solid red;
padding: 5px;
display: inline-block;
color: white;
}
la linea display: inline-block; está de más, no entiendo cual era su fin
que bien engel,,,y claro desde el inspector puede intentar desActivar esa opcion, y ver como queda o no ?
Cita de: engel lex en 20 Mayo 2016, 15:56 PM
el problema es en el style
td {
border: 1px solid red;
padding: 5px;
display: inline-block;
color: white;
}
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