Ir ao conteúdo
  • Cadastre-se

Arthurcolt

Membro Júnior
  • Posts

    12
  • Cadastrado em

  • Última visita

posts postados por Arthurcolt

  1. Estou com um problema que quando fico atualizando a pag fica dando resultados diferentes, as vezes da o resultado de parte de cima da img e as vezes a parte de baixo

     

    Html:

    <!DOCTYPE html>
    
    <html>
        <head>
            <title>Vamos Aprender HTML/CSS</title>
            <meta charset="utf-8" />
            <link type="text/css" rel="stylesheet" href="Normalize.css" />
            <link type="text/css" rel="stylesheet" href="Type 1.css" />
        </head>
        
        <body>
            <div id="geral">
                <div id="nav">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Tutoriais</a>
                            <ul>
                                <li><a href="#">Programas</a></li>
                                <li><a href="#">Internet</a></li>
                                <li><a href="#">Vídeos</a></li>
                                <li><a href="#">Acessibilidade</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Programação</a>
                            <ul>
                               <li><a href="#">HTML</a></li>
                               <li><a href="#">CSS</a></li>
                               <li><a href="#">JavaScript</a></li>
                               <li><a href="#">PHP</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Fale Conosco</a></li>
                    </ul>
                </div>
            </div>        
        </body>
    </html>

     

    Css:

    
    #geral {background:#ccc; width:95%; height:100; margin:0 auto}
    
    #nav {float:left; }
    
    #nav ul {font: 20px arial; list-style:none; margin:0; padding:0; }
    
    #nav ul li {float:left; position:relative; display:block; }
    
    #nav ul li a {color:#555; background:#FFF; text-decoration:none; margin:0 1px; padding:15px 20px; border-top:1px solid #555; display:block; }
    
    #nav li ul {display:none }
    
    #nav ul li a:hover {background:#066;color:#fff; }
    
    #nav li:hover ul {display:block; position:relative; }
    
    #nav li:hover li {float:none; font-size:12px }
    
    #nav li:hover a {background:#333;color:#fff; }
    
    #nav li:hover li a:hover{ background:#222; }

     

     

  2. Estou aprendendo HTML e CSS a uns 2 dias e hj fui criar meu primeiro site e quando escrevia dentro do <h2> <p> fica como se fosse um link, e os verdadeiros links n funcionavam

    Olhem o HTML e o CSS:

     

     

    body{
    	
    }
    
    #topo{
    	width: 960px;
    	height: 180px;
    	background:url(../Img/FundoTopo.jpg) no-repeat;
    	margin: 0 auto;
    	
    
    }
    
    #topo img{
    	padding-top: 20px;
    	padding-left: 15px;
    }
    
    #menu{
    	width:920px;
    	height:40px;
    	margin-top: 80px;
    	background: black;
    	list-style-type:none;
    }
    
    #menu li{
    	float:left;
    	margin-right: 100px;
    	font-size: 32px;
    	padding-left: 80;
    	
    }
    
    #menu a {
    	color:#FFFFFF;
    	text-decoration:none;
    }
    
    #menu a:hover{
    	color: #FF4500;
    }
    
    #content{
    	width: 960px;
    	height: 700px;
    	margin: 0 auto;
    	background:#F8F8FF;
    	margin-top:39px;
    }
    
    #content h2{
    	color:Black;
    	text-emphasis:none;
    	padding-top: 40;
    	padding-left:55;
    }
    
    #content p{
    	color: Black;	
    <doctype html/>
    
    <html lang="pt-br">
    	<head>
        	<title>Therium Word Online</title>
            <meta charset="utf-8"/>
            <link rel="stylesheet" href="CSS/Normalize.css"/>
            <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700' rel='stylesheet' type='text/css'/>
            <link rel="stylesheet" href="CSS/Estilo.css"/>
        </head>
        
        <body>
                    <div id="topo">
                            <h1><img src="Img/Logo.png" /></h1>
                           
                                <ul id="menu">
                                    <li><a href="#"/>Classes</li>
                                    <li><a href="#"/>Home</li>
                                    <li><a href="#"/>Download</li>
                                </ul>
                    </div>
                    
                    <div id="content">
                        <h2>Novidades</h2>
                        <h3>Suposta classe decoberta no mundo de Therium o Ladino</h3>
                        <img src="Img/Classes/8ffe87c5bbaeb97f4fca8f777a8dc94a.jpg"/>
                    </div>
        </body>
    </html>

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

Ebook grátis: Aprenda a ler resistores e capacitores!

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!