Search the Community
Showing results for tags 'css'.
-
Boa tarde pessoal. Estou formatando com css um menu de um site, o problema é que com a função hover funciona, mas quando coloco numa classe active não, o que pode estar errado. Arquivo css nav#menu li:hover{ background-position:top; color:firebrick; } nav#menu ul li a.active{ background-position:top; color:firebrick; } arquivo html <nav id="menu"> <section> <ul> <li> <a href='index.php' class='active'> Inicio</a></li> <li> <a href='artista.php' > Artista</a></li>
-
Boa noite pessoal espero que estejam todos bem!!! Estou a tentar criar um popup apenas com html e css e, embora já tenho conseguido em parte, sempre que dou refresh à página o popup aparece por breves segundos... Estes são os códigos que tenho, tanto css e html: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8"><meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="QuemSomos.css"> <title>Quem Somos</title> </head> <body> <h
-
Boa tarde! Ola a todos, estou a fazer um curso online de fundamentos de html e css e como projecto final pediram me para recrear o site da apple (apple.com/mz/) Utilizei css grid para separar os conteudos, mas numa das grids tenho que posicionar o texto com hyperlinks por baixo da div. Agradecia que alguem me ajuda-se se nao estiver a incomodar. o que ue fiz até agora foi o seguinte: no html: <div id="tvplus"> <h3 id="title-h2"> <h3><a href="#"><i class="fa fa-apple"></i></a>tv+</h3> <h3>Get 1 year o
-
Boa Tarde Como é que eu coloco o código responsivo ? <section class="mt-5" id="menu"> <div class="container"> <div class="row"> <div class="col"> <h2 class="text-center">Menu</h2> </div> </div> <div class="row"> <div class="col"> <nav class="section_menu__nav"> <ul> <li class="active"> <a hre
-
Boa tarde pessoa, para me facilitar meu trabalho estou tentando criar um sistema para preencher automaticamente uns documentos, mais para isso quero criar uma tela de login responsivo, para todos os formatos, até ai tudo bem. Três coisa não estou conseguindo fazer bem. Quando estou com o telemóvel em pé fica bem, quando viro-o fica desconfigurado. Onde estou a errar? E também a imagem do user e Background não fica correctamente, terei que usar média Queries para cada formato? Índex.php <!DOCTYPE html> <html lang="pt-pt"> <head> <meta charset="UTF-8">
-
Fala pessoal, boa noite a todos... Sou novo aqui no fórum, e também nessa área de desenvolvimento.. Comecei a estudar um pouco mais focado nessa área a dois meses atrás. Um livro que eu gostei muito quando o vi, foi do autor Jon Duckett (HTML e CSS: Projete e Construa Websites). Só que não consigo achar o livro aqui em Portugal com a edição em português, alguém de vocês sabem onde posso encontrar, na web ou livraria que tenha o mesmo em português? Só achei até agora em alguns sites direcionados para o Brasil. Não encontrei assunto relacionado usando a pesquisa do fórum. Obr
-
Boa tarde, Sou iniciante em javascript, e estava a fazer um site em que pretendia colocar um carrinho de compras. Não posso usar Jquery. O que fiz foi primeiramente colocar os dados em local storage, e quando se clicar no carrinho de compras, mostrar uma div com os dados que foram guardados em local storage. A minha dificuldade é passar os dados de local storage para o programa, e apresentá los numa div. segue parte do código que fiz. <div class="carrinho_de_compras_total"> <button onclick="mostrar()">carrinho_de_compras</button> <div clas
-
Preciso fazer com que as spans e a ul fiquem alinhadas verticalmente ao centro da div#banner mas não está funcionando como tentei! Fiz uma tentativa e cheguei mais perto, embora o conteúdo tenha alinhado ao centro verticalmente como era o esperado, parece que não ocupou verticalmente todo a altura da div#banner.. html, body { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: content-box; } #banner { position: relative; width: 1536px; height: 610px; background-image: url("img/home1.jpg");
-
Boa noite caros Programadores, Estou a precisar de fazer um botão em que o comando deste é dado quando este é pressionado, isto é, (num smartphone) eu mal pressione com o dedo o botão, este envie logo o comando, e não espera que retire o dedo. Isto é possível? Não sei se me fiz entender. Obrigado
-
Então, tenho o css html, body { margin: 0; padding: 0; } #banner { position: relative; width: 1536px; height: 610px; background-image: url("img/home1.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-position: center top; z-index: -1; } #banner:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(#004425, #072f1c 130%); opacity: .6; } e, o HTML <div id=banner></dv> teste <br /> teste <br /> teste <br /> teste <br /> teste <b
-
Bom dia pessoal, em alguma parte do meu código css estou desabilitando meus href sem querer, isso acontece quando a tela fica inferior a 767px. Por favor ajudem, já estou cansado de olhar e não consigo encontrar. /* Base */ * { outline:none; } html, body { height: 100%; } body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.6em; color: #8c8c8c; background-color: #fff; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; } a { color: #404040; } a:hover { color: #404040; transition-property: all; transition-duration: 0.3s;
-
O código: <html> <head> <title>MVC PDO CRUD</title> <link rel="shortcut icon" type="image/x-icon" href="imgs/favicon.png"/> <style> /* CSS Document */ @import url('http://fonts.googleapis.com/css?family=Open+Sans'); *, *:before, *:after, *:active, *:hover { font-family: 'Open Sans'; margin: 0; padding: 0; border:0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: content-box; /*Comprimir(diminuir) as medidas do elemento para não aumentá-lo quando adicinar margin e padding*/ } ul { list-style: n
-
Boa tarde pessoal, sou novo aqui no site. Estou reformulando meu site para ser responsivo, só que necessito de algo que não sei como fazer e nem encontrei nada, talvez não encontrei por não ter digitado o nome correcto do assunto. Estou fazendo uma galeria de fotos, mas gostaria que só aparecesse a primeira imagem e somente ao clicar nela que as restantes fossem apresentadas. exemplo: <div class="fotos"> <a href="img/carros.jpg" title="Carro Funerário"> <img class="media-object" src="img/carro1.jpg" alt="Post"> <img class="media-object" src="im
-
Tenho o seguinte conteudo HTML sendo gerado em um loop PHP $html .= " <ul class='border'> <li style='text-align: left; border-bottom: .1px rgb(0,0,0) solid;'><label class='labelPequeno'>Gcéu</label> : " . $celula[ "nomeCelula" ] . "</li> <li style='text-align: left; border-bottom: .1px rgb(0,0,0) solid;' class='backCinza'><label class='labelPequeno'>Supervisor de Setor</label> : " . $nomeLideres[ "nomeLiderSetor" ] . "</li> <li style='text-align: left; border-bottom: .1px rgb(0,0,0) solid;'><label class='labelPeque
-
olá a ideia e fazer pequenos software que possam acelerar e manter a qualidade de ensino/aprendizagem. E uma das ferramentas deste seculo está a nossa disposição: WEB O porrifólio de aplicativos tende ao infinito educacional. Então a proposta é vamos criar-los? os Softwares? Cristiano Marques
-
CÓDIGO: ul.ulVertical { border: .1px rgb(0, 0, 0) solid; list-style: none; width: 800px; height: 100px; } ul.ulVertical li { display: inline-block; width: 100px; height: 30px; text-align: center; border-top: .1px rgb(0, 0, 0) solid; transform: rotate(270deg); transform-origin: top right; } ul.ulVertical li:last-chield { border: none; } HTML: <ul class="ulVertical"> <li>Passo 1</li> <li>Passo 2</li>
-
http://prntscr.com/mb703j Eu quando coloco a pass á primeira bem e depois meto mal ele continua com o certo e com o texto todo descodificado e eu nao consigo descorribir o erro quem me puder ajudar agradecia!!
-
Boa tarde, estou com um problema com o css do meu site ele apenas funciona a partir do Laptop até ao 4K, alguém me sabe dizer o porquê? /*Mobile S*/ @media only screen and (max-width: 320px) { .content{ margin-left: 35%; margin-top: 250%; margin-right: 35%; background: -webkit-linear-gradient(left, #666666, #333333); padding-top: 5%; border-radius:15px; height: 320; } } /*Mobile M*/ @media only screen and (min-width:321px) and (max-width: 376px) { .content{ margin-left: 35%; margin-top: 128%; margin-right: 35%; background: -webkit-linear-gradient(left, #666666, #333333); padding-top:
-
Boa tarde, Estou a criar para a minha pap um site de venda de carros, do género do stand virtual. https://imgur.com/iA9Zf4Z E queria saber como é que faço a condição para fazer com que ele va buscar ao servidor só o que foi introduzido pelo utilizador. Por exemplo o utilizador só quer pesquisar marca e o preco, entao como é que eu faço isso? obg
-
Boas pessoal, Estive a tentar criar uma página simples apenas informativa com umas imagens e texto, O resultado foi este http://websportstv.orgfree.com/outro/responsive-full-background-image-demo.html Mas no telemóvel em vertical o background não preenche tudo, no tablet já preenche. Alguém me pode dar uma ajuda a finalizar isto? Cumprimentos.
-
Tenho a print abaixo: Estou tentando dar um margin: 0 auto no `botão submit` dentro do `form` mas nada que eu faça centraliza esse botão. Mas não posso fazer text-align: center senão vai centralizar todos os elementos do form. Eis o form <div class="administrador"> <h1 class="titulos">Cadastro de Administrador</h1> <form class="administradorCadastra"> <label class="labelPequeno">Tipo</label><select id="tipo" name="tipo" required class="typeTextMedio"> <option value="">Es
-
Estou tentando fazer um slide show personalizado para fins de aprendizagem. Avancei bastante já. Porém estou tendo um erro do qual não estou conseguindo me livrar. O slide corre bem, mas quando chega na ultima imagem, ele acha uma imagem em branco e bota ela no lugar em que deveria ser exibida a primeira imagem novamente. Cada imagem do slide tem uma legenda feito com um label e ambos dentro de uma div. O link abaixo mostra o slide em funcionamento. http://funerariasaopedro.net.br/novo/index6.php Vou postar abaixo o código completo. Se alguém puder me ajudar
-
seguinte, meu chefe pediu para eu recriar o site para ele, eu nunca havia mexido com html/css programação estas coisas, vi alguns tutoriais e pareceu até simples, comecei a fazer e estava indo bem ate que cheguei na parte do background, dei os comandos possiveis pelo notepad++ e nada ia,mudei pra diversas versões chegando inclusive a usar uma de 2011 por medo de ser bug, o impressionante é que todos sites e tutoriais que visualizei dizem o msm codigo, porém comigo não funciona, cheguei a mudar de programa do notepad++ para o sublime text 3 e nada, eu não consigo passar da parte em que você col
-
Boa noite pessoal. Eu estou a tentar meter uma imagem a servir como background de um site, no entanto estou a ter alguns problemas. Este é o código que estou a usar. body { background-image: url("images/overlay.jpg"); background-attachment: fixed, fixed; background-position: top center; background-repeat: none, none; background-size: cover, 100%; } Desta maneira mostra desde o topo mas corta parte da parte inferior da imagem. já experimentei body { background-image: url("images/overlay.jpg"); background-attachment: fixed, fixed; background-posi
