problema com botoes

alexmestre · April 15, 2012 at 05:53 PM

eu estou a criar uns botões para fazer o menu com bordas redondas,

no entanto no Internet explorer eles ficam esquisitos.

Mantêm as bordas redondas mas altera o botão.

Passo a imagem como quero que fiquem mas no chrome

http://img52.imageshack.us/img52/9002/semttulogtv.png

E como fica no IE

http://img834.imageshack.us/img834/3331/semttulo1jwr.png

Obrigado.

HappyHippyHippo · April 15, 2012 at 05:58 PM

não adoras o IE ??

porque não fazes a borda na imagem ??

alexmestre · April 15, 2012 at 07:26 PM

Não não gosto nada do IE 😕

E o botao nao é em imagem

é em css

.button {
background:#05BBE3;
padding: 8px 16px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right:1px solid #000;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color: black;
font-size: 18px;
font-family: Georgia, serif;
text-decoration: none;
vertical-align: middle;
overflow:hidden;
margin-left:5px;
text-align:center;
}
.button:hover {
background:#FEDF36;
overflow:hidden;
color: #000;
}

mjamado · April 15, 2012 at 10:08 PM

Qual é o doctype da página?

alexmestre · April 15, 2012 at 10:29 PM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

mas ja consegui...nao sei como mas consegui fazer o que queria =D

No entanto tenho surgiu outro problema!!

eu estou a criar um sub-menu 😕

e corre tudo bem funciona tudo optimamente

so que o botão é grande e eu queria que ele fosse menos largo e que estivesse alinhado do meio para a direita

.sub_button {

padding-bottom:5px;
padding-top:5px;
padding-left:2px;
padding-right:20px;
background:#7CE349;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right:1px solid #000;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
display:block;
color: black;
font-size: 14px;
font-family: Georgia, serif;
text-decoration: none;
vertical-align: middle;
overflow:hidden;
margin-bottom:5px;
margin-left:5px;
text-align:right;
}
.sub_button:hover {
background:#7CE349;
overflow:hidden;
color: #000;
}
#pai {
text-align:center;
}

#pai #sera-mostrada {
        display:none;
        left:inherit;
        position: relative;
        top: 2px; 
}
#pai:hover #sera-mostrada {
        display:block;
}

<div id='pai'>
               		<div class="content_button">
              			<a href="#" class="button">Actividades</a>
              		</div>
					<div id="sera-mostrada">
              				<a href="#" class="sub_button">Na Quinta</a>
      					</div>
                    	<div id="sera-mostrada">
              				<a href="#" class="sub_button">Nos Arredores</a>
      					</div>
   				</div>

Sign In

problema com botoes

Recommended Posts

alexmestre

HappyHippyHippo

alexmestre

mjamado

alexmestre

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information