Boas,
Queria fazer uma função, com jquery, que centra-se qualquer elemento numa determinada div..
Código (Javascript):
Comecei pelas imagens:
Código (HTML):
A ideia era ter a classe própria e depois caso seja para centrar a class 'center'.
Isto na teoria funcionava bem, o problema é que assume-se que o element nao tem width :S
Alguma forma de contornar isto, de forma a que fique genérico e simples?
Queria fazer uma função, com jquery, que centra-se qualquer elemento numa determinada div..
Código (Javascript):
[/background][/font][/color]
//inicio
//funçoes
jQuery.fn.center = function() {
var pai = this.parent(); // div onde centrar
var elemento = this.get(0).tagName;
alert(elemento.width()); //teste
alert(pai.width()); //teste
this.css({
"left": ((($(pai).width()- elemento.width()) / 2)+"px")
});
return this;
};
//chamar funçoes
$(".center").center(); //classe center
//fim
[color=#000000][font=Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif][background=transparent]
//inicio
//funçoes
jQuery.fn.center = function() {
var pai = this.parent(); // div onde centrar
var elemento = this.get(0).tagName;
alert(elemento.width()); //teste
alert(pai.width()); //teste
this.css({
"left": ((($(pai).width()- elemento.width()) / 2)+"px")
});
return this;
};
//chamar funçoes
$(".center").center(); //classe center
//fim
[color=#000000][font=Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif][background=transparent]
Comecei pelas imagens:
Código (HTML):
<img class="img center" src="...."/>
A ideia era ter a classe própria e depois caso seja para centrar a class 'center'.
Isto na teoria funcionava bem, o problema é que assume-se que o element nao tem width :S
Alguma forma de contornar isto, de forma a que fique genérico e simples?