Jump to content
Ruy Hoffmann

Http Tabelas ou ... ?

Recommended Posts

Bom dia pessoal,

 

Sou novato e estou montando meu primeiro site em html.  Cheguei na parte de dispor as imagens dos produtos, legendas e um botão "alugar". A disposição da tela quero algo igual ao site da americanas, extra, ml, ou seja, pequena figura do produto em linha uma ao lado da outra, abaixo de cada figura uma legenda em texto, abaixo de cada legenda  um botão "alugar". Formando um bloco de 4 a 5 produtos começa tudo de novo logo abaixo num novo bloco horizontal de produtos..

 

Olhando esses sites me parece uma Tabela sem bordas sendo utilizada.

 

Então a pergunta é devo utilizar Tabela no Html ou devo seguir por outro caminho?

Share this post


Link to post
Share on other sites

Ruy, tudo bem?

Ao conjunto que você ver nesses sites, é que é utilizado HTML e CSS para fazer a manipulação,

N caso do site Americanas eles não utiliza Tabela e sim utilizam o CSS para manipular a DIV a responder de acordo com a formatação.

Share this post


Link to post
Share on other sites

Oi Francklyn, tudo bem sim,

 

Primeiro obrigado pela sua ajuda!!! :) tentei dar um "like" na sua mensagem mas dá erro.

 

Entendi, sem Tabelas. Eu estou fazendo "aulas online" e já fechou a parte de CSS. Consegui fazer o código abaixo que resulta em 3 figuras lado-a-lado na horizontal e duas linhas de textos abaixo das figuras, mas achei trabalhoso, imagine eu ter 300 produtos e ter que fazer o mesmo linha a linha.... bem como nem finalizei, ainda quero botar um botão "Alugar" abaixo dos textos... enfim... acho que estou fazendo pelo caminho mais trabalhoso.

 

Bom, se você ou algum outro colega esbarrar em algum tutorial, video-aula ou coisa assim que exemplifique justamente isso posta aqui o link por favor.

Veja o que fiz de teste, até deu certo, mas dezenas de códigos digitados só para colocar 3 produtos apenas, tenho mais 297 para colocar!!!:

 

HTML

<section id="capas"> <!--INI: Essa seção adiciona as capas dos jogos, lado a lado - Ruy Hoffmann 03/02/2019-->
    <div class="capas">
    <img src="file:///D:/Ruy/2019/Locadora/HTML/_jogos/PS4Spide-man.jpg" title="Spider-Man" hspace="25">
    <p>Homem Aranha</p>
    <p>Disponível</p>
    </div>
    <!--figcaption>
    <p>Homem Aranha</p>
    </figcaption-->
    <div class="capas">
    <img src="file:///D:/Ruy/2019/Locadora/HTML/_jogos/PS4TheLastOfUs.jpg" title="The Last of Us" hspace="25">
    <p>The Last of Us</p>
    <p>Disponível</p>
    </div>
    <!--figcaption>
    <p>The Last Of Us</p>
    </figcaption-->
    <div class="capas">
    <img src="file:///D:/Ruy/2019/Locadora/HTML/_jogos/PS4ResidentEvil2.jpg" title="Resident Evil 2" hspace="25">
    <p>Resident Evil 2</p>
    <p>Disponível</p>
    <!--figcaption>
    <p>Resident Evil 2</p>
    </figcaption-->    
    </div>
</section>

 

CSS

/*CAPAS - Ruy Hoffmann 06/02/2019 */
div.capas
{
    width:150px;
    display: inline-block;
    margin:0px 25px 0px 0px;
    padding-bottom:0px;
    padding-top:0px;
}
div.capas p
{
    padding-bottom:0px;
    padding-top:0px;
    margin:0px 0px 0px 25px;
    font-size:12pt;
    font-weight:bold;
}

/* RODAPÉ */
footer
{
    background-color:black;
}
footer h6
{
    padding:5px;
}
 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By bobzznnn
      Olá meus amigos, eu não sei onde postar minha dúvida, então vou por aqui pois talvez alguem possa me ajudar.
      É o seguinte, trabalho com sistema de Marketing em Laravel e pra cada usuário tem comissões multiniveis, ou seja
      " Pedro indicou Maria( que neste caso 'Maria' Ficaria em Baixo de 'Pedro'. Até aí tudo bem!) logo após 'Maria' Recrutou outro membro o 'Joaquin'
      ( que neste caso 'Joaquin' Ficaria em Baixo de 'Maria')<-- eu não consigo mostrar este indicado('Joaquin') ao 'Pedro' que está lá em cima.
       
      Exemplo: Suponhamos que eu sou o tal 'Pedro' e este da imagem abaixo é a 'Maria', sendo em baixo dela tem o ' Joaquin'(que n está aparecendo).
      Gostaria de saber alguma forma de como clicar na 'Maria' e aparecer o 'Joaquin'.
       
       

       
      segue meu html:
       
      <table id="example2" class="table table-bordered table-hover"> <thead> <tr> <th>Nome</th> <th>Email</th> <th>Telefone</th> <th>Situação</th> <th>Investimento</th> <th>Graduação</th> </tr> </thead> <tbody> @inject('usuarios', 'App\User') @foreach($usuarios->getIndicados() as $user) <tr> <td><b>{{$user->name}}</b></td> <td>{{$user->email}}</td> <td>{{$user->telefone}}</td> <!-- <td>{{$user->getUserDirection()}}</td> --> <td>{{$user->getStatus()}}</td> <td>{{$user->getPacote()->nome}}</td> <td>{{$user->minhaGraduacao()}}</td> </tr> @endforeach </tbody> </table>  
      Aqui o PHP:
       
      public function getIndicados($id = '') { if ($id == '') { $id = Auth::user()->id; } $reffer = Referrals::where('pai_id', $id)->get(); $users = array(); foreach ($reffer as $key => $r) { $users[$key] = $this->where('id', $r->user_id)->first(); } return $users; } public function getFilhos($id = null, $count = false) { if (!$id) { $id = $this->id; } $reffer = Referrals::where('system_id', $id)->orderBy('direcao', 'ASC')->get(); $users = array(); foreach ($reffer as $key => $r) { $user = $this->where('id', $r->user_id)->first(); $user->direcao = $this->getUserDirection($r->user_id); $users[$key] = $user; } if ($count) { return count($users); } return $users; }  
    • By tomas.david100
      Boa tarde tenho a seguinte dúvida será possível utilizar um css só para o menu lateral e outro css para o body? Vou deixar uma imagen a seguir para se perceber melhor.
       

    • By GabrieldaBahia
      Tenho duas paginas HTMl e o PHP onde estou tratando uns dados XML retornado após a leitura de um arquivo, porém estou com uma duvida besta, preciso pegarum valor que pego do XML e colocar dentro de uma tag html,  já fiz assim e nada </caption> <?php  echo $cnpj ?><caption>
      a pagina PHP está sendo chamada no HMTL pelo require_once.
       
       
      trecho do HTML
       
      <head>     <title>Testes</title> </head> <?php include_once 'load.php'; ?>   <body>   <table> <caption >Ti<?php echo $cnpj ?></caption> <tr> Trecho do PHP   $arq = simplexml_load_file('29190411412201000112650010000000181000000180-nfe.xml') or die("Erro ao carregar arquivo XML");   foreach($arq->NFe->infNFe->children() as $infNFe){ $cnpj = $infNFe->CNPJ;   }
    • By makinh0
      <table width="90%" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-top:10px;">
      <tr>
        <td align="center" bgcolor="<?php echo $background ?>"><table width="100%" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-top:10px;">
          <tr>
            <td width="48%" align="left" bgcolor="#3399FF"><strong>Produto</strong></td>
            <td width="16%" align="center" bgcolor="#3399FF"><strong>Hora</strong></td>
            <td width="19%" align="center" bgcolor="#3399FF"><strong>Mesa</strong></td>
            <td width="9%" align="left" bgcolor="#3399FF"><strong>Garçom</strong></td>
            <td width="8%" align="center" bgcolor="#3399FF"><strong>Ação</strong></td>
             <td width="8%" align="center" bgcolor="#3399FF"><strong>Observações</strong></td>
          </tr>
          <?php 
        $sql = mysql_query("SELECT * FROM tbl_carrinho INNER JOIN garcon ON tbl_carrinho.idGarcon = garcon.idGarcon WHERE destino='1' AND status = '0' ORDER BY id DESC") or die(mysql_error());
        while($ver = mysql_fetch_array($sql)){
          $background = (++$i%2) ? '#FFFFF' : '#F2F2F2';
          $feito = $ver['feito'];
        ?>
          <tr>
            <td bgcolor="<?php echo $background ?>"><?php echo $ver['nome']; ?></td>
            <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['time']; ?></td>
            <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['id_mesa'] ?></td>
            <td bgcolor="<?php echo $background ?>"><?php echo $ver['nomeGarcon'] ?></td>
              <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['id_mesa'] ?></td>
            <td bgcolor="<?php echo $background ?>">
       
       
      Sistema restaurante; gente precisava fazer a tela de observacoes , tipo na tela cozinha aparece produto,hora,mesa,garcom e acao, queria por observacao para a cozinha receber como o cliente quer? alguem tem ideia?obg
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.