Explico mejor para que me entendáis. Resulta que he hecho una tabla específica con unos datos para mostrar los logros del juego de Xbox por el cual he hecho este foro. Pues bién, todo va perfecto hasta que llega a la fila 7 dónde me "une" dos de estas dandome un error al cambiar la imágen. En el bbcode he puesto el separador ":" para separar la imágen del título del logro y en esa línea me busca la imágen de esta forma"url/imagen.jpg:loquesea" y por eso falla ya que no me usa "loquesea" como título.
Bueno, os pongo el bbcode para que lo veáis más claro y me podáis ayudar con el posible fallo que yo no soy capaz de encontrar.
Para crear lo que es la tabla he usado estos códigos:
Uso de BBcode
Código: Seleccionar todo
[tablalogro]{TEXT}[/tablalogro]
Código: Seleccionar todo
<table class="tablalogro">{TEXT}</table>
Código: Seleccionar todo
Ejemplo: [tablalogro]Añadir etiqueta "logrofila="[/tablalogro]
Uso de BBcode
Código: Seleccionar todo
[logrofila={URL}:{TEXT1}]{NUMBER}:{TEXT2}[/logrofila]
Código: Seleccionar todo
<tr>
<td class="logroimagen" rowspan="3"><img src="{URL}" /></td>
<td class="logro">{TEXT1}</td>
</tr>
<tr>
<td class="puntosg"><font color="#FFFFFF">Puntos: </font>{NUMBER}</td>
</tr>
<tr>
<td class="logrocont">{TEXT2}</td>
</tr>
Código: Seleccionar todo
Ejemplo: [logrofila=DIRECCIÓN_IMAGEN:NOMBRE_LOGRO]PUNTOS:LOGRO[/logrofila]
Código: Seleccionar todo
.tablalogro {
border: 1px solid #c33;
background-color:#CCC;
background-image:url(./images/transbackground.png);
width:500px;
margin:0 auto;
}
.logroimagen {
margin:0px;
padding:0px;
width:64px;
height:64px;
}
.logro {
text-transform:capitalize;
width:100%;
font-size:0.8em;
text-transform:uppercase;
font-weight:bold;
height:20%;
margin:0px;
padding:0px;
}
.puntosg {
width: 100%;
font-size:0.5em;
text-transform:uppercase;
color:#0F0;
font-weight:bold;
height:15%;
margin:0px;
padding:0px;
}
.logrocont {
width:100%;
font-size:0.9em;
height:65%;
margin:0px;
padding:0px;
border-bottom: 1px dotted #c33;
}