Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boas, tenho texto um ao lado do outro numa só div, mas em responsive fica tudo partido, Alguém me pode ajudar?
Código html:
<div class="rodape" align="center" style="height: 20%; background-color:#D8D8D8;">
<br/><br/><br/>
<font size="2" face="Comic SansMS, arial, verdana" color="#585858" align="center">
<p style="float:left; width:10%; margin-top:-25px; margin-left:580px; " align="justify"><b> ADRESS </b><br/><br/>
</font>
<font class="top1" size="1" face="Comic SansMS, arial, verdana" color="#585858">
Rua da xxxxxx, 25<br/>
4595-089 xxxxxx<br/>
xxxxx xx xxxxxxxx<br/>
Portugal </p>
</font>
<font size="2" face="Comic SansMS, arial, verdana" color="#585858">
<p style="float:left; width:10%; margin-top:-25px;"align="justify"><b> CONTACT </b><br/><br/>
</font>
<font class="top1" size="1" face="Comic SansMS, arial, verdana" color="#585858">
xxxx xxx xxx xxx <br>
info@xxxxxxxxxxx.com</p>
</font>
</div>>
7 horas atrás, Eziquiel disse:
Olá.
Aconselho você a estilizar seu documento utilizando CSS.
Você terá menos trabalho no desenvolvimento e seu html ficará mais limpo e fácil de editá-lo.
Segue um exemplo pra você ver: http://codepen.io/Eziquiel/pen/LyPGdm?editors=1100
Uma boa dica é estudar CSS aqui: https://www.w3schools.com/css/default.asp
Muito obrigado, mas nao funcionou não. ficou as letras a azul e tudo com pontos, e nada direito ... :/
Você incluiu os estilos na sua página?
exemplo:
<div class="rodape">
<ul id="adress">ADRESS
<li>Rua da xxxxxx, 25</li>
<li>4595-089 xxxxxx</li>
<li>4595-089 xxxxxx</li>
<li>xxxxx xx xxxxxxxx</li>
<li>Portugal</li>
</ul>
<ul id="contact">CONTACT
<li>xxxx xxx xxx xxx</li>
<li>info@xxxxxxxxxxx.com</li>
</ul>
</div>
<style>
.rodape{
display: flex;
diplay: -webkit-flex;
justify-content: center;
width: 100%;
height: 40px;
background: #D8D8D8;
}
.rodape ul{
display: block;
list-style: none;
padding: 0;
margin: 0;
font-family: Comic SansMS, arial, verdana;
font-weight: bold;
font-size: 16px;
line-height: 40px;
color: #585858;
margin: 0 10px;
width: 150px
}
.rodape ul li{
font-size: 14px;
line-height: 24px;
font-weight: normal;
}
.rodape ul li:first-child{
margin-top: 10px;
}
</style>>
Em 11/04/2017 at 17:21, Eziquiel disse:
Você incluiu os estilos na sua página?
exemplo:
<div class="rodape">
<ul id="adress">ADRESS
<li>Rua da xxxxxx, 25</li>
<li>4595-089 xxxxxx</li>
<li>4595-089 xxxxxx</li>
<li>xxxxx xx xxxxxxxx</li>
<li>Portugal</li>
</ul>
<ul id="contact">CONTACT
<li>xxxx xxx xxx xxx</li>
<li>info@xxxxxxxxxxx.com</li>
</ul>
</div>
<style>
.rodape{
display: flex;
diplay: -webkit-flex;
justify-content: center;
width: 100%;
height: 40px;
background: #D8D8D8;
}
.rodape ul{
display: block;
list-style: none;
padding: 0;
margin: 0;
font-family: Comic SansMS, arial, verdana;
font-weight: bold;
font-size: 16px;
line-height: 40px;
color: #585858;
margin: 0 10px;
width: 150px
}
.rodape ul li{
font-size: 14px;
line-height: 24px;
font-weight: normal;
}
.rodape ul li:first-child{
margin-top: 10px;
}
</style>
sim adicionei o css e não resulta, fica totalmente alterado
Olá.
Aconselho você a estilizar seu documento utilizando CSS.
Você terá menos trabalho no desenvolvimento e seu html ficará mais limpo e fácil de editá-lo.
Segue um exemplo pra você ver: http://codepen.io/Eziquiel/pen/LyPGdm?editors=1100
Uma boa dica é estudar CSS aqui: https://www.w3schools.com/css/default.asp