Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

brcontainer

Site fica incorreto no modo XHTML

Por , em Desenvolvimento frontend

Recommended Posts

brcontainer    16

brcontainer
Postado

Eu crie um site em HTML então utilizei o

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
mas queria fazer em XHTML

então fiz pequenas alterações e fiz assim no doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
e na tag html:

<html xmlns="http://www.w3.org/1999/xhtml">
muito bem validei perfeito :P

mas vem meu problema a página não trabalha o CSS

 

ja digo logo de cara entendo de HTML, CSS, JAVASCRIPT e consigo validar

 

mas não entendo muito bem de XHTML tipo fiz igual a muitos que vi porem não entendo por que

ocorre da página parecer que não interpreta o CSS se não entenderam o que eu disse

 

sigam o exemplo eu fiz em HTML:

http://www.easyraidersmotors.com/w3c%20HTML.html

 

sigam o exemplo eu fiz em XHTML:

http://www.easyraidersmotors.com/w3c%20XHTML.html

 

se alguem puder me ajudar a entender XHTML melhor agradeço http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

Cara simples.

 

O xhtml deve ser um código bem escrito.

 

Ele ta vindo para substituir o html comum pois ele não é tão tolerante a erros.

 

A pessoa precisa montar o site corretamente deve fechar corretamente as tags.

 

Preferencia adicionar alt as imagens e title aos links entre outras coisas pra melhorar a acessibilidade.

 

No caso do seu é problema é com o CSS.

 

Como cada brownser interpreta de uma forma o código a w3c ta procurando padronizar isso.

 

No seu site o problema foi que você não definiu o tipo de medida. (%, px e etc)

 

*{margin:0;padding:0;}.corpo{margin:auto;width:800; // NÃO TEM PXheight:500; // NÃO TEM PX}.cabecario{width:800; // NÃO TEM PXheight:120; // NÃO TEM PXbackground:#f0c;}.esquerdo{float:left;width:120; // NÃO TEM PXheight:500; // NÃO TEM PXbackground:#fc0;}.esquerdo ul, .direita ul{list-style: none;margin:5; // NÃO TEM PX}.esquerdo li, .direita li{margin:2; // NÃO TEM PXbackground:#dcf;}.centro{height:500; // NÃO TEM PXbackground:#f0f0f0;margin: 0 120; // NÃO TEM PX}.direita{float:right;width:120; // NÃO TEM PXheight:500; // NÃO TEM PXbackground:#fc0;}.rodape{width:800; // NÃO TEM PXheight:100; // NÃO TEM PXbackground:#f0c;}
Só incluir o px em cada uma das medidas http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Foi como eu falei, isso é para padronizar, pra você fazer o layout em um site e ele sair parecido em praticamente todos os brownser (essa é a meta).

 

Vai que o brownser que vocÊ estava usando abrisse a pagina normalmente (lesse os tamanhos como px), e os outros não....

 

Sacou o porque ta sendo importante usar xhtml.

 

E tem o Transitional e o Strict

 

<!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">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

O Strict é o mais rigoroso, e põem rigoroso nisso, ehhehe

 

Mas é isso cara.

 

Boa sorte aee com seu xhtml =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

valeu era isso mesmo mas tambem tinha faltado isso:

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
consegui validar e tudo mais você me ajudou a entender muita coisa

 

 

veja como ficou o exemplo que fiz:

http://www.easyraidersmotors.com/w3c%20XHTML,XML.html

 

e ele na validação ^^:

validação

 

valeu mesmo usarei sua dica tbm quanto ao DOCTYPE

 

 

[atualizado]

se caso alguem mais responda aqui eu ja logo avisando não tenho tanto interesse em validar meus sites assim

o que tenho é interesse em aprender varias coisas(apesar de ter um certo interesse)

faço o maximo se num validar mesmo assim não importa tanto importara se estiver visivel correto

mas não deixarei de tentar a validação apesar de ter consiencia que a validação é estavel

daqui uns anos podem mudar as coisas

 

meus sites eu faço no maximo do padrão que posso(os que estou fazendo agora não os antigos)

 

obrigado equipe e colaboradores da IMASTERS com a ajuda de vocês eu tentarei ser um a menos

que piora a WEB hehe

 

abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

valeu era isso mesmo mas tambem tinha faltado isso:

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
consegui validar e tudo mais você me ajudou a entender muita coisa

 

 

veja como ficou o exemplo que fiz:

http://www.easyraidersmotors.com/w3c%20XHTML,XML.html

 

e ele na validação ^^:

validação

 

valeu mesmo usarei sua dica tbm quanto ao DOCTYPE

hehehe disponha, fórum é pra isso cara ^_^

 

 

 

valeu era isso mesmo mas tambem tinha faltado isso:

<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
consegui validar e tudo mais você me ajudou a entender muita coisa

 

 

veja como ficou o exemplo que fiz:

http://www.easyraidersmotors.com/w3c%20XHTML,XML.html

 

e ele na validação ^^:

validação

 

valeu mesmo usarei sua dica tbm quanto ao DOCTYPE

 

 

[atualizado]

se caso alguem mais responda aqui eu ja logo avisando não tenho tanto interesse em validar meus sites assim

o que tenho é interesse em aprender varias coisas(apesar de ter um certo interesse)

faço o maximo se num validar mesmo assim não importa tanto importara se estiver visivel correto

mas não deixarei de tentar a validação apesar de ter consiencia que a validação é estavel

daqui uns anos podem mudar as coisas

 

meus sites eu faço no maximo do padrão que posso(os que estou fazendo agora não os antigos)

 

obrigado equipe e colaboradores da IMASTERS com a ajuda de vocês eu tentarei ser um a menos

que piora a WEB hehe

 

abraços

Se ta mais que certo.

 

Tem cara que se mata pra fazer uma validação e deixa de botar varios recursos que seriam interessantes só porque o site não fica valido.

 

Tem cara que arrisca a acessibilidade do site por uma validação.

 

Nada haver isso... a idéia dos padrões além de organizar essa zona que se formou na internet e deixar o site parecido em todo o navegador que você entra seja ele num Mac, Pc ou Mobile.

 

É deixar o site acessivel a todos.

 

Coisa que muita gente esquece ;)

 

flw

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Mais importante do que validar é ter semântica...

 

Agora, silverfox, por que xHTML??

Eu parei de usar, tô usando HTML "comum", já que não tem diferença alguma se você não mandar o site com mime-type xml pro navegador

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Mais importante do que validar é ter semântica...

é foi por isso q eu falei se não validar por mais que eu tente é melhor deixar assim mesmo

 

Agora, silverfox, por que xHTML??

se você ver em um eu usei HTML no 2º tambem e só no terceiro fui usar XHTML

por causa do <DOCTYPE>:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
mas como eu disse essa parte de DOCTYPE eu estou meio desatualizado e por isso preferi por XHTML

com medo de algum conflito :P

 

mas beleza

 

se você tiver alguma sugestão de como deve efetuar a edição quero usar esse:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
por causa da parte "rigorosa" hehe ^^

e como falei me importo sim com validação mas não tanto assim se não conseguir validar porem o site estiver

corretamente visivel para os NAVEGADORES será preferivel continuar sem validar ao perder alguma função =/

 

e sei bem o que você quer dizer por que li bastante suas respostas a varios tópicos

 

falow

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Eu tô usando o seguinte doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http-~~-//www.w3.org/TR/html4/strict.dtd">

 

De cara já tem a vantagem de não precisar por a barrinha pra fechar todas as tags, mas nem por isso o código fica menos organizado, ou errado xD

 

Pra usar um xHTML de modo correto, você deve fazer mais ou menos como abaixo:

 

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http-~~-//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

[url="http-~~-//december.com/html/4/element/html.html"]<html[/url] xmlns="http-~~-//www.w3.org/1999/xhtml">
[url="http-~~-//december.com/html/4/element/head.html"]<head>[/url]
        [url="http-~~-//december.com/html/4/element/meta.html"]<meta[/url] http-equiv="Content-type" content="application/xhtml+xml; charset=utf-8" />
        [url="http-~~-//december.com/html/4/element/title.html"]<title>[/url]xHTML</title>
        [url="http-~~-//december.com/html/4/element/meta.html"]<meta[/url] name="Author" content="Guilherme" />
</head>
[url="http-~~-//december.com/html/4/element/body.html"]<body[/url] id="pagina">
        [url="http-~~-//december.com/html/4/element/h1.html"]<h1>[/url]Página xHTML</h1>
        [url="http-~~-//december.com/html/4/element/p.html"]<p>[/url]
                Esta página é um xhtml correto, com o prólogo do xml e enviada com mime-type xhtml.
        </p>
</body>
</html>

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

esse doctype eu tenho

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"	   "http://www.w3.org/TR/html4/strict.dtd">

mas valew assim mesmo

 

pra falar a verdade eu tenho o costume de por essas barrinhas por mim mesmo hehe =]

o que faltou mesmo no meu xHTML foi isso:

<?xml version="1.0" encoding="UTF-8"?>

valew :P

 

abraço

 

[atualizado] Valew INSIDE o <DOCTYPE> que você me passou está sendo muito eficiente

valew pela dica

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito