html5 x banco
Bom dia estou começando a usar html5, preciso uma pagina ira trabalhar com banco e trará na tela os dados, mais estou com problema de como colocar os campos um ao lado do outro.
Agradeço desde já pela ajuda.
/ container styles /
#container {
margin: 1em auto;
width: 1000px;
text-align: left;
background: #fff;
border: 1px solid #676767;
height:800px;
padding: 10px 10px 10px 10px;
}/ header styles /
#header {
height: 5%;
width: 100%;
position: relative;
background-color: #D8D8D8;
border-top: 1px #606060 solid;
border-left: 1px #606060 solid;
border-right: 1px #606060 solid;
border-bottom: 4px #606060 solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding-top:10px;
}/ contents styles /
#contents {
float: left;
width: 100%;
margin: 20px 0px 0px 10px;
}
#contents p { line-height: 165%;
font-size: 10pt;
font-family: FonteLogo, Open Sans,Arial;
margin-left: 5px;
font-weight: bold;
color:#333399;
margin-top:25px;
/*margin-bottom: 15px;*/
border:1px solid;
width:20%;
text-align:left;
}
p#formata-campo {font-size: 9pt;
font-family: FonteLogo, Open Sans,Arial;
color:#000000;
margin-top:-15px;
margin-left: 4px;
margin-bottom: 15px;
width:15%;
font-weight: normal;
background-color:#FFFFFF;
padding:5px;
font-weight:normal;
}
p#formata-objeto {font-size: 9pt;
font-family: FonteLogo, Open Sans,Arial;
color:#000000;
margin-top:-15px;
margin-left: 4px;
margin-bottom: 15px;
width:85%;
font-weight: normal;
background-color:#FFFFFF;
padding:5px;
font-weight:normal;
}.blogentry { /border-bottom: 2px solid #C5C877;/
width:85%;
font-size: 9pt;
font-family: FonteLogo, Open Sans,Arial;
margin-top:-30px;
}
</style>
<BODY>
<div id="container">
<div id="header" title="sitename">XXXXXXXXX
</div>
<div id="contents">
<div class="blogentry">
<p>NOME:</p><p id="formata-objeto">XPTO</p>
</div>
</div>
<div id="contents">
<div class="blogentry">
<p>Objeto:</p><p id="formata-objeto">SERVIÇO</p>
</div>
</div>
<div id="contents">
<div class="blogentry"><p>NUMERO</p><p id="formata-campo">4564464456</p>
</div>
</div>
<div id="contents">
<div class="blogentry">
<p>CAMPO3:</p><p id="formata-campo">TEXTO</p>
</div>
</div>
</div> <!-- FECHAMENTO CONTAINER -->
</BODY>Discussão (0)
Carregando comentários...