Ir para conteúdo

POWERED BY:

Arquivado

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

Gustavo Pereira SMLB

Alinhar a DIV e a imagem de fundo.

Por , em Desenvolvimento frontend

Recommended Posts

Gustavo Pereira SMLB    0

Gustavo Pereira SMLB
Postado

HTML:

<!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"><head>
<style type="text/css">

body {

margin:0 auto;
background: url(lunafundo.jpg);
background-color: #000000; 

}


#pai{
margin:0 auto;
text-align:center;
background: url(lunafundo.jpg);
width:100%;
height:100%;

}



</style>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Luna - Produções e Eventos</title>
<link href="luna.css" rel="stylesheet" type="text/css" />
</head>





<style type="text/css">
                            /*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:black;text-decoration:none;}
#menu1 a:hover {color:black;background-color:#FFFF99}
#menu1 a:visited {color:black;text-decoration:none;}

#menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;}
#menu2 a:active	{color:blue;text-decoration:none;}
#menu2 a:visited {color:blue;text-decoration:none;}
#menu2 a:hover {color:navy;background-color:#f0fea8}

#menu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#menu3 a:hover {
color:black;background-color:#FFFF99;
}
#menu3 a:active	{color:black;text-decoration:none;}
#menu3 a:visited	{color:black;text-decoration:none;}


                           /*End Menu Links*/
</style>
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">

/***********************************************
* Omni Slide Menu script - © John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/

</script>



<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<div style="position:absolute;color:white" id="test"></div>

<body>
<div id="pai"></div>

</body>

</body>

</html>

CSS:

 

* {
 
 padding: 0;
 margin: 0;
 
}

#topo {
   
	height:30px;
	background-image: url(topo.jpg);
	background-repeat: repeat-x;
    border-top:2px  #4A4A4A;
	border-bottom:2px dotted #4A4A4A;
	color:#fff;
	font-weight:bold;
	
	
}

 

Mas, eu estou estudando CSS, inclusive estou fazendo um curso de CSS Online, mas eu preciso muito colocar esse site no ar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Cara,

 

um conselho: estude um pouco mais primeiro. Depois tu aplica o que aprendeu em um projeto pessoal.

 

Você colocou o margin:0 auto no body, e isso não pode.

 

Outra coisa, utilize o CSS Reset para diminuir as diferenças entre os browsers.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

seguinte

 

primeiro tira esse codigo:

body {

margin:0 auto;
background: url(lunafundo.jpg);
background-color: #000000; 

}

segundo, você colocou um <body></body> dentro de outro, isso nao existe

 

terceiro, a div pai tem que ser assim:

<div id="pai">

Aqui dentro vai todos os seus códigos HTML. vai ficar tudo dentro desta div

</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

cara você esta com duvidas muito iniciantes

 

siga o conselho do Thiago

 

estude mais que você vai encontrar solução para seu problema ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Novamente, assista as 7 video aulas... não vai demorar mais que 2h assistindo:

 

http://forum.imasters.com.br/index.php?/topic/341755-serie-de-video-tutoriais-sobre-webstandards/

 

Depois disso, talvez suas idéias clareem um pouco...

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

com certeza

 

o que aprendi de css foi vendo video aulas e testando códigos

 

essas do rick me ajudaram muito, na época só tinha até a 5ª mas mesmo assim aprendi muito :)

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