Dificudade com css

**Freddiedx** · 13 Nov 2011, 15:19

Boa tarde..

estou vendo umas video aulas no youtube. e no final do video ficou faltando alguma coisa que o autor nao colocou. gostaria de saber se alguem poderia esta mim ajudano. estarei colocando o codigo que eu fiz. e estarei anexando os arquivos que o altor postou.
Link dos arquivos do autor:http://hotfile.com/dl/85997561/4d4ba62/Tableless_-_Arquivos.rar.html
Link aula do youtube:http://www.youtube.com/watch?v=QSXd00BM1zc&feature=related

Arquivo feito por mim baseado na aula:http://www.4shared.com/document/fEQ6yBhO/tableless.html
meu arquivo style.css: http://www.4shared.com/document/sauRKLdl/style.html?
Nos arquivos postado pelo autor tem uma imagem de como deve ser fica

**Freddiedx** · 13 Nov 2011, 15:23

Minha dificudade esta da div design em colocar o background em vermelho. o codigo esta no arquivo style
e como esta marcado em vermelhoa no codigo abaixo nao estou conseguindo colocar o texto sobre a imagem principal.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="style.css"/>
<title>Untitled Document</title>
</head>

<body>
<div id="geral">

<div id="cabecalho">
<h1><img src="imagens/logo.png" alt="logo" /></h1>
<hr/>
<div id="links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">Portifolio</a></li>
<li><a href="#">Fale conosco</a></li>
</ul>
</div>

</div>
<h1><img src="imagens/img.jpg" title="Site Aprendendo Tableless" /></h1>
<hr/>
<div id="propaganda">

<h2>Aprenda tableless</h2>
<p>Curso completo de tablelesse<br />
Acesse nosso site e aproveite</p>
<a href="#">Clique aqui e veja nossas oferta</a>

</div>
<hr/>
<div id="designe">
<div class="primeira"></div><div class="segunda"></div>
</div>
<div id="conteudo">
<div id="Bloco1">
<h3>Curso On-line</h3>
<img src="imagens/bloco1.jpg" alt="bloco1"/>
<p>
Nam rhoncus libero vel risus posuere id malesuada velit posuere. Donec id urna velit. In at nunc id metus viverra tempor nec vel neque. Pellentesque accumsan nisl turpis. Donec erat odio, pretium at scelerisque ac, placerat vel augue. Vestibulum laoreet, velit vitae tristique ultrices, augue mauris.s VII-CSS
</p>
</div>
<hr/>
<div id="Bloco2">
<h3>Curso Presencial</h3>
<img src="imagens/bloco3.jpg" alt="bloco2" />
<p>
Nam rhoncus libero vel risus posuere id malesuada velit posuere. Donec id urna velit. In at nunc id metus viverra tempor nec vel neque. Pellentesque accumsan nisl turpis. Donec erat odio, pretium at scelerisque ac, placerat vel augue. Vestibulum laoreet, velit vitae tristique.
</p>
</div>
<hr/>
<div id="Bloco3">
<h3>Pacotes</h3>
<img src="imagens/bloco2.jpg" alt="bloco3"/>
<p>
Nam rhoncus libero vel risus posuere id malesuada velit posuere. Donec id urna velit. In at nunc id metus viverra tempor nec vel neque. Pellentesque accumsan nisl turpis. Donec erat odio, pretium at scelerisque ac, placerat vel augue. Vestibulum laoreet, velit vitae tristique.
</p>
</div>

</div>
<hr/>
<div id="Rodape">
<div class="Esquerda">
<h4>Freddie Obrian<br />Todos Direitos Reservado</h4>
</div>
<div class="Direita">
<h5>Contatos:t8web@gmail.com</h5>
</div>

</div>
</div>
</body>
</html>

Postado originalmente por Freddiedx

Boa tarde..

estou vendo umas video aulas no youtube. e no final do video ficou faltando alguma coisa que o autor nao colocou. gostaria de saber se alguem poderia esta mim ajudano. estarei colocando o codigo que eu fiz. e estarei anexando os arquivos que o altor postou.
Link dos arquivos do autor:http://hotfile.com/dl/85997561/4d4ba62/Tableless_-_Arquivos.rar.html
Link aula do youtube:http://www.youtube.com/watch?v=QSXd00BM1zc&feature=related

Arquivo feito por mim baseado na aula:http://www.4shared.com/document/fEQ6yBhO/tableless.html
meu arquivo style.css: http://www.4shared.com/document/sauRKLdl/style.html?
Nos arquivos postado pelo autor tem uma imagem de como deve ser fica

**Freddiedx** · 14 Nov 2011, 19:18

o que eu quero Fazer é como esta nessa imagem.... eu quero colocar o texto sobre o banner principal esse texto do lado esquerdo da imagem... a outra coisa é essa tarja vermelha... eu sei que ele criou dentro de uma div e depois como class direita e esquerda. só não conseguir fazer esse preenchimento. alguém poderia mim ajudar.

site.jpg

**mr_cage** · 16 Nov 2011, 08:12

Faz o Seguinte cria uma divPai que segura todo mundo e coloca como background a imagem,
depois cria 2 divs dentro dela uma como float left e outra com float right,
lembrando que as divs que estão dentro que a soma das divs de dentro não pode passar da largura da div pai
,ou seja, (div1 + div2) <= divPai

**rodrigodigao** · 17 Jan 2012, 07:27

Amigo,

Sobre as div's designe primeira e designe segunda, o style.css está errado, eu notei que na declaração da largura da div você colocou widht quando o correto é (width). Após fazer isso o problema referente as div's vermelhas, devem ser resolvidas.

Ficando algo assim:

Código:

#designe {
    height:40px;
    margin:20px 0 0;
}
#designe .primeira {
    float:left; 
    background:#F00; 
    width:600px; 
    height:20px;
}
#designe .segunda {
    float:left; 
    background:#F00;
    width:130px; 
    height:20px; 
    margin:0 0 0 20px;
}

Qualquer dúvida post novamente.

**Gu4xinim** · 17 Jan 2012, 09:15

Postado originalmente por rodrigodigao

Amigo,

Sobre as div's designe primeira e designe segunda, o style.css está errado, eu notei que na declaração da largura da div você colocou widht quando o correto é (width). Após fazer isso o problema referente as div's vermelhas, devem ser resolvidas.

Ficando algo assim:

Código:

#designe {
    height:40px;
    margin:20px 0 0;
}
#designe .primeira {
    float:left; 
    background:#F00; 
    width:600px; 
    height:20px;
}
#designe .segunda {
    float:left; 
    background:#F00;
    width:130px; 
    height:20px; 
    margin:0 0 0 20px;
}

Qualquer dúvida post novamente.

nao sei se tu viu, mas o último post foi em novembro de 2011. 2 meses atras, ou autor do topico ou ja resolveu o problema dele ou ja pegou outra coisa, 2 meses é muito tempo !

**eduardu0** · 17 Jan 2012, 09:38

Mas ainda assim vale a ajuda. Outros membros poderão consultar e ainda sanar a mesma dúvida, ou alguma parecida.

Obrigado por postar Rodrigo.

Como as soluções já foram postadas, irei fechar o tópico. Qualquer coisa MP-me

Tópico: Dificudade com css

Ferramentas de Tópicos

Pesquisar Tópico

Exibir

Dificudade com css

Tags para este Tópico

Permissões de Postagem