Como mover imagens no Dreamweaver CS5

Escrito por c. taylor | Traduzido por even star
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

Por padrão, o Adobe Dreamweaver CS5 permite o controle limitado sobre a posição de sua imagem. Você pode clicar e arrastar a imagem para outro local na página, mas o seu posicionamento estará alinhado com outros elementos HTML, tais como textos e tabelas. Isso significa que você não tem controle completo sobre suas colocações, nem pode posicioná-las em cima de outros elementos. No entanto, a inclusão de um código simples irá conceder-lhe este controle completo.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Abra seu documento HTML no Adobe Dreamweaver CS5.

  2. 2

    Clique em "divisão" na parte superior da janela da página. Isto mostra o design e o código.

  3. 3

    Clique na imagem que você deseja mover. Esse processo destaca o texto da imagem no painel de "Exibição de Código".

  4. 4

    Coloque o link completo da IMG com o seguinte texto no painel de exibição de código: <div style="position:absolute"> ... </div>

    Como exemplo, o código pode parecer: <div style="position:absolute"><img src="image.jpg" width="500" height="400" /></div>

  5. 5

    Clique na imagem novamente no painel "Exibição de Design". Um pequeno quadrado azul aparecerá logo acima do canto superior esquerdo da imagem.

  6. 6

    Clique e arraste esse quadrado para posicionar sua imagem em qualquer lugar na página, sem limitações.

  7. 7

    Segure a tecla "Ctrl" e pressione "S" para salvar as alterações.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível