Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite, time.
Eu estou criando um site de quadrinhos e estou querendo colocar as histórias de forma que sejam traduzidas, a ideia é posicionar as div em cima dos balões de textos.
eu fiz um modelo que pode ser visto aqui...
http://www.sagacomics.com.br/preTeste/ComicView/index2.htm
O problema é que as div com os textos, não acompanham o posicionamento da imagem quando a janela não está maximizada, ou seja, se houver alguma redução do tamanho da janela, horizontalmente, ou seja, a imagem acompanha o navegador mais a imagem, não.
Uma segunda dúvida, existe alguma forma de deixar o texto alinhado verticalmente dentro da div?
os arquivos desse modelo estão em http://www.sagacomics.com.br/preTeste/ComicView/ComicView.rar
Obrigado pela ajuda, time.
Bora tentar desenvolver, né? Eu que sou o pai desse recurso... eu em 2012 que criei esse negócio de fazer histórias em quadrinhos com tradução... só quero melhorar o resultado. E está tão difícil quanto foi inventar isso...
Mas vou continuar tentando e quando conseguir posto aqui. Dá uma olhada na seção Freetour, no Seiren tem uma história chamado O Cabeção, que tem esse recurso funcionando, só que a página de texto e imagem ficam todos centralizados na esquerda, onde o recurso funciona bem, o duro mesmo está sendo fazer isso tudo ficar centralizado, eis a ideia do post.
Mas valeu pelas ajudas, Rapadura.
Rapadura, muito obrigado pelo sua contribuição.
A idéia aqui é fazer isso sem o ambiente responsivo, porque no anbientr respinsivo a proporção fonte e imagem ficam distorcidas.
No site highwaycomics.com eles conseguiram esse resultado, mas eu não entendi bem como eles fizeram. Ainda sou inexperiente com o css. Se puder dar uma olhada no que eles fizeram e entender, eu ficaria muito grato. Eu não sei se fizeram manualmente ou se usaram alguma ferramenta para consefuirem fazer. Eu mandei um e-mail para eles mas não obtive respostas ainda. Valeus.