Solucionado
Posicionamento de nav e de #conteudo: O nav, mesmo aplicando o código abaixo no css não está indo para a esquerda. Ele permanece em cima de #conteudo.
Também só consegui aplicar o float especificando o browser como chrome.
O código está desse jeito:
nav{
width:200px;
-webkit-float:left;
}
#conteudo{
width:740px;
-webkit-float:right;
}
Boa tarde, Paulo! Tudo bem, cara? =)
Parece que seu código está todo correto, você poderia postar o restante dele aqui, por favor? (HTML)
É possível que seja algum errinho que você possa ter deixado passar... =|
Sobre o -webkit, a propriedade float não necessita dos vendor prefix... Você chegou a verificar se apareceu algum erro no navegador?
Fábio
Paulo, a propriedade float não precisa de prefixo, basta declara-la normal:
float: right ou left;Tenta trocar ae para ver se resolve seu problema.
Fábio, segue o html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="receita2.css"/>
</head>
<body>
<img id="banner" src="banner.png">
<h1 id="titulo">Receita - Mousse de Maracujá</h1>
<nav>
<ul>
<li><A href="www.alura.com.br">Mousse de Maracujá</a></li>
<li><A href="www.alura.com.br">Torta de Chocolate</a></li>
<li><A href="www.alura.com.br">Geléia de Morango</a></li>
<li><A href="www.alura.com.br">Pavê de Limão</a></li>
</ul>
</nav>
<section id="conteudo">
<section id="topo">
<figure>
<img src="foto.jpg"/>
<figcaption>Mousse de Maracujá</figcaption>
</figure>
</section>
<h2>Ingredientes</h2>
<ul>
<li>1 lata de leite condensado</li>
<li>1 lata de creme de leite</li>
<li>1 lata de suco de maracujá (aproximadamente 4 maracujás)</li>
<li>1 pacote de gelatina incolor</li>
<li>Sementes de maracujá(para decoração)</li>
</ul>
<h2>Modo de Preparo</h2>
<ol>
<li>Hidrate a gelatina na água, e depois dissolva em banho-maria</li>
<li>Misture todos os ingredientes em um liquidificador(exceto as sementes de maracujá) </li>
<li>Bata os ingredientes no liquidificador, em potencia máxima, por 2 minutos</li>
<li>Coloque o mousse em um recipiente e decore-o com as sementes de maracujá</li>
<li>Coloque o mousse na geladeira, deixando em refrigeração por aproximadamente 4 horas</li>
<li>Devore!</li>
</ol>
<h2>Informações Nutricionais</h2>
<table id="tb-nutrientes">
<tr>
<th>Nutrientes</th>
<th>Porção(60g)</th>
<th>%VD</th>
</tr>
<tfoot>
<tr>
<td>Oba, adoro domingo.</td>
</tr>
</tfoot>
<tr>
<td>Valor Calórico(Kcal)</td>
<td>225,37</td>
<td>9,01</td>
</tr>
<tr>
<td>Carboidratos(g)</td>
<td>40,56</td>
<td>10,82</td>
</tr>
<tr>
<td>Proteínas(g)</td>
<td>5,97</td>
<td>8,53</td>
</tr>
<tr>
<td>Gorduras Totais(g)</td>
<td>4,36</td>
<td>5,45</td>
</tr>
<tr>
<td>Gorduras Saturadas(g)</td>
<td>2,71</td>
<td>10,83</td>
</tr>
<tr>
<td>Colesterol(mg)</td>
<td>16,68</td>
<td>5,56</td>
</tr>
<tr>
<td>Fibras Alimentares(g)</td>
<td>0,30</td>
<td>0,99</td>
</tr>
<tr>
<td>Cálcio(mg)</td>
<td>142,21</td>
<td>17,78</td>
</tr>
<tr>
<td>Ferro(mg)</td>
<td>0,26</td>
<td>1,89</td>
</tr>
<tr>
<td>Sódio(mg)</td>
<td>91,69</td>
<td>3,82</td>
</tr>
</table>
</section>
</body>
</html>Matheus,
resolveu sim!
Da primeira vez não tinha funcionado.... não sei porque. Devo ter deixado passar algum erro...
Mas agora tá ok!
Obrigado Fábio e Matheus!!!!
Paulo,
Me parece que seu código está correto...
Só duas dicas:
Escreva todas as tags com letras minúsculas. Maiúsculas funcionam, mas a convenção é usar tudo minúsculo. =)
Toma cuidado com a indentação. No seu caso, está quase tudo correto, mas uma indentação 100% certa ajuda bastante na hora de entender o código. =)
Fábio
Paulo,
Se está funcionando, perfeito! Rs.
Abraço e bons estudos,
Fábio
Fábio,
obrigado pelas dicas! Nesse início é muito importante ter um feedback.
Paulo
Qualquer problema sempre estaremos aqui para lhe ajudar Paulo.