Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia, estou com um problema, estou fazendo um sistema responsivo, só que me deparei com um problema. O sistema é de restaurante, tem as imagens das mesas, são 100 ao total, em cima de cada mesa eu posicionei via CSS o numero de casa mesa, texto, mas quando muda de resolução de monitor ela desconfigura a posição. Teria alguma forma de agrupar o texto na imagem? Ou alguma forma que ela acompanhe o posicionamento da imagem sem desconfigurar?
Opa, vou testar ver se da certo, obrigado!
Creio que a melhor opção é encapsular label e imagem em uma DIV container.
A img e a label terão sempre width 100% e qualquer alteração de dimensão ou posição, será aplicada diretamente à div container "mesa"
Ficaria mais ou menos assim:
<style>
.mesa {width: 100%; max-width: 200px}
.mesa .lblMesa {width: 100%}
.mesa img {width: 100%}
Espero que isso o ajude.