Ir para conteúdo

POWERED BY:

Arquivado

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

Tiago Cardoso

Menu CSS FF

Por , em Desenvolvimento frontend

Recommended Posts

Tiago Cardoso    1

Tiago Cardoso
Postado

Olá, encontrei um menu no Maujor, fiz algumas adaptações, porém só funcionou no IE, no FF naum, alguem poderia me ajudar, pois sou iniciante em CSS!

Obs: Crie id bem parecidos por existeria background-images diferentes.

 

<html><head><style type="text/css">#menur {	width: 75px;}#menur tr {	margin: 0;	padding: 0;	font: 11px arial, helvetica, sans-serif; }#novo a {	border: 0px solid #000000;	width: 75px;	height: 30px;	color: #000000;	text-decoration: none; 	background-image:url('baseline_button_offNovo.gif'); 	voice-family: "\"}\"";	voice-family:inherit;	padding-left:30px; 	padding-right:0; 	padding-top:8px;	padding-bottom:1px}body>#novo a {	width:75px;}#novo a:hover {	background-image: url('baseline_button_off_overNovo.gif');	color: #000000}#editar a {	border: 0px solid #000000;	width: 75px;	height: 30px;	color: #000000;	text-decoration: none; 	background-image:url('baseline_button_offEditar.gif'); 	voice-family: "\"}\"";	voice-family:inherit;	padding-left:35px; 	padding-right:0; 	padding-top:8px;	padding-bottom:1px}body>#editar a {	width:75px;}#editar a:hover {	background-image: url('baseline_button_off_overEditar.gif');	color: #000000}#exibir a {	border: 0px solid #000000;	width: 75px;	height: 30px;	color: #000000;	text-decoration: none; 	background-image:url('baseline_button_offExibir.gif'); 	voice-family: "\"}\"";	voice-family:inherit;	padding-left:30px; 	padding-right:0; 	padding-top:8px;	padding-bottom:1px}body>#exibir a {	width:75px;}#exibir a:hover {	background-image: url('baseline_button_off_overExibir.gif');	color: #000000}#excluir a {	border: 0px solid #000000;	width: 75px;	height: 30px;	color: #000000;	text-decoration: none; 	background-image:url('baseline_button_offExcluir.gif'); 	voice-family: "\"}\"";	voice-family:inherit;	padding-left:30px; 	padding-right:0; 	padding-top:8px;	padding-bottom:1px}body>#excluir a {	width:75px;}#excluir a:hover {	background-image: url('baseline_button_off_overExcluir.gif');	color: #000000}#opcoes a {	border: 0px solid #000000;	width: 75px;	height: 30px;	color: #000000;	text-decoration: none; 	background-image:url('baseline_button_offOpcoes.gif'); 	voice-family: "\"}\"";	voice-family:inherit;	padding-left:30px; 	padding-right:0; 	padding-top:8px;	padding-bottom:1px}body>#opcoes a {	width:75px;}#opcoes a:hover {	background-image: url('baseline_button_off_overOpcoes.gif');	color: #000000}/* Regra para sobrescrever estilo padrão do site */#content #menur tr {background: none; border:none;display:table;}</style></head><body><table border="0" id="menur" cellpadding="0" cellspacing="0">		<tr>		<td id="novo">			<a href="getdados.asp?acao=I">Novo</a>		</td>		<td id="editar">			<a href="getdados.asp?acao=A">Editar</a>		</td>		<td id="exibir">			<a href="getdados.asp?acao=E">Exibir</a>		</td>		<td id="excluir">			<a href="getdados.asp?acao=D">Excluir</a>		</td>		<td id="opcoes">			<a href="opcoes.asp" target="dados">Opções</a>		</td>	</tr></table></body></html>

OBRIGADO!!!!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

PKTIAGO,

 

Cara, você não tem um link ai não???

Ajuda o pessoal a ajudar você!!!

 

E pelo que pude ver no seu [gigantesco] código tem tabela, tente não utilizar!!!

Aqui no fórum, em Dúvidas Frequentes > Como fazer menus horizontal e vertical, tem menus quase prontos, é só você adaptar.

 

você tb pode fazer um pesquisa [aqui] no fórum, no google!!!

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Santiago    0

Santiago
Postado

Realmente o gio tem razão, se você colocar um link p/ gente poder ver iria ajudar bastante!Eu mesmo não tive paciencia p/ olhar tudo isso! o que eu vi é que no seu código tem muita coisa desnecessária!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Mas é isso ai Santiago...."ninguém" vai querer ficar olhando um código desse tamanho!!!! ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tiago Cardoso    1

Tiago Cardoso
Postado

Amigos, axo q naum entenderam meu problema, axo q nem leram o q postei, ms aviso q só queria q o cod funcionasse tbm no FF e novamente em sou iniciante em CSS, entaum peço desculpas pela minha ignorancia e tbm c vcs observarem as linhas do cod saum mto parecidas umas com as outras!

E infelizmente meu site naum está no ar! naum tenho links, ms resumirei meu cod a seguir!

 

CSS

#menu {	width: 75px;}#menu tr {	margin: 0;	padding: 0;	font: 11px arial, helvetica, sans-serif; }#novo a {	border: 0px solid #000000;	width: 75px;	height: 30px;	color: #000000;	text-decoration: none; 	background-image:url('baseline_button_offNovo1.gif'); 	voice-family: "\"}\"";	voice-family:inherit;	padding-left:30px; 	padding-right:0; 	padding-top:8px;	padding-bottom:1px}body>#novo a {	width:75px;}#novo a:hover {	background-image: url('baseline_button_off_overNovo.gif');	color: #000000}#editar a {	border: 0px solid #000000;	width: 75px;	height: 30px;	color: #000000;	text-decoration: none; 	background-image:url('baseline_button_offEditar.gif'); 	voice-family: "\"}\"";	voice-family:inherit;	padding-left:35px; 	padding-right:0; 	padding-top:8px;	padding-bottom:1px}body>#editar a {	width:75px;}#editar a:hover {	background-image: url('baseline_button_off_overEditar.gif');	color: #000000}
HTML
<table border="0" id="menu" cellpadding="0" cellspacing="0">		<tr>		<td id="novo">			<a href="getdados.asp?acao=I">Novo</a>		</td>		<td id="editar">			<a href="getdados.asp?acao=A">Editar</a>		</td>	</tr></table>

Axo q agora será possível p/ vcs analizarem melhor!

E novamente pesso desculpas pela minha falta d conhecimento!

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tiago Cardoso    1

Tiago Cardoso
Postado

Novamente agradeço a você rflky3, dpois dessa sua dica pesquisei mto, estudei, e agora paro pra ver esse cod dá até vergonha, ms pensso q to aki pra aprender, certo?hehehehhevalew!

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