📣 Seu anúncio aqui? Anuncie no ForoBeta

Ajuda para arrumar a visualização de tabela no Firefox

  • Autor Autor dany_danay
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
dany_danay

dany_danay

Dseda
Hola, necesito ayuda con mi blog de ganalasapuestas.com La tabla esa roja (no será roja, es para que destaque), en firefox se ve a la derecha arriba del todo, de forma horrible, y en Chrome y IE se vé donde quiero, debajo del logo, encima de los post...
Alguien sabe cómo arreglarlo?

Este es el codgo de la tabla:
Inserir CODE, HTML ou PHP: 
<table border="1" class="bonos">


			<tr><td><center>
	<a href="http://adserver.itsfogo.com/click.aspx?zoneid=139899"><img src="http://www.euroslam.com/images/clients/logos/mini/bwin_logo.gif"/></a></center>
		</td>

				<td>i</td>

				<td>j</td>

				<td>o</td>

				<td>p</td>

				<td>ultma</td>

				<td>sffs</td>

				<td>xcz</td>

				<td>a</td>

				<td>a</td>

			</tr>

			<tr>

				<td><center>25€ + 30$</center></td>

				<td>e</td>

				<td>o</td>

				<td>o</td>

				<td>c</td>

				<td>i</td>

				<td>o</td>

				<td>s</td>

				<td>o</td>

				<td>o</td>

			</tr>

		</table>
Y este el css:
.bonos {
text-align:center;
background-color:#FF0505;
border:4px
}
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
No uses tablas. usa divs
 
Lo mismo que te dicen arriba, meterte con tablas es siempre una molestia innecesaria, puedes mantener el "look" como una tabla pero que internamente sean solo divs y demás con borders.

Saludos.
 
Podriais decirme como hacerlo? Seria una "tabla de dos filas y 5-7 columnas, aunque con la base me vale para saber creo
 
Aquí te dejo un ejemplo rápido de como se puede hacer.

HTML: 
<style>
.tborder{
	border: 1px solid #CCCCCC;
	width: 265px;
}

.thead{
	color: #CC0000;
}

.fila{
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
}
</style>

<div class="tborder">

 <div class="thead">
  <div class="fila" style="width:80px"><a href="http://adserver.itsfogo.com/click.aspx?zoneid=139899"><img src="http://www.euroslam.com/images/clients/logos/mini/bwin_logo.gif"/></a></div>
  <div class="fila" style="width:10px">i</a></div>
  <div class="fila" style="width:10px">j</a></div>
  <div class="fila" style="width:10px">o</a></div>
  <div class="fila" style="width:10px">p</a></div>
  <div class="fila" style="width:40px">ultma</a></div>
  <div class="fila" style="width:20px">sffs</a></div>
  <div class="fila" style="width:20px">xcz</a></div>
  <div class="fila" style="width:10px">a</a></div>
  <div class="fila" style="width:10px">a</a></div>
 </div>
 
 <div class="alt1">
  <div class="fila" style="width:80px">20$ + 30$</a></div>
  <div class="fila" style="width:10px">e</a></div>
  <div class="fila" style="width:10px">o</a></div>
  <div class="fila" style="width:10px">o</a></div>
  <div class="fila" style="width:10px">c</a></div>
  <div class="fila" style="width:40px">i</a></div>
  <div class="fila" style="width:20px">o</a></div>
  <div class="fila" style="width:20px">s</a></div>
  <div class="fila" style="width:10px">o</a></div>
  <div class="fila" style="width:10px">o</a></div>
 </div>

</div>

Espero que te aclare un poco. 😉

PD. La clase alt1, puedes usarla para diferencias filas, creas otra clase alt2 y las alternas en php.
 
Última edição:
Gracias !!! Quedo muy muy agradecido, voy a probar!

Que pena, no sale en forma de tabla..
 
Última edição:
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

deniz946
Como arrumar a visualização de feed HTML no RSS Graffiti
Respostas
1
Visitas
566
AlvaroESC
A
L
Como arrumar a visualização de subfóruns ao aplicar skin
Respostas
3
Visitas
737
Tharos
T
Voltar
Topo