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

Por , em Desenvolvimento frontend

Recommended Posts

@gilsones    4

@gilsones
Postado

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

Bergs    53

Bergs
Postado

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

@gilsones    4

@gilsones
Postado

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
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