Ir para conteúdo

POWERED BY:

Arquivado

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

fsmzmachado

[Resolvido] Barra de rolagem personalizada

Por , em Desenvolvimento frontend

Recommended Posts

fsmzmachado    0

fsmzmachado
Postado

Boa tarde amigos, estuo fazendo uma página que tem uma barra de rolagem personalizada, só tem um porém eu também uso transparência em algumas tabelas para que a imagem de fundo continue visível, pois bem, tem uma linha no meu HTML (<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">) que permite que fique visível no navegador essa transparência que mencionei mas não deixa minha barra personalizada funcionar, quando tiro essa linha do HTML a barra funciona, porém a transparência vai embora, alguém pode me ajudar a resolver essa "pitomba".

 

Segue o código da página HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- LINHA QUE MENCIONEI QUE PERMITE QUE A TRANSPARÊNCIA APARECE MAS NÃO DEIXA A BARRA FICAR PERSONALIZADA -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<link href="estilos.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color:#400040;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#E4E1DC;
	scrollbar-darkshadow-color:#80FFFF;
	scrollbar-shadow-color:#9A9A9A;
	scrollbar-arrow-color:#3A3A3A;
	scrollbar-track-color:#F3F3F3;
}
-->
</style></head>

<body scroll="yes">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
	  <tr>
		<td height="20" colspan="3"> </td>
		</tr>
	  <tr>
		<td width="10"> </td>
		<td>
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="textocorpo">
		  <tr>
			<td align="left"><div align="center"><span class="titulo">MISSÃO</span></div><br>

O objetivo  da 4 Mix é servir de elo entre a indústria e o consumidor. Consolidamos em  nossa empresa um serviço totalmente integrado nas áreas de <strong>Vendas, Marketing,  Merchandising e Promoção de Vendas</strong>.<br>
<br>
<strong>Vendas<br>
<br>
</strong>Nossa estrutura de Vendas é  composta por profissionais extremamente qualificados, com experiência em  empresas de grande porte. Através de equipes diferenciadas no atendimento  segmentado aos Supermercados Key-accounts, Redes Cooperativadas,  Distribuidores/Atacados (pequeno varejo e institucional) nossa estrutura se  destaca pela capacidade de distribuir horizontalmente seus produtos. Nosso  objetivo é desenvolver todos os canais de vendas, consolidando sua posição no  mercado.<br>
<br>
<strong>Marketing<br>
<br>
</strong>Estratégia é a palavra chave  para o crescimento e sobrevivência de qualquer empresa. Nossa área de Marketing  atua no desenvolvimento das estratégias de posicionamento, precificação e  distribuição logística dos produtos. O perfeito entrosamento com a área de  vendas, garante a operacionalização das estratégias. Fazer nossos produtos  chegarem aos consumidores da forma planejada, otimizando assim nossos  resultados, é uma equação que vem sendo equilibrada pela 4 Mix.<br>
<br>
<strong>Merchandising<br>
<br>
</strong>Sabemos que 70% das decisões de  compras são tomadas no ponto de venda. Por isso, possuímos equipe própria de  merchandising que monitora passo a passo nossos produtos em todos os pontos de  venda. A busca incessante pelo melhor espaço de exposição dos nossos produtos é  a garantia de que todo o esforço das áreas de Vendas e Marketing será transformado  em resultados.<br>
<br>
<strong>Promoção de Vendas<br>
<br>
</strong>Investimento no pós-venda é a  última etapa do processo de colocação do produto no mercado. Sensibilizar e  fidelizar o consumidor é um desafio que perseguimos constantemente. Nossa área  de Promoções estabelece uma relação bem íntima com o mercado, desenvolvendo  campanhas promocionais, material POP, ou seja induzindo os consumidores à  procura por nossos produtos.</td>
		  </tr>
		</table>
		</td>
		<td width="10"> </td>
	  </tr>
	  <tr>
		<td height="20" colspan="3"> </td>
		</tr>
	</table>
	</body>
</html>
Desde já obrigado, abraços a todos

Compartilhar este post

Link para o post
Compartilhar em outros sites

T.Colucci    33

T.Colucci
Postado

Brother,

 

Essa linha que você citou, se chama DOCTYPE e é ela que define qual a REDENRIZAÇÃO (não sei se é assim que escreve) que o navegador vai usar. Por exemplo, se você estiver usando o DOCTYPE XHTML STRICT, o seu documento vai ser redenrizado de acordo com as regras dessa sintaxe.

 

Explicado isso, vamos ao seu problema:

 

1º de tudo: Não use TABELAS para estruturar seus layouts. Aprenda CSS e XHTML.

 

Partindo desse princípio, você saberá que: essa estilização de barra de rolagem só funciona no IE, pois trata-se de "propriedades proprietárias", e verá também que isso é ruim, poiss seu site deve ser igual para TODOS os tipos de navegadores, usuários e etc.

 

Quanto a transparência, qual navegador está usando? o IE7 já suporta o canal alpha das imagens, por isso ele aceita transparência de PNG. Mas o IE6 não. Verifique se não há a possibilidade de usar um GIF transparente.

 

Se tiver dúvidas, use o fórum que iremos ajudar.

 

 

abs.

Compartilhar este post

Link para o post
Compartilhar em outros sites

fsmzmachado    0

fsmzmachado
Postado

Depois que coloquei o tópico comecei a pesquisar e realmente vi essa personalização só funcionaria no IE e desisti e com relação as imagens com transparência é como você disse o IE7 aceita e o IE6 não e muita gente ainda usa o IE6 eu por exemplo que odeio qualquer IE, principalmente o 7 mas mesmo assim muito obrigado mesmo pela ajuda, sempre tenho bons resultados usando o fórum, a satisfação está em 97%... rsrsrs

 

Valeu irmão, abs

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