Ir para conteúdo
Fórum Script Brasil
  • 0

Problemas Com Div ! Estao Todos Na Esquerda !

Guest - Diego -

Perguntado por Guest - Diego -,

 Share

Pergunta

Guest - Diego -

Guest - Diego -

Postado
Postado

Olá amigos, gostaria de saber se tem algo errado e se tiver, aonde esta o erro. Desde já obrigado pela atenção,

Diego1986

Este é o CSS

body {
	background-image: url('imgs/fundo.gif')
}
.titulo {
	font-family: "arial";
	font-size: 30pt;
	font-weight: bold;
	color: #FFFFFF;
}
.subtitulo {
	font-family: "arial";
	font-size: 10 pt;
	color: rgb(115,186,37);
}
.texto {
	font-family: "arial";
	font-size: 8pt;
	color: #000000;
}
.menu {
	font-family: "arial";
	font-size: 8pt;
	font-weight: bold;
	color: rgb (255,255,255);
	text-decoration: none;
	margin-left: 10px;
	a:link     {color: #FFFFFF}
	a:visited  {color: #FFFFFF}
	a:hover    {color: #000000}
	a:active   {color: #FFFFFF}
}
.link {
	font-family: "arial";
	font-size: 8pt;
	font-weight: bold;
	color: rgb (0,0,0);
	text-decoration: unferline;
	a:link     {color: #000000}
	a:visited  {color: #000000}
	a:hover    {color: #FF6600}
	a:active   {color: #000000}
}
img {
	border: 0px;
}
/** DIV INDEX - INICIO **/
	#index {
  width:780px;
  margin-left:0px auto;
  text-align:left;
  position:relative;
	}
	html>body #index {
  background:#F1F1F1;
	}
/** DIV INDEX - FIM **/
/** DIV TOPO - INICIO **/
	#topo {
  width:780px;
  height:150px;
  text-align:center
  position:relative;
	}
	html>body #topo {
  background:#A3D26F;
	}
/** DIV TOPO - FIM **/
/** DIV MENU - INICIO **/
	#menu {
  width:280px;
  margin-left:5px auto;
  text-alig:left;
  position:relative;
	}
	html>body #index {
  background:#F1F1F1;
	}
/** DIV MENU - FIM **/
/** DIV BLOG - INICIO **/
	#blog {
  width:500px;
  margin-left:5px auto;
  text-align:left;
  position:relative;
	}
	html>body #index {
  background:#F1F1F1;
	}
/** DIV BLOG - FIM **/
E este é o HTML 
<html>
<head>
<meta http-equiv="refresh" content="180; url=index.php">
<meta http-equiv="keywords" content="palavras chaves">
<title>diego1986</title>
</head>
<link rel="stylesheet" type="text/css" href="blog.css"/>
<div id="index">
	<div id="topo">
	</div>
	<div id="menu">
	</div>
	<div id="blog">
  <p class="texto">DATA<br>
  <p class="titulo">TITULO</p><br>
  <p class="subtitulo">SUBTITULO</p><br>
  <span class="texto" style="width:600px;word-wrap:break-word;">NOTICIAS</span><br>
  <img src="img.jpg" width="300" height="200"><br>
  <hr>
  <br>
	</div>
</div>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
OSJunior

OSJunior

Postado
Postado

Olá...

na verdade, não sei muito bem onde você pretendo colocá-los, mas fiz algumas alterações no seu CSS, veja abaixo:

body {
background-image: url('imgs/fundo.gif');
background:#A3D26F;
}
.titulo {
font-family: "arial";
font-size: 30pt;
font-weight: bold;
color: #FFFFFF;
}
.subtitulo {
font-family: "arial";
font-size: 10 pt;
color: rgb(115,186,37);
}
.texto {
font-family: "arial";
font-size: 8pt;
color: #000000;
}
.menu {
font-family: "arial";
font-size: 8pt;
font-weight: bold;
color: rgb (255,255,255);
text-decoration: none;
margin-left: 10px;
a:link     {color: #FFFFFF}
a:visited  {color: #FFFFFF}
a:hover    {color: #000000}
a:active   {color: #FFFFFF}
}
.link {
font-family: "arial";
font-size: 8pt;
font-weight: bold;
color: rgb (0,0,0);
text-decoration: underline;
a:link     {color: #000000}
a:visited  {color: #000000}
a:hover    {color: #FF6600}
a:active   {color: #000000}
}
img {
border: 0px;
}
/** DIV INDEX - INICIO **/
.index {
 width:780px;
 margin-left:0px auto;
 text-align:left;
 position:auto;
}
html>body .index {
 background:#F1F1F1;
}
/** DIV INDEX - FIM **/
/** DIV TOPO - INICIO **/
.topo {
 width:780px;
 height:150px;
 text-align:center;
 position:auto;
}
html>body .topo {
 background:#A3D26F;
}
/** DIV TOPO - FIM **/
/** DIV MENU - INICIO **/
.menu {
 width:280px;
 margin-left:5px auto;
 text-alig:left;
 position:auto;
}
html>body .index {
 background:#F1F1F1;
}
/** DIV MENU - FIM **/
/** DIV BLOG - INICIO **/
.blog {
 width:500px;
 margin-left:5px auto;
 text-align:left;
 position:relative;
}
html>body #index {
 background:#F1F1F1;
}
/** DIV BLOG - FIM **/

wink.gif Flws.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...