Jump to content

  2. →
  3. →

Photo

Css E Firefox

Started By peterpan, 12/12/2008, 08:20

  • Faça o login para participar
29 replies to this topic

#16 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 16/12/2008, 08:47

o site dele carregado o css, o problema é o html.

#17 peterpan

peterpan

    Novato no fórum

  • Usuários
  • 15 posts
  • Sexo:Não informado

Posted 16/12/2008, 09:43

coloco o doctype e não funciona, podem conferir

sem doctype
http://pedroperuch.v...m.br/index.html

com doctype
http://pedroperuch.v....br/index2.html

o html é o mais simples:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html>
<head>
<title>Página Pessoal</title>
<link rel="stylesheet" href="css/2colleftNav.css" type="text/css">
</head>
<body>
<div id="content">
<h2 id="pageName">Home</h2>
<div class="feature">
<h3>Testesssssss</h3>
Teste, apenas testes..............</p>
</div>
</div>
</body>
</html>



o css tá normal, outros browsers carrega certo, o problema é no firefox

Edição feita por: peterpan, 16/12/2008, 10:40.

#18 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 16/12/2008, 10:10

aqui o firefox esta carregando com doctype, sem doctype é errado, ele não tem nenhuma obrigação de ler certo mesmo... na verdade até sem o doctype ele carrega, masd ele naum sabe como jogar no cumento as formatações sem o doctype, pois ele naum sabe quer tipo de documento é....

Edição feita por: Édipo Costa Rebouças, 16/12/2008, 10:40.

#19 peterpan

peterpan

    Novato no fórum

  • Usuários
  • 15 posts
  • Sexo:Não informado

Posted 16/12/2008, 10:41

desculpe, eu troquei ali, index é sem doctype e index2 é com doctype, pode ver no código fonte

#20 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 16/12/2008, 10:44

esse doctype é de xhtml, então feche a tag link ... <link ... href="..." /> e tem um </p> que não esta sendo aberto.

#21 peterpan

peterpan

    Novato no fórum

  • Usuários
  • 15 posts
  • Sexo:Não informado

Posted 16/12/2008, 10:56

fiz isso mais continua nao lendo css, verifica no index2

#22 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 16/12/2008, 11:13 

<!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" xml:lang="pt-br" lang="pt-br">

tente usar este doctype, ele usa a tag html também, então fica

<!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" xml:lang="pt-br" lang="pt-br">
<head>
....
</head>
<body>
....
</body>
</html>

#23 peterpan

peterpan

    Novato no fórum

  • Usuários
  • 15 posts
  • Sexo:Não informado

Posted 16/12/2008, 12:47

coloquei exatamente isso e não foi, local ele até carrega, mais qd publico não carrega o estilo, pode conferir no index2.html

#24 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 16/12/2008, 13:59

tenta colocar o chartset do documento:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

charset=(coloque aqui o que vc esta usando), e veja se o da folha de estilo esta igual.

e também tenta importar css desse jeito caso não funcione
<style type="text/css" media="screen">
	@import url(pasta/suacss.css); 
  </style>

Edição feita por: Édipo Costa Rebouças, 16/12/2008, 14:42.

#25 peterpan

peterpan

    Novato no fórum

  • Usuários
  • 15 posts
  • Sexo:Não informado

Posted 16/12/2008, 14:53

olha nao deu kra, poderia verificar pra mim oque tah errado?

o html é esse:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR.../frameset.dtd">
<html>
<head>
<title>Página Pessoal</title>
<link rel="stylesheet" href="css/2colleftNav.css" type="text/css">
</head>
<body>
<div id="content">
<h2 id="pageName">Home</h2>
<div class="feature">
<h3>Testesssssss</h3>
Teste, apenas testes..............
</div>
</div>

</body>
</html>



e o CSS é esse:



body{
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166;
margin: 0px;
padding: 0px;
}

a:link, a:visited, a:hover {
color: #006699;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
font-family: Arial,sans-serif;
margin: 0px;
padding: 0px;
}

h1{
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
}

h2{
font-size: 114%;
color: #006699;
}

h3{
font-size: 100%;
color: #334d55;
}

h4{
font-size: 100%;
font-weight: normal;
color: #333333;
}

h5{
font-size: 100%;
color: #334d55;
}

ul{
list-style-type: square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}

label{
font: bold 100% Arial,sans-serif;
color: #334d55;
}


/***********************************************/
/* Layout Divs */
/***********************************************/

#masthead{
margin: 0;
padding: 10px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
}

#navBar{
margin: 0 79% 0 0;
padding: 0px;
background-color: #eeeeee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#content{
float:right;
width: 75%;
margin: 0;
padding: 0 3% 0 0;
}


/***********************************************/
/*Component Divs */
/***********************************************/

#siteName{
margin: 0px;
padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
this will force a horizontal scrollbar if there isn't enough room for all links
remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
display: block;
}

#globalNav a {
font-size: 90%;
padding: 0px 4px 0px 0px;
}


/************* #breadCrumb styles *************/

#breadCrumb{
font-size: 80%;
padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
padding: 0px 0px 10px 10px;
font-size: 80%;
}

.feature h3{
padding: 30px 0px 5px 0px;
text-align: center;
}

.feature img{
float: left;
padding: 0px 10px 0px 0px;
margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
clear: both;
padding: 10px 0px 0px 10px;
font-size: 80%;
}

.story p{
padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
clear: both;
border: 1px solid #cccccc;
font-size: 75%;
color: #cccccc;
padding: 10px 10px 10px 10px;
margin-top: -1px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}


/************* #search styles ***************/

#search{
padding: 5px 0px 5px 10px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
}

#search form{
margin: 0px;
padding: 0px;
}

#search label{
display: block;
margin: 0px;
padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
margin: 0px;
padding: 0px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
}

#sectionLinks h3{
padding: 10px 0px 2px 10px;
}

#sectionLinks a:link{
padding: 2px 0px 2px 10px;
border-top: 1px solid #cccccc;
width: 100%;
voice-family: "\"}\"";
voice-family:inherit;
width: auto;
}

#sectionLinks a:visited{
border-top: 1px solid #cccccc;
padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
border-top: 1px solid #cccccc;
background-color: #dddddd;
padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
margin: 0px;
padding: 0px 0px 10px 10px;
font-size: 90%;
}

.relatedLinks h3{
padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
padding: 10px 0px 0px 10px;
font-size: 80%;
border-top: 1px solid #cccccc;
}

#advert img{
display: block;
}


/************** #headlines styles **************/

#headlines{
margin: 0px;
padding: 10px 0px 20px 10px;
font-size: 80%;
}

#headlines p{
padding: 5px 0px 5px 0px;
}




não sei se esse doctype tah certo, ja tentei outros e o fx nao valida certo

#26 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 16/12/2008, 14:59

eu acho ainda que o charset que deve estar diferente do documento, mas to meio sem tempo, depois das 18:00 eu respondo

#27 peterpan

peterpan

    Novato no fórum

  • Usuários
  • 15 posts
  • Sexo:Não informado

Posted 17/12/2008, 08:32

não sei mais oq fazer, vo la na W3C e valido o HTML e o CSS sem nenhum erro! porém o firefox não carrega o css quando está publicado no site

#28 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 17/12/2008, 09:03

peter eu não estou conseguindo upar arquivos pro vila bol, então vou te explicar o que vc vai tentar fazer....

vc vai baixar um editor de texto que te permita selecionar o charset dos caracteres, recomendo o pspad.
http://www.softpedia...ors/PSPad.shtml

ai vc vai abrir os seus arquivos e em format, vc escolhe utf-8 e salva, tanto o do html quanto o do css.
coloque esta meta tag no html antes da tag <title>.
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

e tente, pois nas ferramentas que tenho de desenvolvimento me informão que o css pe carregado, mas por algum motivo não é aplicado, já tive um problema parecido com esse mas só que com javascript no ie6.

Edição feita por: Édipo Costa Rebouças, 17/12/2008, 09:04.

#29 peterpan

peterpan

    Novato no fórum

  • Usuários
  • 15 posts
  • Sexo:Não informado

Posted 17/12/2008, 09:22

eu jah tinha esse PSPad =)
fiz isso, local vai blz, na web nao. meu charset tava iso-8859-1, troquei pra utf8 e nao pega os acentos na web

#30 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 17/12/2008, 21:30

o charset do index dois esta errado, embora vc tenha escrito no html uft-8, vc não selecionou esta mesma opção no menu fomartar do pspad.
Por isso não aparece acento, vc naum faz certo....

Editado....

Consegui testar no vila.bol

deu um erro que ele não esta conseguindo achar o arquivo css...

Por fim, tente trocar de servidor, esse vila bol é um problema.

Edição feita por: Édipo Costa Rebouças, 18/12/2008, 12:12.

Voltar para HTML, CSS e Metodologias


0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq