Logo Hardware.com.br
Pedro Henrique de Santis
Pedro Henriq... Novo Membro Registrado
34 Mensagens 4 Curtidas

Inserção de imagens - html

#1 Por Pedro Henriq... 31/07/2015 - 15:35
Boa tarde pessoal.

Estou com esse problema:

Preciso inserir 3 pequenas imagens ( 3 bandeiras ) que quando clica nela será redirecionado para outra pagina, bom o problema não é esse e sim em como coloca-la no topo e no lado esquerdo.


Em anexo as imagens e em um circulo vermelho aonde preciso inserir ... também mandei o codigo
Eu ja tentei e nao consegui fazer =\

Anexos

Shinayder
Shinayder Veterano Registrado
669 Mensagens 118 Curtidas
#2 Por Shinayder
31/07/2015 - 18:59
Jovem, boa noite

é só vincular a imagem junto ao menu, simples, adiciona a imagem e com o CSS você posiciona conforme você queira, não tem muito segredo, coloca um.

Segue esse exemplo
HTML
[CODE=html]
logotipo
[/CODE]
CSS
[CODE=css]
position: absolute;
right: 0px; /* Onde 0px é a quantidade de px até o local de sua escolha */
[/CODE]

Uma dica, vi que no seu codigo, você tem uma tag center sendo fechada, mas nem se quer existe a abertura dessa tag, como você esta fechando ela?
Vejá que la em cima é uma Classe center e não uma tag, não a necessidade de um center sendo fechado no final das suas li's, preste atenção, classe é diferente de tag Ok?

Abraços.
Phenon X4 Black Box Edition 3.4 64bits | Memoria DDR3 8Gb | Nvidea Geforce GTS 450 1GB| HD Samsung SATA 500Gb e Samsung SATA 1 Tb rindo_atoa.gif
NoteBook: Em Analise nao_sei.gif
http://www.stormclouds.com.br/
Mário B@ss
Mário B@ss Novo Membro Registrado
1 Mensagem 0 Curtidas
#3 Por Mário B@ss
24/09/2015 - 21:30
na verdade acredito que o ideal seria colocar uma
bem abaixo do ela iria englobar toda sua página formataria ela na CSS ex: div#interface { position: absolute; } e só depois usaria o método que o Shinayder passou, e eu explico por que na hierarquia a a bandeira com posição absoluta ficara dentro da div que tmb tem uma posição absoluta, porque se não na hora que aumentarem ou reduzirem o zoom de sua pagina ela vai desmonta a interface diminui e a bandeira fica parada la no mesmo lugar! Espero ter ajudado!

E quando linkar sua imagem para outro site é interessante vc usar o atributo target="_blank" para abri-lo em uma nova guia para que o visitante possa ver de que se trata sem sair da sua pagina a possibilidade dele voltar pra ela é bem maior.
Mais isso se for para uma página externa, se for para uma inter aí bllz.
esquiloesperto
esquiloesper... Cyber Highlander Moderador
7.1K Mensagens 2.2K Curtidas
#4 Por esquiloesper...
25/09/2015 - 12:58
Amigo, esta é bem fácil.
Você só precisa fazer exatamente como já é feito nos itens anteriores. Sendo assim, observe que você apenas se esqueceu de adicionar as tags de abertura e fechamento na sua âncora. Use-as para cada link de imagem que for inserir, deste modo não terá maiores complicações de estilo para posicionar corretamente essas imagens.
Só é difícil enquanto estiver oculto! cool.png
Use a pesquisa


rolleyes.png  Navegar é preciso, viver... também.  smile.png
TRONNER
TRONNER Cyber Highlander Registrado
32.2K Mensagens 7.3K Curtidas
#5 Por TRONNER
25/09/2015 - 14:18
Só relembrando que segundo a imagem de exemplo, o posicionamento das figuras será do lado direito big_green.png
cool.png**Quando pensar ser um Golias, cuidado para não encontrar algum Davi**
veja.png Conheça os Poderosos e Gratuitos [ Iperius Backup ] e [ Iperius Remote ]
veja.png Todo dia um software novo e grátis [ clicando aqui ]
boa.gif Faça valer a sua voz com o Mudamos+ { https://www.mudamos.org }
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal