André Gonçalves Fernandes
-
Total de itens
3 -
Registro em
-
Última visita
Sobre André Gonçalves Fernandes
-
Prezados, Boa Noite A Imagem02 anexa é situação que eu preciso chegar A imagem01 anexa é o caminho que estou percorrendo. O conteúdo é o mesmo. Acredito que estou no caminho certo, mas não estou conseguindo deixar as três caixas alinhadas na parte de cima e as três caixas alinhadas na parte de baixo. Abaixo o código que eu apliquei em HTML e CSS referente a imagem 01 Se alguém puder me ajudar agradeço, HTML <div class="container"> <p class="title">VEJA MAIS SOBRE AS NOSSAS ESPECIALIDADES E</br>COMO PODEMOS AJUDAR VOCÊ</p> <div class="box01"> <p class=p01>UTI</p> <p>Suporte Avançado de</br>Ambulâncias e Suportes</br>Básicos</p> </div> <div class="box02"> <p>Área Protegida</p> <p>Proporcionando total segurança</br>em áreas de risco.</p> </div> <div class="box03"> <p>Transferência</p> <p>Intra-Hospitalar e Inter<br></br>Hospitalar, Casa de repousos, Residenciais.</p> </div> <div class="box04"> <p>Posto Fixo</p> <p>Profissionais especializados para<br></br>atuar em situações de urgências<br></br>e emergência (médicos, enfermeiros e socorridos).</p> </div> <div class="box05"> <p>Neonatal</p> <p>Intra-Hospitalar e Inter Hospitalar, Casa de repousos, Residenciais. </div> <div class= "box06"> <p>Eventos</p> <p>Cobertura de Eventos Religiosos Corridas de Rua</br>Peladas de Futebol, Casas Noturnas, Eventos Culturais</br>Lutas Muay Thai, Boxe, Jiu Jitsu, Vale Tudo</p> </div> </div> CSS .container{ font-family:Arial, Helvetica, sans-serif; font-size: 15px ; color:white; background-color: rgb(255, 80, 92); margin: 0px -8px 0px -8px; padding: 60px 20px 60px 20px; } .title{ font-family:Arial, Helvetica, sans-serif ; font-size: 18px; text-align: center; margin: -50px 0px 0px 0px; padding: 20px 20px 60px 20px; } .box01{ display:inline-block; text-align:center; } .p01{ border: solid 1px white; height: 30px; width: 100px; margin: 6px -3px 6px 34px; padding: 7px 2px 7px 63px; } .box02{ display: inline-block; text-align: center; } .box03{ display:inline-block; text-align:center; } .box04{ display:inline-block; text-align:center; } .box05{ display:inline-block; text-align:center; } .box06{ display:inline-block; text-align:center; }
-
CSS @font-face
André Gonçalves Fernandes respondeu ao tópico de André Gonçalves Fernandes em Desenvolvimento frontend
Omar, Já tinha visto, mas só agora estou te dando um retorno. Muito Obrigado -
O @font-face descrito abaixo deveria atingir o objetivo do Olá Mundo, e não do texto a seguir do Olá Mundo Alguém pode me mostrar onde está o erro. Título Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur doloribus dolor eveniet eligendi alias debitis blanditiis. Laborum tenetur, repudiandae accusantium architecto modi autem amet excepturi accusamus doloremque repellendus placeat hic. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fontes Externas</title> <style> @font-face { font-family:'Love'; src: url('fonts/love larry.otf') format ('opentrype'), url('fonts/love larry.ttf') format ('truetrype'); font-weight: normal; font-style: normal; } /* Tipos de format() -opentype (otf) -truetype (ttf) -embedded-opentype -trutype-aat (Apple Advanced Typografy) -svg */ body { font-family: Arial, Helvetica, sans-serif; } h1 { font-family: 'Love', Times, serif; font-size: 3em; font-weight: normal; } </style> </head> <body> <h1>Título</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur doloribus dolor eveniet eligendi alias debitis blanditiis. Laborum tenetur, repudiandae accusantium architecto modi autem amet excepturi accusamus doloremque repellendus placeat hic.</p> </body> </html>