Adeus Dreamweaver!!!

[rbernard]

Mas se coloco (text-align: left) ou (margin-left: (x)px) ai fica assim:

Tente 'padding-left'.

Por que no internet explorer e no Opera a div principal fica menor que a div navegação?
E por que no internet explorer o fundo do logo e da pata fica em azul claro ao invés de branco?

Alguém sabe porque fica um espaço entre uma palavra com um estilo e uma palavra com outro estilo?
dá pra notar no site que tem um espaço enorme entre palavras em diferentes estilos.
Por que aquela imagem da pata está tão larga se é 33x34px e porque fica tão distante do Eventos?

será que é porque devo usar <p class="...."> ao invés de <span class="..">  ?

Aqui são muitas perguntas, mas que na verdade é necessário que você estude mais o CSS e suas aplicações nos diferentes navegadores. Alguns navegadores fazem leituras diferentes nas propriedades CSS, por isso você enxergou a diferença. Acompanhe, para aprender sobre isso e outras coisas, o sítio http://www.tableless.com.br/. Vale a pena.

Não dá para eu lhe explicar, infelizmente, sobre todas as suas perguntas porque ficaria muito extenso e o tempo está curtíssimo. Não deixe de acompanhar o o RSS do Tableless.

[solanoalves]

Cara.. é seu primeiro site com padrões de web, né?
Pq ele tá zuado demais! hehe
O código tá poluído, mas é normal isso no começo.

Não vamos debater as soluções de seu site aqui, por não ser o lugar correto, mas limpe mais seu código, simplifique mais as fontes que usa e putz: tira aquele monte de < BR > !!! hehehe

Abraços

Não entendi o código poluído.

Bom se eu usei um <br> é porque eu (por não saber outro comando) quis quebrar uma ou duas linhas.

Não acho que o site está poluído, muito pelo contrário está muito melhor do que o que estava no servidor e MUITO mais organizado.


Realmente não gostei do seu tópico está ofensivo e depreciativo e estou te vendo com bastante ódio confesso, mas explico que não sei e nem tenho tempo de aprender a fundo a linguagem web.


Bom é isso explique melhor a sua ofensa e não dê uma risadinha mostrando superioridade, pois na verdade só mostra ignorância e pobreza de espirito.

Tente ajudar com cuidado e respeito pelos que sabem pouco, se é esta sua intenção, ou então nos poupe de sua estupida mensagem.

abraços cara

[solanoalves]

descobri qual era o problema...

na definição do div principal tinha um

#principal * {
   padding: 0 20px;
   }

que fazia com que ficasse todo zuado e torto o site. mas agora está tudo beleza =D

[luishenrique]

Nao cheguei a ver o site antigo, mas ta indo bem para o seu primeiro em xHTML e CSS sem nada de editores visuais.

A respeito do logo com fundo azul claro no IE, isso é um assunto um tanto problematico. Trata-se da renderizacao do PNG com transparencia no navegador da M$.

Unica coisa que tenho a falar, é pra fazer esse menu horizontal do topo em lista ao inves da tag <img>. No momento esta assim:

Código Selecionar Expandir

<img src="imagens/menu/principal.png" alt="Principal" longdesc="index.html" border="0" height="29" width="70"></a>
<a href="sobre.html"><img src="imagens/menu/sobre.png" alt="Sobre" longdesc="sobre.html" border="0" height="29" width="70"></a>
<a href="adotar.html"><img src="imagens/menu/adotar.png" alt="Adotar" longdesc="adotar.html" border="0" height="29" width="70"></a>
<a href="ap.html"><img src="imagens/menu/achei.png" alt="Achei" longdesc="fap.html" border="0" height="29" width="70"></a>
<a href="ap.html"><img src="imagens/menu/perdi.png" alt="Perdi" longdesc="fap.html" border="0" height="29" width="70"></a>
<a href="/blog"><img src="imagens/menu/blog.png" alt="Blog" longdesc="blog.html" border="0" height="29" width="70"></a>
<a href="parceiros.html"><img src="imagens/menu/parceiros.png" alt="Parceiros" longdesc="parceiros.html" border="0" height="29" width="70"></a>
<a href="contato.html"><img src="imagens/menu/contato.png" alt="Contato" longdesc="contato.html" border="0" height="29" width="70"></a>
<a href="denuncia.html"><img src="imagens/menu/denuncia.png" alt="Denúncia" longdesc="denuncia.html" border="0" height="29" width="70"></a>
<a href="conta/conta.html"><img src="imagens/menu/despesas.png" alt="Despesas" longdesc="despesas.html" border="0" height="29" width="71"></a>
<img src="imagens/menu/pata.png" height="29" width="48">

Nada semantico ne?

Um menu em lista, basicamente:

Código Selecionar Expandir

<ul>
<li><a href="" title="">Principal</a></li>
<li><a href="" title="">Sobre</a></li>
<li><a href="" title="">Adotar</a></li>
<li><a href="" title="">Achei</a></li>
<li><a href="" title="">Perdi</a></li>
<li><a href="" title="">Blog</a></li>
<li><a href="" title="">Parceiros</a></li>
<li><a href="" title="">Contato</a></li>
</ul>

Pra deixar horizontal, por exemplo se ficou na div #botoes, basta declarar:

Código Selecionar Expandir

#botoes ul li { display:inline; }

Veja mais: http://maujor.com/tutorial/barNavCSS.php
E nesse topico do iDone Foruns, eu fiz um exemplo. Veja: http://forum.idone.com.br/index.php?showtopic=452

A respeito da tag <br>, no XHTML, o correto é <br />. Mas claro que usar 4, 5 <br />'s seguidos nao cai bem. Nesses casos, pode-se usar um margin, padding, no <p>,<div>,<strong> e diversas tags.

Abraço e qualquer coisa é so chamar.

[solanoalves]

luishenrique, nossa cara valeu mesmo!!!!

Só não arrumo como você me passou, que fica muito mais bonito, por motivos de trabalho hehehehe já que tem mais de 20 páginas agora e eu não tenho muito tempo pra fazer isso.


Abraços

[solanoalves]

XHTML ?? o que seria essa linguagem?? Achei que meu site estivesse em html 

[solanoalves]

Como é que não vou usar <br /> se não tem um comando que adivinhe quantas linhas eu quero pular de um texto para outro?

[luishenrique]

De nada cara.

Sobre o xHTML veja: http://maujor.com/w3ctuto/xhtmlfaq.html

Na verdade, xHTML nada mais eh do que o HTML mais "padronizado" e organizado. Sem as famosas tags do antigo HTML, tipo <center></center>, font size, font color e muitas outras hehe. Porque o HTML serve somente para marcacao, a estilizacao fica por conta dos estilos. Essa eh a ideia.

Um tutorial bom, que ja ensina o (x)HTML da maneira correta eh esse: http://pt-br.html.net/ . Traduzido pelo Maujor.

Abraço.

[luishenrique]

Ops, vi sua outra resposta agora.

Em textos, tipo paragrafos, pode-se usar o <br /> tranquilamente. Mas, o que acho melhor (e uso) eh por exemplo usar a tag <p> paragrafo, e no CSS padronizar a tag <p> com uma margem para todas.

Código Selecionar Expandir

p { margin-top:12px; }

Agora "descer" uma div, strong ou derivados (hehe) pode-se usar diretamente na classe ou ID referente. Por exemplo, no seu:

Código Selecionar Expandir

     <span class="Tmp">Não há eventos no momento.</span>
     <br>
     <br>
     <br>
     <br>

     <span class="Tmvd">Visite nosso fotolog de cães achados e perdidos<a href="/fotolog" class="Tmvm">Clique Aqui</a></span>
     <br>
     <br>
     <br>

A classe:

Código Selecionar Expandir

.Tmp  {
color: #000000;
font-size: 14px;
      }

Poderia simplesmente adicionar a dica que mencionei acima (estilizar a tag/classe com a margem).

Ate porque, os navegadores interpretam algumas tags diferentes. Ja aconteceu uma vez de dobrar o tamanho do <br> no IE. Imagina como ficou...

Abraço.

[solanoalves]

blz valeu cara.

[ozin]

olá pessoal.. aproveitando aqui os posts..rs.rs..
bom, eu estou querendo começar na criação de sites, eu num sei nada..  mas eu tenhu vontade de aprender e tals.. e como eu só tenho linux aqui em casa.. o q vcs me aconselham a aprender primeiro? html? css? xhtml?, algum site q me aconselham, além desses que vcs passaram?alguem poderia me da uma "luz" pra eu saber onde começar?
obrigado desde já pessoal!!!

[gaules]

olá pessoal.. aproveitando aqui os posts..rs.rs..
bom, eu estou querendo começar na criação de sites, eu num sei nada..  mas eu tenhu vontade de aprender e tals.. e como eu só tenho linux aqui em casa.. o q vcs me aconselham a aprender primeiro? html? css? xhtml?, algum site q me aconselham, além desses que vcs passaram?alguem poderia me da uma "luz" pra eu saber onde começar?
obrigado desde já pessoal!!!

eu aconselho aprender html primeiro, mas em uma apostila, pois é muito decoreba e é bom ter na mão para consultar as vezes, mas como vc terá q escrever tudo na mão no começo, então nem fica difícil de gravar tudo.

Eu comecei usando o bloco de notas, mas eu acho q no ubuntu dá para usar o gedit, não use programas visuais para tentar aprender, vc vai demorar bem mais tempo.

Depois disso, como HTML não é programação e sim modelagem, aconselho vc a aprender java script, pois é fácil e muita gente sabe, mas pra isso vc vai ter q dar uma olhada em algoritmo, q não é nem um pouco difícil.

Depois de tudo isso vc dá uma olhada em css é manda vê nas linguagem mais legais, como php, que é q eu estou usando no momento no meu blog.

Até mais,

Gaulês

[ozin]

eu aconselho aprender html primeiro, mas em uma apostila, pois é muito decoreba e é bom ter na mão para consultar as vezes, mas como vc terá q escrever tudo na mão no começo, então nem fica difícil de gravar tudo.

Eu comecei usando o bloco de notas, mas eu acho q no ubuntu dá para usar o gedit, não use programas visuais para tentar aprender, vc vai demorar bem mais tempo.

Depois disso, como HTML não é programação e sim modelagem, aconselho vc a aprender java script, pois é fácil e muita gente sabe, mas pra isso vc vai ter q dar uma olhada em algoritmo, q não é nem um pouco difícil.

Depois de tudo isso vc dá uma olhada em css é manda vê nas linguagem mais legais, como php, que é q eu estou usando no momento no meu blog.

Até mais,

Gaulês

opa,  brigadão cara.. vo atras de html então.., é q assim, uma época.. beeem antigamente já andei dando uma estudada em html e tals.. e sobre algoritmo, fiz 2 anos de facul de sistemas, então achu q já vai ser uma coisa a menos pra estudar.. (claro q vou dar uma relembrada..rs.rs..) mas então.. brigadao mesmo cara..
vlw ae... se alguem tiver mais algo a adicionar.. algum link, tutorial q usou pra aprender.. agradeceria.. 
Gaulês..Brigadão ae cara...
[]'s