Ir para conteúdo

POWERED BY:

Arquivado

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

@gilsones

Somente o botão na linha

Recommended Posts

Criei uma classe CSS simple, que deixa a tag <a> com a aparência de um botão, até aqui ok.

Esse 'botão' aparecerá dinamicamente num texto. Preciso que quando tenha ele, ele apareça sozinho na linha, como se estivesse com display:block. (Tentei usar o display:block, mas o botão fica do tamanho da linha :upset: )

Não posso usar "width" porque o texto do botão também é dinâmico.

 

Coloquei display:table-cell, ficou legal, mas não funciona no IE7 :cry:

 

Alguém consegue ajudar?

 

Obrigado!

 

FELIZ 2013 PARA TODOS!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

display table.

 

para automatizar caso tenha mais links no texto.

qualquer dúvida tamos aí.

 

<!DOCTYPE HTML>
<html lang="pt_br">
<head>
<meta charset="utf-8"/>
<title>:D/>/></title>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<style type="text/css">
	div.txt span {display: block;}
	div.txt span a{background: #eee;}
</style>
<script type="text/javascript">
$(document).ready(function(){
	$("div.txt a").wrap("<span></span>");
});
</script>
</head>
<body>
<div class="txt">
<p>
lorem ajf da fjdak fjd <a href="#">afjdaskf fdaffdsa fda fdsa fdsafd f</a> jdk ajfdk <a href="#">asjf</a> das fdas fkda jfdaf
</p> 
</div>
</body>
</html>	

Compartilhar este post


Link para o post
Compartilhar em outros sites

O display:table não funciona no IE7 =/

 

Não queria usar jQuery só pra fazer isso, mas acho que não tem saída. IE7 já atormentando minha vida em 2013 rsrs

 

Obrigado pela ajuda Bergs! se alguém tiver mais idéias, posta ae

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.