Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Carcleo

Listas Numeradas

Por , em Desenvolvimento frontend

Recommended Posts

Carcleo    4

Carcleo
Postado

Sim, ja tentei, mas a lista não atende ao align.

Segue o codigo:

<html>
<head>
 <title>Marco Polo - Biscoito da Sorte</title>
 <style>
    lista{
                 list-style-position: inside;
                 }
 </style>
</head>
<body bgcolor="#F7000" vlink="#FFAA00" link="#FFFF33" style="font-face:tahoma;color:#FFFFFF" >

  <div 
      align="center"
      style="
             position:absolute;
             background-image:url(imagens/FundoDegrade.png);
             width:1024px;
             height:600px;
             left:50%;
             margin-left:-512px;
            "
   >
     <div style="width:230px;position:absolute;left:20px">
       <img src="imagens/MarcoPoloLogo_p.png">
     </div>
     <div style="width:794px;position:absolute;left:250px">
       <div align="right">
         <font size="+3"><b>Biscoito da Sorte</b></font>
         <hr width="250px">
       </div>
       <table width="794px">
         <tr>
            <td>
            <p align="justify">
              A história do biscoito da sorte inicia-se na época Genghis Khan que, no final do século XII, dominou boa parte da china.<br><br>
              Os generais Chineses precisavam de uma forma segura de troca de informações. A solução foi esconder mensagens num tipo de bolo em forma de meia-lua cujo sabor era detestado pelos mongóis.<br><br>
              Para comemorar sua vitória, anualmente os chineses passaram a trocar mensagens de felicitação da mesma forma em que as mensagens secretas foram enviadas, dentro de "bolos da sorte".<br><br>
              Confira a seguir algumas mensagens que podem ser encontradas em Biscoitos da Sorte:<br><br>
              <ol id="lista">
               <li type="1" >A vida trará coisas boas se tiveres paciência.</li>
               <li>Não compense na ira o que lhe falta na razão.</li>
               <li>Defeitos e virtudes sã apenas dois lados da mesma moeda.</li>
               <li>A maior de todas as torres começa no solo.</li>
               <li>Não há que ser forte, há que ser flexivel.</li>
               <li>Há três coisas que jamais voltam; a flesha lançada, a palavra dita e a oportunidade perdida.</li>
               <li>A juventude não é época da vida, é estado de espírito.</li>
              </ol>
              </p>
            </td>
         </tr>
       </table>
     </div>
   </div>   

<body>
</head>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Oderdenge    42

Guilherme Oderdenge
Postado

Nem corrigi teus erros com o HTML, porque senão levaríamos algum tempo para colocar tudo em dia. Fui direto ao ponto X. Tente:

 

 

 

<html>
<head>
 <title>Marco Polo - Biscoito da Sorte</title>
 <style>
    lista{
                 list-style-position: inside;
                 }
 </style>
</head>
<body bgcolor="#F7000" vlink="#FFAA00" link="#FFFF33" style="font-face:tahoma;color:#FFFFFF" >

  <div 
      align="center"
      style="
             position:absolute;
             background-image:url(imagens/FundoDegrade.png);
             width:1024px;
             height:600px;
             left:50%;
             margin-left:-512px;
            "
   >
     <div style="width:230px;position:absolute;left:20px">
       <img src="imagens/MarcoPoloLogo_p.png">
     </div>
     <div style="width:794px;position:absolute;left:250px">
       <div align="right">
         <font size="+3"><b>Biscoito da Sorte</b></font>
         <hr width="250px">
       </div>
       <table width="794px">
         <tr>
            <td>
            <p align="justify">
              A história do biscoito da sorte inicia-se na época Genghis Khan que, no final do século XII, dominou boa parte da china.<br><br>
              Os generais Chineses precisavam de uma forma segura de troca de informações. A solução foi esconder mensagens num tipo de bolo em forma de meia-lua cujo sabor era detestado pelos mongóis.<br><br>
              Para comemorar sua vitória, anualmente os chineses passaram a trocar mensagens de felicitação da mesma forma em que as mensagens secretas foram enviadas, dentro de "bolos da sorte".<br><br>
              Confira a seguir algumas mensagens que podem ser encontradas em Biscoitos da Sorte:<br><br>
              <ol id="lista" style="margin-left: 28px;">
               <li>A vida trará coisas boas se tiveres paciência.</li>
               <li>Não compense na ira o que lhe falta na razão.</li>
               <li>Defeitos e virtudes sã apenas dois lados da mesma moeda.</li>
               <li>A maior de todas as torres começa no solo.</li>
               <li>Não há que ser forte, há que ser flexivel.</li>
               <li>Há três coisas que jamais voltam; a flesha lançada, a palavra dita e a oportunidade perdida.</li>
               <li>A juventude não é época da vida, é estado de espírito.</li>
              </ol>
              </p>
            </td>
         </tr>
       </table>
     </div>
   </div>   

<body>
</head>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carcleo    4

Carcleo
Postado

Mas heim guilherme.

 

Entendo tua lógica.

 

Tinha me esquecida da margens.

 

Assim ficou perfeito.

 

Obrigado a todos que me ajudaram nesse tópico.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

Carcleo, ainda falta muito pro teu código ficar bom.

 

Pode funcionar, mas tem muita gambiarra aí.

 

Dá uma lida nos posts que eu falei sobre o inline, valida o teu código e vai estudando.

 

:bye:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carcleo    4

Carcleo
Postado

Tendi.

 

Brigado pela dica.

 

Eu programo em php/mysql

 

Mas, como falei, é o primeiro trabalho de um curso superior de Sistemas de informaçao.

 

Tenho que fazer só isso mesmo.

 

À medida que vão saindo as aulas, os professores vão implementando.

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