Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou aprendendo sobre jquery e tenho uma dúvida. Quando vou fazer um dialog de o titulo dele sai grande.
Uso uma div assim:
<div id="msgbox" style='font-size:60%;' title="titulo" >
<p> messagem </p>
</div>O style só é aplicado ao conteudo do dialog. Como faço para deixar o titulo com tamanho normal, sem precisar diminuir o tamanho da fonte no body inteiro?
Beleza... aguardando então.
Bom, ou você pode alterar o font-size inline que você utilizou ali no exemplo (60%). Ou move esse estilo para um arquivo CSS separado, e faz uma chamada pra div:
#msgbox { font-size: 60% }
A fonte grande deve ser justamente estes 60%. Tente diminuí-lo. :thumbsup:
Não funcionou. O estilo só diminui o tamanho do conteudo do Dialog. Quero deixar o titulo pequeno também
Um código de exemplo:
<html>
<head>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js'></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css" type="text/css" />
<script>
$(function(){
$( "#msgbox" ).dialog() // cria o dialog
});
</script>
<style>
#msgbox { font-size: 10% }
</style>
</head>
<body >
<div id="msgbox" title="grande">
<center>pequeno</center>
<div>
</body>
</html>Tu quer diminuir o tamanho do texto que ta no atributo "title"?
Se for o título do dialog do jquery UI, tem uma opção 'title' que tu usa qdo cria o modal que a descrição é essa:
Specifies the title of the dialog. Any valid HTML may be set as the title. The title can also be specified by the title attribute on the dialog source element.
Da pra ti colocar HTML no título quando cria, e dessa maneira provavelmente tu pode estilizar, com CSS, a partir desse HTML.
Agora deu... muito obrigado Samuel e a todos que ajudaram.
Tópico Resolvido.
isso é com css amigo.
Topico Movido:
JS :seta: CSS