Sherlock02

Olá, Eu não sou muito fã de tabelas e não tenho como ajudar, mas ao menos que seja para aprendizado, não é uma boa prática usar a tabela aqui. As tabelas são usadas apenas para apresentação de dados tabulares (ou emails de html). Para esse caso, o recomendado seria flexbox ou grid.

Lindo! O logo e a tipografia ficaram lindo e a apresentação ficou ótima!

Fiz isso e achei o Outdent Line. O código para recuar é Ctrl + ´ Muito obrigada!

Olá, pessoal. Não tenho certeza de que este é o fórum correto para essa pergunta, mas então. Eu sempre usei o Brackets como editor e estou tentando migrar para o VSCode. Só que eu não estou conseguindo descobrir como eu movo o bloco selecionado para a esquerda (recuo). Se eu pressiono Ctrl + [, ele move o bloco para a direita e está ok. Mas se eu tento trazer o bloco para a esquerda e pressiono Ctrl + ], ele abre uma nova página com o mesmo conteúdo. Como faço para mover o bloco para a esquerda?

Olá, Você pode utilizar javascript ou jquery para desabilitar o ctrl + u e o botão direito, e ainda obfuscar o código. Porém isso serve mais para leigos. É praticamente impossível bloquear completamente. Sempre dá para dar um jeitinho. https://stackoverflow.com/questions/20372394/how-to-disable-ctrlu-using-javascript Abraços!

Olá, recomendo usar o flexbox. Há vários exemplos no codepen e explicação nos sites: https://origamid.com/projetos/flexbox-guia-completo. https://www.alura.com.br/artigos/css-guia-do-flexbox. https://triangulo.dev/posts/guia-completo-flexbox. Abraços!

Olá, foi como o Matheus disse. HTML e CSS é ótimo para começar, e de linguagem de programação, além do PHP eu indicaria o Javascript, que possui o maior número de vagas no mercado de trabalho. Abraços!

Olá, Você não fechou o form com > <form method="POST"> <table width="50%">

Pop-up é muito ~2010 hehe Brincadeiras à parte, como Omar explicou, é horrível, polui e ninguém lê. Uma opção que eu acho ótima é o sticky sidebar. Eu sempre presto atenção quando entro em algum site porque não é invasivo e está sempre ali na tela, além de fluir com o site naturalmente. Abraços!

Olá, Não há necessidade de colocar <br> para quebra de linha. Outro ponto, é que <p> é usado para parágrafos, mas os títulos devem usar as tags adequadas de titulos. h1, h2, etc. Tentei não mexer muito no seu código original. Para alinhamento pode fazer com flex ou grid. body { background-color: rgb(255, 80, 92); } .container { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: white; background-color: rgb(255, 80, 92); width: 980px; margin: auto; } .caixas { display: grid; grid-template-columns: 1fr 1fr 1fr; } h1.title { text-transform: uppercase; /* transforma o titulo em letras maiusculas */ font-size: 18px; text-align: center; line-height: 45px; /* altura da linha do titulo principal */ } h2 { border: solid 1px white; font-size: 18px; line-height: 45px; /* altura da linha do titulo das caixas */ } .box01, .box02, .box03, .box04, .box05, .box06 { text-align: center; padding: 0 60px; /* diminua o espaçamento ou aumente conforme achar necessário */ } <div class="container"> <h1 class="title"> Veja mais sobre as nossas especialidades e como podemos ajudar você</h1> <div class="caixas"> <div class="box01"> <h2>UTI</h2> <p>Suporte Avançado de Ambulâncias e Suportes Básicos</p> </div> <div class="box02"> <h2>Área Protegida</h2> <p>Proporcionando total segurança em áreas de risco.</p> </div> <div class="box03"> <h2>Transferência</h2> <p>Intra-Hospitalar e Inter Hospitalar, Casa de repousos, Residenciais.</p> </div> <div class="box04"> <h2>Posto Fixo</h2> <p>Profissionais especializados para atuar em situações de urgências e emergência (médicos, enfermeiros e socorridos).</p> </div> <div class="box05"> <h2>Neonatal</h2> <p>Intra-Hospitalar e Inter Hospitalar, Casa de repousos, Residenciais. </div> <div class= "box06"> <h2>Eventos</h2> <p>Cobertura de Eventos Religiosos Corridas de Rua, Peladas de Futebol, Casas Noturnas, Eventos Culturais, Lutas Muay Thai, Boxe, Jiu Jitsu, Vale Tudo</p> </div> </div><!-- final caixas --> </div><!-- final container -->

Resolvido! Só não consegui deletar o post.

Olá, Eu preciso criar um menu com dois níveis utilizando Javascript. O código está assim: <div id="menu"> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> </div> Eu preciso transformá-lo em um segundo nível e inserir texto no estilo "Parent 1" no primeiro nível, dessa maneira: <div id="menu"> <ul> <li>Parent 1 <ul class="sub-menu"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> </li> </ul> </div>

Olá, Meu Deus, não consigo nem olhar internet por celular, aquilo me irrita, imagine programar qualquer coisa <link rel="stylesheet" href="meuarquivo.css"> Se estiver em alguma pasta (exemplo pasta com nome "estilo"). <link rel="stylesheet" href="estilo/meuarquivo.css"> A fonte (coloca junto com o código css geral): @font-face { font-family: Roboto; src: url(roboto.ttf); } Se for numa pasta, exemplo, chamada "fonts": @font-face { font-family: Roboto; src: url(fonts/roboto.ttf); } Abraços!

Olá, Onde tem bottom, você troca por top. Onde tem top, você troca por bottom. .bubble { background-color: #fff; border: 2px solid #333; border-radius: 5px; color: #333; display: inline-block; font: 16px/24px sans-serif; padding: 12px 24px; position: absolute; } /* Criando o triângulo */ .bubble.active:after, .bubble.active:before { border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; top: -15px; content: ''; left: 80%; margin-left: -15px; position: absolute; } /* Criando a borda do triângulo */ .bubble.active:before { border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 18px solid; border-bottom-color: inherit; top: -18px; margin-left: -18px; } Abraços!

Olá, Se eu entendi direito, não seria apenas clicar no vídeo em questão e ir em "Compartilhar". Aí tem a opção "embeded" e "Código comum", tipo o Youtube. Escolhi um vídeo aleatório de exemplo. Seria só copiar o link e inserir no site que ele carregará.