3
respostas

POSICIONAR IMAGEM

Estou ultilizando o Visual Studio para acompanhar as aulas, quando vou alinha a imagem "beneficios" com a lista não alinha.

Nem com o codigo do professor.

Ele fica assim

3 respostas

Posso dar uma olhada no seu código?

Compartilha conosco teu código. Comigo também estava assim, acontece que tinha escrito ImagemBeneficios no html e no css imagembeneficios, fiquei um tempão tentando encontrar o que tava errado, daí copiei o código do professor e colei essa etapa no html e css dai ficou correto, pode ser que seja isso. Aqui está assim:

HTML

Benefícios

      <ul>
      <li class="itens">Atendimento aos clientes </li>
      <li class="itens">Espaço Diferenciado      </li>
      <li class="itens">Localização              </li>
      <li class="itens">Profissionais Qualificados </li>
      </ul>
      <img src="beneficios.jpg" class="imagembeneficios">
  </div>

  CSS
  .Benefícios{

background: #FFFFFF; padding: 20px; }

ul { display: inline-block; vertical-align: top; width: 20%; margin-right: 15%; }

.imagembeneficios { width: 50%; }

Essas confusões com os nomes são normais José, é bacana manter um padrão que esses erros diminuem bastante.. Eu prefiro deixar meus ids e classes tudo minúsculo e separando por -.. Por exemplo: imagens-beneficios.

Deixa os nomes parecido com esses imagensBeneficio pra quando tiver aprendendo javascript pra web.

Eu vejo muitas declarações assim pelos fóruns.