Ir para conteúdo

Arquivado

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

Kari

[Resolvido] Falta de acessibilidade

Por , em Desenvolvimento frontend

Recommended Posts

Kari    0

Kari
Postado

Boa tarde , estou com um problema pois no FF 5.0 as configuraçoes de CSS da pagina inicial estão funcionando corretamente

em outros navegadores fica desalinhada a assinatura

é meu unico problema

 

segue o código


<!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>Lua Cheia Presentes</title>
<script type="text/javascript" src="scripts/luacheia.js" ></script>
<link rel="stylesheet" type="text/css" href="scripts/default.css" />
</head>

<body style=""><!-- Background -->
<div  id="content" class="css_ap" style="width: 900px; height: 700px; top:0px;margin-left:14%; background-color:#330033;">
</div><!-- Top -->
<div id="top" class="css_ap" style="height: 158px; left: 15%; top: 0px;">
	<img class="css_img" src="img/2.png" alt="" style="; left:3px; top: 5px; width: 886px; height: 158px;"><!-- Fundos TOP-->
 		<img class="css_img" src="img/0.jpg" alt="" style="left:380px; top: 63px; width: 497px; height: 66px;"/><!-- Flores -->
   	<img class="css_img" src="img/14.png" alt="" style="left: 8px; top: 7px; width: 200px; height: 129px;"/><!--Logo Tipo -->
   	<img class="css_img" src="img/3.png" alt="" style="left: 661px; top: 20px; width: 220px; height: 19px;"><!-- Lua Cheia -->
   </img><!--Fim Fundos TOP -->
   </div>
   <!--fim top -->
   <!--Menus Links -->
<div>
	<!--inicio-->
	<img class="css_menu" id="inicio" name="menu" src="img/4.png" alt="" style="left: 195px; top: 139px; width: 112px;"
	onmousemove="menuInicio()" onmouseout="bInicio()" onclick="openLink( 'home.html' )"/>
	<!--Produtos-->
	<img class="css_menu" id="produto" name="menu" src="img/5.png" alt="" style="left: 304px; top: 139px; width: 112px;" 
	onmousemove="menuProduto()" onmouseout="bProduto()" onclick="openLink( 'produto.html' )"/>
	<!--Promoções-->
	<img class="css_menu" id="promo" src="img/8.png" alt="" style="left:415px;top:140px;width:111px;height:22px;" 
	onmousemove="menuPromo()" onmouseout="bPromo()" onclick="openLink('cadpromo.htm')"/>
	<!--Localização-->
	<img class="css_menu" id="local" name="menu" src="img/6.png" alt="" style="left: 526px; top: 139px; width: 112px;" 
	onmousemove="menuLocal()" onmouseout="bLocal()" onclick="openLink( 'localiza.htm' )"/>
	<!--Contato-->
	<img class="css_menu" id="contato" name="menu" src="img/7.png" alt="" style="left: 638px; top: 139px; width: 112px;" 
	onmousemove="menuContato()"onmouseout="bContato()" onclick="openLink( 'contato.htm' )"/>

   </div>
   <!-- Fim Menu -->
<!-- Conteudo -->
   <div id="middle" class="css_ap" style="height: 450px; left:200px; top: 165px;">
   <p align="center"><img id="promoRelogio" src="img/16.png" alt=""></p>
</div>
<!-- Fim Conteudo -->
<!-- Assinatura -->
   <div id="asg" style="position:absolute;left: 72%; width: 200px; height: 15px; bottom:25%;font-size: 12px; font-family: Arial; text-align: left; color: #1FDBC9;">
   <a href="">Designed by JCV Sistemas</a>
   </div>
   <!-- Fim assinatura -->
   <!-- Inicio Bottom -->
<div id="bot" class="css_ap" style="height: 33px; left: 15%; top: 654px;">
<img class="css_basic" src="img/1.png" alt="" style="left: 9px; top: 1px; width: 872px; height: 32px;"/>
   </div>
   <!-- Fim Bottom-->
</body>
</html>

Agora o CSS



/* Document settings */
body {background-color:#ffffff; font-family:sans-serif;}
a {text-decoration:underline;}
a:link {color:#1FDBC9; cursor:pointer;}
a:visited {color:#561A8B;}
a:hover {color:#FFFFFF;}
a * {color:#1FDBC9;text-decoration:underline;}

sup {font-size:0.7em; vertical-align: 0.3em;}
sub {font-size:0.7em;}
.css_tl {position: absolute; white-space: pre; unicode-bidi:bidi-override;}
/*Estilização DIV*/
.css_ap {
position: absolute;
border:none;
width:890px;
top: 140px;
}
/*Estilização Img*/
.css_img{
position:absolute;
border:none;
width: 890px;
}
/*Estilização Mapa*/
.css_mp {
position: absolute;
border:solid #000;
left: 5px;
top: 31px;
width:450px;
height:245px;
margin-left:000px
}

.css_basic{position:absolute;border:none;}
/*Estilização Cabeçalho Mapa*/
	h2 {
position:absolute;
top:-44px;
left:310px;
color:#3399cc;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
border-bottom:solid thin #3399cc;
width: 245px;
}	
/*menu*/
ul {padding:0;
margin:0;
list-style:none;
}
li  {padding:0;
	width:auto;
	border:none;
}
/*submenus
li > ul {position:absolute;}
*/
css_bot {position:absolute;width: 300px; height: 150px; top: 400px; left: 8%;
}

/*Menu Index*/
.css_menu{position:absolute;border:none; height:23px;}

form{border:none; color:#33cccc;}
legend{color:pink;}

/*.css_sbot {left: 100px; 
top: 0px; position: absolute; 
font-size: 14px; font-family: arial; 
font: bold; text-align: left; 
color: #000;

}*/

h3 {color:#099;
}
/*estilização tabela*/
td{padding:0px;}
th{padding:0px;  }

#texto {color:#33cccc;}

 

ai queria saber o que poderia ser feito para deixar padronizado os códigos

 

Vlw já consegui acertar rs...

coloquei a cabeça para pensar , QUando usa % é referênte ao tamanho da pagina

então mudei o tamanho de relativo para pixeis e já acabou o problema da assinatura

:)

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