GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Button

html
Tags: #<Tag:0x00007f611410b130>
#1

Gostaria de saber se da pra colocar diversos botões em uma só imagem, exemplo nessa imagem:

, cada logo com um botão, e quando apertasse seria redirecionado a uma página

0 Likes

#2

Ideal seria cadastrar as logos no banco de dados ou qualquer outro tipo de fonte de dados, a partir dai gerar dinamicamente. Mas respondendo o que perguntou, pode mapear dessa forma:
https://www.w3schools.com/tags/att_area_coords.asp

Gerador de coordenadas:
http://imagemap-generator.dariodomi.de/

0 Likes

#3

Se eu fosse você faria um CSS com imagem e estilo Boostrap colocaria nos botões (<button>).

Apenas uma idéia.

0 Likes

#4

Eu faria assim:

<div class="painel-logos">
    <a href="imagem1.com" >
        <img src="imagem1.png">
    </a>

    <a href="imagem2.com">
        <img src="imagem2.png">
    </a>

    <a href="imagem3.com" >
        <img src="imagem3.png">
    </a>
</div>

Para o posicionamento das imagens eu usaria o Bootstrap

0 Likes