Problema com position Relative e Absolute

[Renan Decarlo 2]

E ae galera! Estou tendo alguns problemas com a parte de tabela, absolute e relative.

É o seguinte, estou fazendo um joguinho em php, onde o personagem fica andando pela tela, só que eu preciso colocar pra que a pessoa escolha um nome, e aí ele vai aparecer por exemplo, encima do boneco. Mas... quando o nome fica meio grande, a tabela se proporciona junto com o nome do personagem. Estou usando o relative, com bottom 56, pra aparecer acima do boneco. Queria fazer com que o nome ficasse por "cima" das outras tabelas, aí ele não iria redimensionar elas... mas quando eu uso o absolute, eu tenho que ficar calculando aonde está o personagem para poder colocar aonde o nome ficará, e assim é muito chato, muito mais fácil colocar relative ao personagem que assim o nome vai pra onde ele for também.

Exemplo: Tem uma tabela, e dentro dessa tabela fica a tabela com o personagem, vida e nome. A tabela principal tem 40px, mas quando o nome fica muito grande, ele acaba alterando a tabela fazendo com que ela fique com por exemplo 55px, e com isso acaba desorganizando as outras tabelas.

 

Estou usando o seguinte código agora:

<table border="0" width="32" id="table1" height="32" cellpadding="3" style="border-collapse: collapse">
<tr>
	<td height="4">
	<table border="0" id="table2" height="4" cellpadding="0" bgcolor="#'.$cor.'" style="border-collapse: collapse" width="'.$life.'%">
		<tr>
			<td height="4"></td>
		</tr>
	</table>
	</td>
</tr>
<tr>
	<td background="boneco.JPG" width="32" height="32"> </td>
<table border="0" id="table3" style="position: relative; border-collapse: collapse; bottom: 55; z-index:5" cellpadding="0" width="100%">
	<tr>
		<td><span style="font-weight: 700">
		<font face="Verdana" size="2" color="#00FF00">Nomeeeeeee</font></span></td>
	</tr>
</table>

[brcontainer 16]

seu jogo é feito em JAVASCRIPT certo??

talvez seja melhor utilizar JAVASCRIPT para posicionar o nome tambem...

 

mas uma pergunta você conhece Webstandards??

procure conhecer ok?

 

talvez alem de seu jogo ficar maisrapido de carregar seu site estará dentro dos padrões

 

abraço ;)

[Renan Decarlo 2]

seu jogo é feito em JAVASCRIPT certo??

talvez seja melhor utilizar JAVASCRIPT para posicionar o nome tambem...

 

mas uma pergunta você conhece Webstandards??

procure conhecer ok?

 

talvez alem de seu jogo ficar maisrapido de carregar seu site estará dentro dos padrões

 

abraço ;)

Meu joguinho é em php mesmo, por enquanto eu gravo as informações em um bloco de notas, e cada vez que o boneco anda, ele recarrega a página =)!

Seria esse webstandards o CSS?

[brcontainer 16]

seu jogo é numa intranet?

Webstandards é mais ou menos isso:

 

fonte: http://www.maujor.com/

Web Standards é um conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins de caráter técnico, produzidos pelo W3C e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades especiais.

seria CSS+HTML

e um exemplo disso é não usar TABELAS para estruturar sites

e nem estilos inlines

 

exemplo de inline:

<img src="" style="width:120px;">

qualquer duvida volte a postar ok ;)

[Renan Decarlo 2]

seu jogo é numa intranet?

Webstandards é mais ou menos isso:

 

fonte: http://www.maujor.com/

Web Standards é um conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins de caráter técnico, produzidos pelo W3C e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades especiais.

seria CSS+HTML

e um exemplo disso é não usar TABELAS para estruturar sites

e nem estilos inlines

 

exemplo de inline:

<img src="" style="width:120px;">

qualquer duvida volte a postar ok ;)

 

Na verdade isso ainda não é um jogo, então eu to somente desenvolvendo isso no meu computador, ainda não está hospedado em lugar nenhum.

E mesmo não usando o inline, ele continua dimensionando a tabela de acordo com o nome, será que teria como fazer ela não redimensionar mesmo usando tabelas?

[brcontainer 16]

não Renam, eu não falei que o inline causava isso, eu disse que o uso de tabelas é fora dos padrões

entendeu??

que tal conhecer CSS+HTML sem tabela??

;)

[Renan Decarlo 2]

Eu já tentei uma vez aprender isso x_x, mas achei meio complicado e também não achei nenhum editor que eu possa usar as divs e css, como eu uso as tabelas no front page. Se conhecer algum que não seja o dreamweaver(pago) me diga =)

[brcontainer 16]

eu uso o bloco de notas, tanto para o CSS quanto para o HTML para o PHP

e visualizo tudo no navegador

acredite não é tão dificil assim(claro que tem de se usar algumas gambiarras)

aqui no forum você notou que o tituilo é Webstandards: CSS / XML / XHTML/ HTML

então aqui tem bastante conteudo referente ao WEBSTANDARDS e tutoriais

você não prescisa depender de um EDITOR

basta entender a "logica" da coisa

 

abraço e espero que você se interesse por isso ;)

[Renan Decarlo 2]

Ah, consegui fazer isso usando divs pelo front page. Mas elas ficaram com essas inlines, tem algum problema?

[brcontainer 16]

bem contanto que você passe depois isso para CLASSES

SIM ^^

 

;)

[T.Colucci 33]

O "problema" amigo, é que você tem que separar conteudo de estilo. Quando você comecer a separar isso, começara a entender a "lógica" que o SILVERFOX" mencionou. Mas tenha calma, ~como ja foi dito, não é díficil. Basta você criar agora um arquivo css que nada mais é, a grosso modo, do que esses "inlines" em um arquivos separado (como eu disse, isso a grosso modo hein).

Qualquer dúvida, volte a postar!

 

Abraços.

[Renan Decarlo 2]

Ok, já estou fazendo com divs, mas eu tenho uma dúvida.

No meu jogo, o "mapa" dele, é baseado em vários "sqms", que são quadradinhos de 32x32px onde os jogadores podem ir. Então, o mapa como é em html, ele fica com umas 200 divs por exemplo, e cada uma ali tem um left: e um top: diferente, então, tem problema se eu colocar isso com inline? Por que eu não vou ficar criando um id pra cada tabela só pra mudar o top: e o left:, senão vão ficar milhares de ids e o css vai ficar gigante.

 

Outra dúvida minha é que, eu to fazendo isso pelo frontpage, então eu não sei bem como funciona as divs, é por isso que eu estou fazendo com o position left: e top:, quadradinho por quadradinho e definindo o top e o left deles. Se eu por um float: left, e um position: relative (à tabela principal), as divs vão ficar enfileiradas do mesmo jeito? Vlw =)

 

Edit: tentei fazer com relative, mas eles levam as tabelas embora quando o nome do boneco fica grande também ='(, vai ter que ser com absolute, left e top. Mas de qualquer jeito respondam a primeira pergunta por favor :D

[brcontainer 16]

talvez seja mesmo melhor usar o float:; ou você tambem pode usar tanto SERVER-SIDE para gerar esses "campos"

quanto Javascript por ser um numero muito grande de objetos

 

mas vai depender da sua ideia de jogo e de como esses campos influenciarão o objeto "HEROI"(personagem que se move pela tela)

 

;)