Help

[Helena14 0]

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>

[Eziquiel 96]

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

[Helena14 0]

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 ... :/

[Eziquiel 96]

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>

 

[Helena14 0]

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