Tabela em css

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Tabela em css

Mensagem por Connor R. 18.08.13 15:57

Qual é minha questão:
Criei uma tabela em CSS, mais vejam a imagem abaixo:

Tabela em css Cats14

Gostaria que as tabelas ficassem lado a lado, como mostra a imagem acima........ Teria como?

Utilizo o seguinte CSS:
Código:

#titulo_principalsm {
background: #000;
border-radius: 20px 20px 2px 2px;
color: #fff;
margin-bottom: 10px;
padding: 10px;
text-align: center;
}
#desc_rightsm {
background-color: #FFF;
border: 1px solid #ddd;
border-radius: 20px 20px 20px 20px;
color: #000;
height: 50px;
margin-bottom: 5px;
margin-left: 95px;
overflow: auto;
padding: 10px;
}

#bons_rightsm {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 20px;
height: 50px;
margin-left: 95px;
overflow: auto;
padding: 10px;
}

#imagem_leftsm {
background-color: #fff;
border: 1px solid #FFF;
border-radius: 5px;
float: left;
height: 100px;
padding: 5px;
width: 75px;
margin-top: 20px;  
}

#caixa_principalsm {
background-color: #EEE;
border: 2px solid #ddd;
border-radius: 10px;
margin: 2px;
min-height: 160px;
padding: 10px;
width: 400px;
}
e o seguinte código nos posts:
Código:

<div id='caixa_principalsm'><div id='titulo_principalsm'><b>Violão</b></div><img id='imagem_leftsm' src='http://www.ragnadb.com.br/img/item-large/1907/violao.gif'/><div id='desc_rightsm'><b>Descrição: </b>Instrumento de 6 cordas, com bom som, para músicos.</div><div id='bons_rightsm'><b>Preço:</b> 0 Ryous 
<b>Bônus:</b> Bônus do Item 
<b>Peso:</b> Peso do Item</div></div>
Link para vizualização:
http://somosmugiwara.forumeiros.com/t761-novo-mercado-de-itens-e-equipamentos#6276

Endereço do meu fórum:
http://somosmugiwara.forumeiros.com

Versão do fórum:
PUNBB
Connor R.

Connor R.
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1226
Pontos : 1971

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela em css

Mensagem por First 18.08.13 16:04

Olá,

Quando eu entro no seguinte endereço eu sou redirecionado para fazer login tem como liberar a visualização para visitantes ou criar uma conta e mim passa Login e senha.


Até mais...
First

First
Membro do fórum

Masculino
Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela em css

Mensagem por Connor R. 18.08.13 16:09

Agora você pode ver meu caro.......
Connor R.

Connor R.
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1226
Pontos : 1971

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela em css

Mensagem por First 18.08.13 16:20

Adicione esse código na sua folha de estilo CSS
Código:
#titulo_principalsm {
float: right;
}
Resulta?
First

First
Membro do fórum

Masculino
Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela em css

Mensagem por Connor R. 18.08.13 16:22

Não resultou meu caro.....

Só fez mudar o lugar do titulo...

Connor R.

Connor R.
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1226
Pontos : 1971

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela em css

Mensagem por First 18.08.13 16:27

Poderia mim passa o HTML de todas as divs para eu fazer algumas alterações?
First

First
Membro do fórum

Masculino
Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Tabela em css

Mensagem por Connor R. 18.08.13 16:30

Já consegui ajustar meu caro............ valeu assim mesmo por tentar.
Connor R.

Connor R.
Membro do fórum

Masculino
Membro desde : 06/08/2012
Mensagens : 1226
Pontos : 1971

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos