Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde pessoal, fiz uma caixa de texto com o comando <div> criando um container responsivo.
Ficou um pouco confuso pois ainda sou amador nesse assunto.
**Existe alguma maneira de eu diminuir o comprimento dessa caixa de texto e centralizar ???**
A imagem embaixo eu consegui mudar simplesmente com o comando ( width="180" height="105" ) , muito simples
mas a caixa de texto não consegui.
Já procurei em alguns sites, inclui alguns comandos como <style> e mesmo assim não mudou nada.
Alguém pode me ajudar?
Obrigado
André BD
<!DOCTYPE HTML PUBLIC>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
</title>
<link rel="stylesheet" type="text/css" href="index.html.css">
</head>
<body>
<div class="textstyle1">
<div id="container_35965677">
<div id="container_35965677_padding" ><div class="textstyle1">
<span class="textstyle2">Notificação</span>
<span class="textstyle3">
<br/><br/></span>
<span class="textstyle4"> ...TEXTO...
</span>
</div>
</div>
</div>
<img src="rc_images/logo_ntind_jpeg.jpg" width="180" height="105" id="img_ade6698" alt="" title="" />
</div>
</body>
</html>Sim, o textstyle4
Tenho uma sugestão para você,
primeiro vamos organizar as coisas:
Crie um arquivo reset.css, nele você vai limpar todas as formatações do HTML.
Crie um arquivo default.css, nele você vai colocar formatações padrões.
default.css:
.dez{width:10%;}
.quinze{width:15%;}
.vinte{width:20%;}
.vinteECinco{...}
.trinta{...}
.trintaETres{...}
.quarenta{...}
.quarentaECinco{..}
.cinquenta{...}
.cinquentaECinco{...}
.sessenta{...}
.sessentaECinco{...}
.setenta{...}
.setentaECinco{...}
.oitenta{...}
.oitentaECinco{...}
.noventa{...}
.noventaECinco{...}
.cem{...}
.clear{clear:both;}
/ SETANTO O FLOAT EM TODAS /
.dez,.quinze,.vinte,.vinteECinco,.trinta,.trintaETres,.quarenta,.quarentaECinco,.cinquenta,
.cinquentaECinco,.sessenta,.sessentaECinco,.setenta,.setentaECinco,.oitenta,.oitentaECinco,
.noventa,.noventaECinco,.cem{float:left;}
Uso:
<div class="clear"></div><!--Impede das divs entrarem em outras-->
<div class="trintaETres">Coluna 01</div>
<div class="trintaETres">Coluna 02</div>
<div class="trintaETres">Coluna 03</div>
<div class="clear"></div><!--Impede das divs entrarem em outras-->
Daí em diante vai organizando seu CSS
A caixa de texto que você diz seria o que?
Seria o "textstyle4"?