HTML Colocar itens na página web e imagem de fundo

_rsd_17 · 29 de dezembro de 2019

Ola poderiam me ajudar a colocar os icons em frente ao texto tipo : ( icon mensagem) email

Eu tenho este codigo mas nao fica da maneira que eu queria, podem me dizer o que esta errado

@{
    ViewData["Title"] = "Contactos";
}
<h1>@ViewData["Title"]</h1>



<address>
    Encontra-nos !<br />
    rua exemplo de tal, 1234-123 xxx xxx
    <br />
    <abbr title="Phone"> </abbr>
    <i class="faz fa-phone-alt"></i>
    xxx xxx xxx
</address>

<p>
    Horário De Funcionamento
    <br />
    8:30 h ás 13:30h
    <br />
    15:00h ás 22:00h
    <br />
    Segunda a Sexta
</p>




<address>
    
    <img width:1px; margin-right:1px; src="https://image.flaticon.com/icons/svg/59/59965.svg">
    <strong>Email:</strong> <a href="[email protected]">[email protected]</a><br />
</address>

Outra coisa eu queria que me aparece-se uma imagem de fundo, mas ela nao aparece eu ja tenho guardada no visual studio em wwwroot>Imagens mas ela nao me aparece. Tenho este codigo:

<style>
    body {
        padding-top: 0px;
        background-color: black;
        background-image: url('Images/shutterstock_571976104.jpg'); @*Nao esta a aparecer a imagem de fundo*@
        background-repeat: no-repeat;
    }

    .navbar {
        display: none;
    }
</style>

Alguem me pode dar uma ajuda? Obrigada

ze2204 · 31 de dezembro de 2019

sabe fazer uso de css? recomendo pois e melhor do que usar a <style> pois poderia estar usando em outras paginas somente icluindo ele

olha bem

meu css seria chamada estilo.css

body{

  background: #FFFFFF url("nomedapasta/nomedaimagem.jpg") no-repeat right top fixed;

}

ja o começo do seu html seria usando o link para incluir o arquivo css

<!DOCTYPE html>
<html lang="pt-br">

<head>
  <meta charset="utf-8">

  <title>exemplo de css</title>
  <link href="css/estilo.css" rel="stylesheet">   

</head>