[]Fundo Não Se Repete(y) e Site Errado No IE.

wilkerox · Agosto 26, 2008

Firefox: http://img295.imageshack.us/img295/2027/ffjs8.jpg

Internet Explorer: http://img403.imageshack.us/img403/6366/iexg6.jpg

XHTML

CODE

<?xml version="1.0" encoding="iso-8859-1"?><!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>
<title>Wilker Iceri - Tutoriais</title>
<link rel="Shortcut Icon" href="img/favicon.gif" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
 
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('img/home.gif','img/portfolio.gif','img/curriculo.gif','img/tutoriais.gif','img/contato.jpg')">
<div id=topo>
</div>
<div id=nav>
 <a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','img/home.gif',1)"><img 
 
src="img/homenormal.jpg" alt="Home" name="Home" width="107" height="35" border="0"></a><img src=img/espaco.gif><a 
 
href="portfolio.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Portfólio','','img/portfolio.gif',1)"><img 
 
src="img/portfolionormal.jpg" alt="Portfólio" name="Portfólio" width="107" height="35" border="0"></a><img src=img/espaco.gif><a 
 
href="curriculo.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Currículo','','img/curriculo.gif',1)"><img 
 
src="img/curriculonormal.jpg" alt="Currículo" name="Currículo" width="107" height="35" border="0"></a><img 
 
src=img/espaco.gif><a href="tutoriais.html" onMouseOut="MM_swapImgRestore()" 
 
onMouseOver="MM_swapImage('Tutoriais','','img/tutoriais.gif',1)"><img src="img/tutoriaisnormal.jpg" alt="Tutoriais" 
 
name="Tutoriais" width="107" height="35" border="0"></a><img src=img/espaco.gif><a href="contato.html" 
 
onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contato','','img/contato.jpg',1)"><img 
 
src="img/contatonormal.jpg" alt="Contato" name="Contato" width="107" height="35" border="0"></a> 
</div>
<div id=principal2>
<h1>Tutoriais</h1>
<div id=menututo>
<img src=img/menutopo.jpg><br>
<div id=menututocont>
<img src=img/menudesign.jpg><br>
<a class=tuto href=#>» Corel Draw</a><br>
<a class=tuto href=#>» Fireworks</a><br>
<a class=tuto href=#>» Photoshop</a><br>
<img src=img/menuprog.jpg><br>
<a class=tuto2 href=#>» CSS</a><br>
<a class=tuto2 href=#>» HTML</a><br>
<a class=tuto2 href=#>» PHP</a><br>
</div>
<img src=img/menubaixo.jpg>
</div>
<div id=tutocont>
<img src=img/tutoconttopo.jpg>
<div id=tutocont2>
xD
</div>
<img src=img/tutocontbaixo.jpg>
</div>
</div>
<div id=final>
</div>
<div id=rodape>
Site desenvolvido por Wilker Iceri.
</div>
<!--LINKWS-LWT--><div style='position:absolute; left:0px; top:0px; width:0px; height:0px'><a href = 'http://www.linkws.com'><img  
 
alt='contador, formmail cgi, recursos de e-mail gratis para web site' border='0' 
 
src='http://www.linkws.com/images/lwt_sp.gif'></a></div><script language='JavaScript' type='text/javascript' src = 
 
"http://www.linkws.com/webservices/lwt/lwt.jsp?userProductID=101857"></script><!--END-LINKWS-LWT-->
</body>
</html>

CSS

CODE

body {margin:0px;
}
 
* {
margin: 0;
padding: 0;
font-famiy: "Times New Roman" ;
}
 
#topo {
margin-top:10px;
margin-left:135px;
width:748px;
height:204px;
background-image: url("img/topo.jpg");
background-repeat: no-repeat;
}
 
#nav {
margin-left:135px;
width:748px;
height:35px;
background-image: url("img/bgmenu.jpg");
background-repeat: no-repeat;
padding-left:82px;
}
 
#principal {
padding-left:20px;
padding-right:135px;
padding-top:10px;
padding-bottom:10px;
background-image: url("img/bg.jpg");
background-repeat: repeat-y;
margin-left:135px;
}
 
#principal2 {
padding-left:5px;
padding-right:158px;
padding-top:10px;
padding-bottom:10px;
background-image: url("img/bg.jpg");
background-repeat: repeat-y;
margin-left:135px;
}
 
#final {
margin-left:135px;
width:747px;
height:3px;
background-image: url("img/bgfinal.jpg");
background-repeat: no-repeat;
clear:both;
}
 
#rodape {
text-align:center;
margin-top:4px;
margin-bottom:6px;
clear:both;
}
 
h1 {
text-align:center;
font-family:"Times New Roman", Arial;
font-size:20px;
color:#003366;
padding-bottom:10px;
font-weight:normal;
}
 
a:link {
text-decoration:none;
color:#003399;
}
 
a:visited {
text-decoration:none;
color:#003399;
}
 
a:hover {
text-decoration:underline;
color:#0033cc;
}
 
a:active {
text-decoration:none;
color:#003399;
}
 
#bot {
margin-left:2px;
}
 
#menututo {
background-image: url("img/menufundo.jpg");
background-repeat: repeat-y;
float:left;
}
 
#menututocont {
padding-left:4px;
width:132px;
}
 
#tutocont {
background-image: url("img/tutocontbg.jpg");
background-repeat: repeat-y;
float:right;
}
 
#tutocont2 {
padding-left:8px;
}
 
a.tuto:link {
text-decoration:none;
color:#000000;
font-size:14px;
}
 
a.tuto:visited {
text-decoration:none;
color:#000000;
font-size:14px;
}
 
a.tuto:hover {
text-decoration:underline;
color:#006600;
font-size:14px;
}
 
a.tuto:active {
text-decoration:none;
color:#000000;
font-size:14px;
}
 
a.tuto2:link {
text-decoration:none;
color:#000000;
font-size:14px;
}
 
a.tuto2:visited {
text-decoration:none;
color:#000000;
font-size:14px;
}
 
a.tuto2:hover {
text-decoration:underline;
color:#003366;
font-size:14px;
}
 
a.tuto2:active {
text-decoration:none;
color:#000000;
font-size:14px;
}

Agradeço a Ajuda !

William Bruno · Agosto 26, 2008

Bom.. recomendo você deixar o Dreamweaver um pouco de lado.

Veja que o seu menu, o correto seria você estruturar ele com as tags <ul> e <li>.

Controle teu site por CSS, e faça você mesmo a marcação xHTML.

Qnto ao fundo, veja:

http://www.maujor.com/tutorial/backtut.php

wilkerox · Agosto 26, 2008

Soh Usei Bloco De Notas Para Fazer o Site...

William Bruno · Agosto 26, 2008

Desculpa amigo, eu reconheço essas funções:

<!--function MM_findObj(n, d) { //v4.01  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);  if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_preloadImages() { //v3.0  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}

^^

Mas então... você entendeu oque eu lhe propus? Vai tentando por ai.

Reestruture o site, e faça ele com DIVs, e CSS, evite o uso inline. você não precisa carregar o bg do body com um preload. Coloque no css diretamente.

wilkerox · Agosto 26, 2008

Issu Eh Soh Pro Menu...

Alguem Me Responde Minha Pergunta ?

William Bruno · Agosto 26, 2008

Amigo, eu te respondi.

O fundo não se repete pq você o declarou errado.

use

body {
 background-image:url("imagem.extensão");
}

E reestruture o teu layout. Leia atentamente oque eu lhe disse.

wilkerox · Agosto 26, 2008

Tentei Colocar No Body Mais N Deu Certo...

Eu Keru O Fundo Somente Pro #principal...

Soh Na Pagina De Tuto Q Deu Errado...O Resto Tah Certo:

http://wilker.hostmysite101.com/

Entrar

Arquivado

[]Fundo Não Se Repete(y) e Site Errado No IE.

Recommended Posts

wilkerox 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

wilkerox 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

wilkerox 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

wilkerox 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

php + mysql - where do select em campo varchar com dados numéricos com zeros a direita

tratar hora no php

Navbar no Nextjs

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante