Ir para conteúdo

POWERED BY:

Arquivado

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

Jack IN The B0x

[PROBLEMA] css nao funciona !

Por , em Desenvolvimento frontend

Recommended Posts

Jack IN The B0x    0

Jack IN The B0x
Postado

Olá galera, bem estou iniciando com CSS, e logo de cara ja me deparo com um problema desagradavel.

 

Criei uma pagina só de teste, ai defini as propriedades do CSS, só que nao aparece nos browsers, só aparece no dreamweaver , mas quando coloco para previsualisar, o css some e pega so o da div que engloba todo conteudo.

 

Qdo coloco para previsualizar em qualquer navegador, veja a imagem.

css1sr.jpg

 

Como eu vejo ela no dreamweaver, veja a imagem.

css2f.jpg

 

A estrutura ta bem simples, assim:

 

- Dentro do <body>, tenho uma div que é a ct que engloba todas as outras 4 divs.

 

sendo as divs 1 2 3 e 4

 

_____

 

 

Versao do firefox 4.0.1

Versao do IE 6.0 *(é eu sei ta antiga, rsrs)*

Dreamweaver cs5

 

Veja o codigo.

 

 

 

<!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" />
<title>porracaraleodecssnaofunciona</title>

<style type="text/css">
body, h6 {
padding:0px;
margin:0px;
}

#ct{
background:#06C;
width:300px;
height:450px;
margin: 0 auto;
border:3px solid #333;
}
#1 {
background:#090;
width:150px;
float:left;
}
#2 {
background:#069;
width:150px;
float:left;
}
#3 {
background:#C00;
float:left;
width:150px;
}
#4 {
background:#CF0;
width:150px;
float:left;
}


</style>
</head>

<body>
<div id="ct">

<div id="1">OLAAA</div><div id="2">OLAAAAA</div>
<div id="3">OLAAAA</div><div id="4">OLAAAA</div>

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

 

Aos que puderem ajudar, muito obrigado, e aos que tentam muito obrigado tbm.

 

Aguardo uma luz.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kaue Machado    0

Kaue Machado
Postado

Olá galera, bem estou iniciando com CSS, e logo de cara ja me deparo com um problema desagradavel.

 

Criei uma pagina só de teste, ai defini as propriedades do CSS, só que nao aparece nos browsers, só aparece no dreamweaver , mas quando coloco para previsualisar, o css some e pega so o da div que engloba todo conteudo.

 

Qdo coloco para previsualizar em qualquer navegador, veja a imagem.

css1sr.jpg

 

Como eu vejo ela no dreamweaver, veja a imagem.

css2f.jpg

 

A estrutura ta bem simples, assim:

 

- Dentro do <body>, tenho uma div que é a ct que engloba todas as outras 4 divs.

 

sendo as divs 1 2 3 e 4

 

_____

 

 

Versao do firefox 4.0.1

Versao do IE 6.0 *(é eu sei ta antiga, rsrs)*

Dreamweaver cs5

 

Veja o codigo.

 

 

 

<!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" />
<title>porracaraleodecssnaofunciona</title>

<style type="text/css">
body, h6 {
padding:0px;
margin:0px;
}

#ct{
background:#06C;
width:300px;
height:450px;
margin: 0 auto;
border:3px solid #333;
}
#1 {
background:#090;
width:150px;
float:left;
}
#2 {
background:#069;
width:150px;
float:left;
}
#3 {
background:#C00;
float:left;
width:150px;
}
#4 {
background:#CF0;
width:150px;
float:left;
}


</style>
</head>

<body>
<div id="ct">

<div id="1">OLAAA</div><div id="2">OLAAAAA</div>
<div id="3">OLAAAA</div><div id="4">OLAAAA</div>

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

 

Aos que puderem ajudar, muito obrigado, e aos que tentam muito obrigado tbm.

 

Aguardo uma luz.

 

Não sei se é essa a causa, mas antes de tudo tenta passar esse seu css pra um arquivo externo, e chama ele no html. Como fazer:

1) Você vai criar um arquivo chamado estilo.css (poder ser qualquercoisa.css, ou o que você quiser, apenas lembre do nome e o lugar onde está o arquivo).

2) Abra esse arquivo e dentro dele você vai definir as propriedade igual você fez direto no html dentro da tag <style>.

3) Chame o arquivo de estilos no arquivo html: basta colocar a seguinte tag dentro da sua tag <head>: <link type="text/css" rel="stylesheet" href="estilo.css" />

 

Agora todas as propriedades de estilo estão em um arquivo separado, o que ajuda na organização. E se eu fosse você eu tiraria as propriedades body, h6, que parecem não estar fazendo nada nesse caso e definiria "float: right;" para as IDs 2 e 4 (nenhuma dessas são obrigatórias). E defina para todas as IDs "position: relative" também.

 

E não se esqueça de colocar os textos das divs dentro de tags <p>.

 

Tente fazer essas alterações, se não funcionar, é só postar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jack IN The B0x    0

Jack IN The B0x
Postado

Opa, kauã, fiz as para q você falo, e continuou o problema .

 

o body e h6 , uahuahaush eu tava fazendo um teste de reset, ate esqueci.

 

 

Mas ai, achei uma solução, eu mudei todas as ID ao inves de 1 2 3 e 4 , coloquei tp1 tp2 tp3 e tp4 e funcionou ! Será q as classes nao podem receber só um caractere ?

 

 

Edit:

realmente é isso, as IDs e classes , tem que começar obrigatoriamente com um caractere alfabetico, nao podendo usar numeros ou simbolos.

 

 

Valeu ae todos, agora sabemos que nao pode criar classes nem ids só com um numero. ehehehehehe vlwwwwzao ae

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nandel    1

Nandel
Postado

Básico do básico...

 

Não pode dar nomes dos elementos com inicio numérico.

#1, #2....

 

mude pra #a, #b, #c que vai funcionar....

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kaue Machado    0

Kaue Machado
Postado

Opa, kauã, fiz as para q você falo, e continuou o problema .

 

o body e h6 , uahuahaush eu tava fazendo um teste de reset, ate esqueci.

 

 

Mas ai, achei uma solução, eu mudei todas as ID ao inves de 1 2 3 e 4 , coloquei tp1 tp2 tp3 e tp4 e funcionou ! Será q as classes nao podem receber só um caractere ?

 

 

Edit:

realmente é isso, as IDs e classes , tem que começar obrigatoriamente com um caractere alfabetico, nao podendo usar numeros ou simbolos.

 

 

Valeu ae todos, agora sabemos que nao pode criar classes nem ids só com um numero. ehehehehehe vlwwwwzao ae

Nem sabia que as IDs não podiam começar com números, na verdade nunca comecei o nome de uma ID com número rsrsrs. Mas que bom que deu certo! =]

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