Ir para conteúdo

POWERED BY:

Arquivado

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

Dell

Botão com css

Recommended Posts

Eu tenho um código bem pratico para criar um botão, porém ele deixa uma margem que está me incomodando muito. Não consigo encaixar no layout devido a margem que dá quebra de linha com tudo que tento colocar ao lado dele.

Nada para do lado do botão, assim é impossivel de utilizar.

<style>
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li a {
height : 22px;
width : 130px;
display : block;
text-decoration : none;
text-indent : 0;
cursor : default;
color : #fff;
}
#menu li a#botao {
background-image : url(ok.gif);
}
#menu li a:hover {
background-position : 0 -22px;
}
</style>
Para usar é o de sempre:

<div id="menu"><ul><li><a href="#" id="botao"></a></li></ul></div>

O problema é colocar alguma coisa do lado sem que ele espirre para baixo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

E se o menu fosse só uma imagem mesmo, e você a posicionasse no CSS?

#menu {
position: relative; /*novo contexto para o img */
}
#menu img {
position: relative;
top: -yy px; /*valor para posicionar o botão*/ 
}

<div id="menu"><a href="#"><img src="ok.gif" alt="" /></a></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.