Ir para conteúdo
tomas.david100

Centrar imagens e forms num panel

Recommended Posts

Boa tarde, tenho algumas dúvidas relacionadas com html e css, criei um panel de um menu lateral e gostaria de conseguir centrar o logo e centrar os botões "voltar/Home/avançar".

 

Se me conseguissem ajudar agradeço, melhores cumprimentos,

Tomás David.

 

 

html.PNG

Compartilhar este post


Link para o post
Compartilhar em outros sites

Já consegui fazer as alterações obrigado pela ajuda, só mais uma coisa como posso colocar uma imagem como fundo no panel já tentei de tudo mas não deu resultado vou deixar aqui o código para que seja mais fácil perceber.

 

 

________________________________________________________________________________________________________________________

 

<body>


        <nav id="menu" class="panel" role="navigation">
            <img src="C:\Users\Tomás\Desktop\PAP\Imagem\LOGO_PAP.png" width="70" class="center">
            <div class="linha">
            <form>
                <input type="button" value="Voltar" onclick="history.go(-1)"> / <input type="button" value="Home" onclick="history.go(0)"> / <input type="button" value="Avançar" onclick="history.forward()">
            </form>
            </div>
            <hr></hr>
        <ul>
        <li><a href="Index.html">Home</a></li>
        <li><a href="Interesses.html">Marcas</a></li>
        <li><a href="Projetos.html">Acessórios</a></li>
        <li><a href="Sobre.html">Sobre</a></li>
        <li><a href="Contactos.html">Contactos</a></li>
        </ul>
        </nav>

        <div class="wrap push">
                <a href="#menu" class="menu-link"> Menu</a>
        </div>

 

_________________________________________________________________________________________________________

Compartilhar este post


Link para o post
Compartilhar em outros sites

você pode colocar uma imagem de background com css. Por exemplo:

body {
 background-image: url("imagem.jpg");
}

 

Reparei que você está utilizando o endereço absoluto da imagem:

  <img src="C:\Users\Tomás\Desktop\PAP\Imagem\LOGO_PAP.png" width="70" class="center">

 

Você terá problemas com isso quando subir os arquivos para o servidor. Recomendo utilizar endereços relativos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não deu na mesma tentei fazer o que os dois disseram e nao deu em nada. Acaba por ficar sem fundo. E copiei exatamente o caminho que o windows me dá na imagem e mesmo assim fica sem fundo. 

 

____________________________________________________________________________________________________________________

 

.panel {
    position: fixed;
    left: -15.625em; /*left or right and the width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
        background: url("Imagem\bimmer.jpg") no-repeat;
    }

 

__________________________________________________________________________________________________________________________

 

Screenshot_1.png.d8c37314b595dc82ea995acdb259b678.png_________________________________________________________________________________________________________

Compartilhar este post


Link para o post
Compartilhar em outros sites

Reparei que você está utilizando a barra errada:

background: url("Imagem\bimmer.jpg") no-repeat;

Mude por:

background: url("Imagem/bimmer.jpg") no-repeat;

Tente também inspecionar os elementos (tecla f12 no navegador).

Se o erro persistir, tente hospedar os arquivos em algum servidor para que possamos visualizar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenho outra dúvida como posso colocar o menu e o spotify nos cantos, eu penso que não consiga por causa das margens definidas mas já dei volta a todo e não arranjo forma de o fazer. Obrigado pela a ajuda que me tem dado. Isto é um header se precisar de alguma parte depois seja do html ou do css diga me alguma coisa que eu disponibilizarei.

 

Melhores cumprimentos,

Tomás David.Screenshot_2.thumb.png.b5b146380408418b1b3980d18d6cfab9.png

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ok vou meter o header entao e a parte relacionada com o css

 

HTML

__________________________________________________________________________________________________________

<div class="header"> <!--para criar um sistema grid de linhas e colunas -->
        <div clas="sides">
        <nav id="menu" class="panel" role="navigation">
            <div class="linha">
             <div class="coluna col3" align="center">
                <img src="Imagem\LOGO_PAP1.png" width="110" class="center">
             </div>
            </div>
            <div class="linha">
                <div class="coluna col3" align="center">
            <form>
                <input type="button" value="Voltar" onclick="history.go(-1)"> / <input type="button" value="Home" onclick="history.go(0)"> / <input type="button" value="Avançar" onclick="history.forward()">
            </form>
            </div>
         </div>
            <hr></hr>
            <ul>
                <li><a href="Index.html">Home</a></li>
                <li><a href="Interesses.html">Marcas</a>
                    <ul>
                        <li><a href=""><img src="Imagem/Audi.png" /> Audi</a></li>
                        <li><a href=""><img src="Imagem/bmw_logo.png" /> BMW</a></li>
                        <li><a href=""><img src="Imagem/ford-logo.png" /> Ford</a></li>
                        <li><a href=""><img src="Imagem/koenigsegg_logo.png" /> Koenigsegg</a></li>
                        <li><a href=""><img src="Imagem/mercedes_logo.png" /> Mercedes</a></li>
                        <li><a href=""><img src="Imagem/nissan_logo.png" /> NISSAN</a></li>
                        <li><a href=""><img src="Imagem/subaru_logo.png" /> Subaru</a></li>
                    </ul>
                </li>
                <li><a href="Projetos.html">Acessórios</a>
                    <ul>
                        <li><a href=""><img src="Imagem/sparco_logo.png" /> Sparco</a>
                            <ul>
                                <li><a href=""> Volantes</a></li>
                                <li><a href=""> Capacetes</a></li>
                                <li><a href=""> Assentos</a></li>
                            </ul>
                        </li>
                        <li><a href=""><img src="Imagem/momo_logo.png" /> MOMO</a>
                            <ul>
                                <li><a href=""> Jantes</a></li>
                                <li><a href=""> Volantes</a></li>
                                <li><a href=""> Assentos</a></li>
                                <li><a href=""> Pneus</a></li>
                            </ul>
                        </li>
                        <li><a href=""><img src="Imagem/air_logo.png" /> AIR Lift Performance</a>
                            <ul>
                                <li><a href=""> Suspensão</a></li>
                                <li><a href=""> Dispositivos</a></li>
                            </ul>
                        </li>
                        <li><a href=""><img src="Imagem/drift_logo.png" /> DRIFTWORKS</a>
                            <ul>
                                <li><a href=""> Performance</a></li>
                                <li><a href=""> Suspensão</a></li>
                                <li><a href=""> Interior e Exterior</a></li>
                            </ul>
                        </li>
                    </ul>
                <li><a href="Sobre.html">Sobre</a></li>
                <li><a href="Contactos.html">Contactos</a></li>
            </ul>
        </nav>

        <div class="wrap push">
                <a href="#menu" class="menu-link"></a>
        </div>
    </div>
    <div class="sides">
    <a class="spotify"><iframe src="https://open.spotify.com/embed?uri=spotify:user:spotify:playlist:37i9dQZF1DXcBWIGoYBM5M" width="200" height="80" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe></a>
  </div>
          <div class="info">
              <h4><a href="#category">UI DESIGN</a></h4>
            <h1>ANIMATED HEADERS ARE THE BEST</h1>
        <div class="meta">
          <a  href="https://twitter.com/TomasDavid017" target="_b" class="author"></a><br>
          By <a href="https://twitter.com/TomasDavid017" target="_b"><u>Tomás David</u></a> on May, 2019
        </div>
      </div>
    </div>

__________________________________________________________________________________________________________

 

CSS:

__________________________________________________________________________________________________________

body{
    font-family: 'Roboto', sans-serif;
    background: #ffffff;
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    display: block;
}


.linha{
    width:960px;
    margin:0 auto;
    overflow:auto;
    padding:5px 0;
}
.coluna{
    padding:0 10px;
    float:left;
}
.col1{
    width:60px; /*60+80*/

}
.co2{
    width:140px; /*140+80*/
}
.col3{
    width:220px; /*220+80*/
}
.col4{
    width:300px; /*300+80*/
}
.col5{
    width:380px; /*380+80*/
}
.col6{
    width:460px; /*460+80*/
}
.col7{
    width:540px; /*540+80*/
}
.col8{
    width:620px; /*620+80*/
}
.col9{
    width:700px; /*700+80*/
}
.col10{
    width:780px; /*780+80*/
}
.col11{
    width:860px; /*860+80*/
}
.col12{
    width:940px; /*940+80*/
}


.header{
    position:relative;
  overflow:hidden;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  height:50vw;
  min-height:400px;
  max-height:550px;
  min-width:300px;
  color:#eee;
}

.header:after{
  content:"";
  width:100%;
  height:40%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(27,32,48,1) 100%);
}

.header:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
  background:#1B2030 url(Imagem\header.png) top center no-repeat;
  background-size:cover;
  background-attachment:fixed;
  animation: grow 60s  linear 10ms infinite;
  transition:all 0.2s ease-in-out;
  z-index:-2
}

.header a{
  color:#eee
}

__________________________________________________________________________________________________________

Compartilhar este post


Link para o post
Compartilhar em outros sites

Depois se me poder ajudar em relação aos backgrounds no css nao me estao a funcionar, se for no css na parte do header e do author tentei meter como me disse (background: url("Imagem/bimmer.jpg") no-repeat;) mas as imagens continuam a nao aparecer

Compartilhar este post


Link para o post
Compartilhar em outros sites

substitua esta parte para alinhar o spotify a direita:

 

.spotify {
    text-decoration: none;
    display: block;
    margin: 20px;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 1.2em;
    box-sizing: border-box;
    text-align: right;
}

 

e esta para o background:


.header {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    height: 50vw;
    min-height: 400px;
    max-height: 550px;
    min-width: 300px;
    color: #eee;
    background: url(../Imagem/bimmer.jpg) no-repeat;
}

 

se quiser alinhar o background: 

https://www.w3schools.com/cssref/pr_background-position.asp

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
    • Por Felipe Medeiros
      Bom, criei um tema filho e o que aprendi é que para alterar qualquer coisa do tema filho eu preciso copiar o arquivo do tema pai o colocar dentro da pasta do tema filho.
       
      No meu caso, estou usando o tema "Astra" bem famosinho. O arquivo css que quero modificar não está dentro da pasta do tema pai, está em "wp-content/uploads/uag-plugin/assets/0/uag-css-10.css" sendo que o diretorio do tema pai é "wp-content/themes/Astra"
       
      O problema é o seguinte, preciso modificar a barra de pesquisa da pagina inicial, porem o inspetor de elementos do chrome ta acusando que esse arquivo é o responsavel por estilizar a barra de pesquisa. Será que isso tem a ver com "Cache de objetos", eu sei que o plugin liteSpeed Cache, AMP, Rank Math, todos eles tem essas paradas de criar arquivos css e js para tornar o site mais rapido.
    • Por joeythai
      Boa tarde pessoal,
       
      Eu criei um formulário em que tenho 3 interações: evento click, change e uma chamada ajax. No evento on change ("select#removal_table_from" )eu faço uma chamada ajax onde eu passo como parametro o id do item selecionado e construo uma tabela dinamica com o próprio javascript, após isto, tenho um input em que o usuario coloca um valor de percentual para que eu possa preencher em 3 colunas da tabela que foi criada dinamicamente: moto_atualizado, carro_atualizado e caminhao_atualizado, até aí tudo bem, o codigo está fazendo isso, porém, como a tabela é criada dinamicamente eu preciso de alguma forma enviar o arrayData para meu backend mas quando faço o calculo dentro do loop apos resposta do meu ajax, os valores desses 3 campos chegam como null, não sei se é possível fazer o que pretendo ou se é ainda não sei como faz
       
      <code>
           $(document).ready(function (event) {   let arrayData = []; let percentage; let removal_vehicle; let removal_motorcycle; let removal_tuck; let apply_removal = $('#apply_removal');   // apply_removal.on('click', function () { // percentage = $('#percentage').val();   // $('.table-body tr').each(function () {   // let veiculo = $(this).find('.veiculo').text(); // let moto = $(this).find('.moto').text(); // let caminhao = $(this).find('.caminhao').text();   // let removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; // let removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; // let removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   // arrayData.push({ // removal_vehicle, // removal_motorcycle, // removal_tuck // })   // $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); // $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); // $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2)); // }); // });   apply_removal.on('click', function () { percentage = $('#percentage').val();   $('.table-body tr').each(function () {   let veiculo = $(this).find('.veiculo').text(); let moto = $(this).find('.moto').text(); let caminhao = $(this).find('.caminhao').text();   removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   arrayData.push({ removal_vehicle, removal_motorcycle, removal_tuck })   $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2));     console.log('Removal Vehicle:', removal_vehicle); console.log('Removal Motorcycle:', removal_motorcycle); console.log('Removal Truck:', removal_tuck); }); });   $('select#removal_table_from').on('change', function (e) { let table_id = $(this).val(); let action = route('removal.removal-values.show', table_id);   $.ajax({ type: "GET", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },   success: function (data) { $('.table-body').empty();   for (let i = 0; i < data.length; i++) { let carro = parseFloat(data[i].CARRO); let moto = parseFloat(data[i].MOTO); let caminhao = parseFloat(data[i].CAMINHAO); let distancia = data[i].DISTANCIA; let origem = data[i].ORIGEM; let destino = data[i].DESTINO; let localidadeOrigem = data[i].LocalidadeOrigem_ID; let localidadeDestino = data[i].LocalidadeDestino_ID;   let newRow = '<tr class="removal-row">' + '<td class="align-middle">' + '<div class="row">' + '<div class="col-1">' + '<span class="font-weight-bold">Origem</span><br>' + '<span class="origem">' + origem + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Destino</span><br>' + '<span class="destino">' + destino + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">KM</span><br>' + '<span class="km">' + distancia + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Veículo</span><br>' + '<span class="veiculo">' + carro + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Veículo Atualizado</span><br>' + '<input type="text" class="veiculo_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Moto</span><br>' + '<span class="moto">' + moto + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Moto Atualizado</span><br>' + '<input type="text" class="moto_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Caminhão</span><br>' + '<span class="caminhao">' + caminhao + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Caminhão Atualizado</span><br>' + '<input type="text" class="caminhao_atualizado">' + '</div>' + '</div>' + '</div>' + '</td>' + '</tr>';   $('.table-body').append(newRow); //let row = $('.removal-row:last');   // Calcula o valor atualizado e define nos campos diretamente // let veiculo_atualizado = carro + (carro * percentage) / 100; // let moto_atualizado = moto + (moto * percentage) / 100; // let caminhao_atualizado = caminhao + (caminhao * percentage) / 100; // console.log('PORCENTS: ', percentage); //console.log('Veiculo Atualizado:', veiculo_atualizado, 'Moto Atualizado:', moto_atualizado, 'Caminhao Atualizado:', caminhao_atualizado);   // Define os valores diretamente nos campos da nova linha // row.find('.veiculo_atualizado').val(veiculo_atualizado.toFixed(2)); // row.find('.moto_atualizado').val(moto_atualizado.toFixed(2)); // row.find('.caminhao_atualizado').val(caminhao_atualizado.toFixed(2));   arrayData.push({ carro, moto, caminhao, distancia, origem, destino, localidadeOrigem, localidadeDestino, removal_vehicle, removal_motorcycle, removal_tuck }); }   $('#copy_data_table').val(JSON.stringify(arrayData)); }   }); });   //javascript para o formulario de cadastro // $(document).ready(function (event) { $('#uf').change(function () { let code_city = $(this).val(); let deposit = localStorage.getItem('selected_deposit_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city').empty(); $('#deposit').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '<option>'); }   if (data.deposits.length > 0) { for (let i = 0; i < data.deposits.length; i++) { $('#deposit').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '<option>'); } } else { // $('#deposit').prop('disabled', true); // $('#city').prop('disabled', false); }   $('#city').trigger('change'); } });   });   $('#deposit').on('change', function () { depositId = $(this).val(); localStorage.setItem('selected_deposit_id', depositId); });   $('#uf_destiny').change(function () { let code_city = $(this).val(); let depositDestiny = localStorage.getItem('selected_deposit_destiny_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city_destiny').empty(); $('#deposit_destiny').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city_destiny').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '</option>'); }   if (data.deposits.length > 0) { // $('#deposit_destiny').prop('disabled', false); //$('#city_destiny').empty(); // $('#city_destiny').prop('disabled', true); for (let i = 0; i < data.deposits.length; i++) { $('#deposit_destiny').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '</option>'); } } else { // $('#deposit_destiny').prop('disabled', true); // $('#city_destiny').prop('disabled', false); }   $('#city_destiny').trigger('change'); } }); });   $('#deposit_destiny').on('change', function () { let depositDestinyId = $(this).val(); localStorage.setItem('selected_deposit_destiny_id', depositDestinyId); });   }); </code>
    • Por babylon
      Olá galera tudo bem?
      Deixa eu perguntar, estava mexendo no meu site e queria adicionar em html essa tabela porem esta dando erro pois fica assim:
       

      Porem gostaria que ficasse assim:

      Segue o código da tabela:
      <center><table border="0">
          <tr>
      <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Bicicleta<br> <font color="#0092df">..</font>Track Bikes<br> <font color="#0092df">..</font>Aro 29 TKS</b></a></span><br><br><font size="5"><center><span style="background-color: #A1CD44">DE:</span></font> <br><font size="5"><s>R$ 1.999,99</center></font></s> </td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itembicicleta.jpg"><br><font size="5"><center><span style="background-color: #A1CD44">COM - 60%:</span></font> <br><font size="5">1.199,99</font></center></a></td>
             <td><font color="#ffffff">....</font></td>
              <td bgcolor="#0092df" width="24%"><a href="/categorias?ename=smartphones"><span style="font-size: 20px; color: #ffffff;"><b> <font color="#0092df">..</font>Monitor 24"<br> <font color="#0092df">..</font>Samsung<font color="#0092df">aa.aa</font><br> <font color="#0092df">..</font>1ms 144hz</b></a></span></center></td><td><p><a href="/categorias?ename=smartphones"><img src="/static/img/itemmonitor.jpg"></a></td>
          </tr>
          </table></center>
      O que estaria errado, pois não sei como colocar nessa tabela outro fundo de outra cor, veja que usei td bgcolor="#0092df" para o azul escuro mas não sei como usaria pro "#e4f1fb" para o fundo ficar de azul claro em baixo bem como não ficou correto em altura o "DE:" com o "COM - 60%:".
      Bom é isso, obg.


×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.