Problemas com o layout

Fórum para que você tire suas dúvidas, dê suas sugestões e críticas a respeito do Fórum ou Site. Seu lugar de comunicação com a Equipe.
Regras do fórum
Antes de postar uma dúvida, verifique se ela não consta no FAQ.

Funny story

Mensagempor lpslucasps » 26/06/2012 (Terça-feira), às 13h14min

Lembram aqueles problemas causados por uma mudança na posição de um bloco de código do template, o que me levou a fazer dois posts com soluções para eles?
Pois bem, a equipe do site reverteu a mudança, então minhas soluções agora estão causando problemas! Mas não temam, a equipe é esperta: reverteram as modificações não só dos templates, mas dos arquivos CSS também.

Se estiverem enfrentando problemas com a renderização da página, limpem o cache de seu navegador. Peço que façam este simples procedimento antes de postarem aqui.

Eu falando assim até parece que sou da equipe de design do site, haha.
Contos de bolso

Imagem


Uma análise profunda e sombria do mito Pokémon


Quarto conto no ar: Joias
lpslucasps
Guarda Real
Guarda Real

Avatar do usuário

Offline
 
Mensagens: 692
Registrado em: 24/02/2011 (Quinta-feira), às 22h42min
Localização: Belo Horizonte/Minas Gerais
Cash on hand: 823.30 Rupees

Re: Funny story

Mensagempor Saishy » 26/06/2012 (Terça-feira), às 13h21min

lpslucasps escreveu:Eu falando assim até parece que sou da equipe de design do site, haha.

Implicando que o site tem uma equipe de design.

:=D:
Imagem

Imagem ImagemImagem
"Oque nos leva a crer que MM é a continuação de OoT" By: Eu
Saishy
Sábio Ancestral
Sábio Ancestral

Avatar do usuário

Offline
 
Mensagens: 2566
Registrado em: 08/09/2004 (Quarta-feira), às 16h11min
Localização: Vitória, ES
Cash on hand: 3,930.45 Rupees

Re: Problemas com o layout

Mensagempor Gyorg Millenium » 25/08/2012 (Sábado), às 15h21min

Não sei se resolveu a solução do alinhamento para vocês, mas para mim está desalinhado e encontrei algumas inconsistências no CSS. Por exemplo, vocês querem criar a tabela com uma largura relativa, mas usam margens e padding em pixels, o que não resolve.

Imagem

Então eu removo todas as definições fixas, que incrementam a largura relativa das colunas.
Código: Selecionar todos
style.php:976
li.header dl.icon dt {
padding-left: 0;
padding-right: 0;
}

style.php:989
dl.icon dt {
padding-left: 0;
background-repeat: no-repeat;
background-position: 5px 95%;
}

style.php:896
ul.topiclist dt {
width: 50%;
font-size: 1.1em;
padding-left: 0;
padding-right: 0;
}


Aqui tinha um table-cell no display, eu não usaria isso se quiser uma tabela cross-browser, é bugado no IE8 e nem funciona no 7 a menos que force o hasLayout.

Código: Selecionar todos
style.php:3159
ul.topiclist li.row dt, ul.topiclist li.row dd {
display: block;
float: left;
vertical-align: middle;
}


Alinhamento em 1024px
Imagem

Alinhamento em 1366px
Imagem

Até essas mudanças, o alinhamento vai funcionar bem em qualquer resolução, mas como removi o padding para tirar as diferenças de largura entre o cabeçalho/linhas os textos ficaram por cima do ícone da caixinha. Sugiro usar a caixinha como background de uma tag, ou como imagem e deixar o alt com seu significado, e manter flutuando a esquerda com uma pequena margem direita e esquerda de 5 ou 10px, dessa forma eles não afetam a largura das outras colunas mesmo sendo fixo, porque estão atuando como conteúdo do bloco.

Com a retirada do table-cell, algumas coisas vão ficar mal alinhadas verticalmente, mas isso pode ser ajustado por padding top/bottom, se necessário.

Espero que ajude ii'

Zelda.com.br no IE3, atualize seu IE6 antes que isso aconteça com você! Òó

Imagem

Moral da história: no japão os postes são colocados no meio da estrada.
Gyorg Millenium
Controlador das Estações
Controlador das Estações

Avatar do usuário

Offline
 
Mensagens: 774
Registrado em: 28/03/2005 (Segunda-feira), às 22h32min
Localização: Contagem/MG
Cash on hand: 909.50 Rupees

Anterior

Voltar para Dúvidas/Críticas/Sugestões

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante

cron