Jump to content
paulaodaregulage

[Resolvido] Ampliar tela e não prejudicar a planilha com a imagem de fundo

Recommended Posts

Boa tarde Srs...

Como poderia fazer para evitar que a ampliação da imagem ,através da ampliação do navegador ,estrague a posição das minhas informações(da planilha) que estavam propositalmente colocadas em cima do mapa?

 

<table  id='estados'  background='mapa_brasil.png' border='1'>

<tr>

<td>dados 1a <td>  <td>dados 2a <td>  <td>dados 3a <td>

</tr>

<tr>

<td>dados 1b<td>  <td>dados 2b <td>  <td>dados 3b <td>

</tr>

</table>



<style>

     #estados {
width:85%;
height:180%;
position:absolute;
max-width: 85%;

     }

</style>

 

obs.:desculpe por colocar o script fora do local correto....é pq estava dando erro para coloca-lo.

 

 

obgd

 

 

Edited by Gabriel Heming
adicionar marcação de código

Share this post


Link to post
Share on other sites

Terá que nos fornecer mais exemplos. Pois, até agora, não há como verificarmos o que realmente está ocorrendo.

 

Movido: PHP -> HTML/CSS

Share this post


Link to post
Share on other sites

Boa noite Gabriel,

N precisa se preocupar com oq eu postei anteriormente....

Oq eu qro é colocar. Algumas informaçoes por cima de uma imagem(imagem de fundo )

Por exemplo...qro colocar a imagem do mapa do brasil

E por cima colocar algumas bolinhas verdes e outras vermelhas em certos estados..

 

E pra isso estou usando uma planilha por cima da imagem

E depois estou colocando border='0'

Para n aparecer as linhas da planilha...so as bolinhas mesmo..

 

Mas ...qdo visualizo em monitores diferentes...fica td fora das posicoes

 

Entao qria saber oq colocar. No css

Para evitar essa pane

 

O id da imagem eh id=imagem

E o id da planilha q vai por cima com as bolinhas em cada campo...eh id=planilha

 

 

Como deveria ficar meu <style>

#imagem{ }

#planilha{ }

<\style>

 

?

Share this post


Link to post
Share on other sites

Faz um tempo que eu não trabalho com HTML/CSS, mas eu procuraria criar um elemento (tag div) aonde a imagem estaria inserida.

 

Essa div, teria que ter position relative ou absolute. E, sobre a imagem, iriam os elementos com o position absolute.

 

A div deve ter uma das duas positions, para que as demais imagens, que iria sobrepor a imagem original, utilizem a div como referência.

 

Seria algo assim:

#background
{
    background-image: url("image.jpg");
    height: 500px;
    position: relative;
    width: 1000px;
}

.draw
{
   position: absolute;
}

HTML

<div id="background">
    <img src="image.jpg" class="draw img1" />
    <img src="image.jpg" class="draw img2" />
    <img src="image.jpg" class="draw img3" />
</div>

E, para cada imagem, controle o position dela

.draw.img1
{
   left: 500;
   top: 50;
}

 

Acredito que assim não terá problemas com o redimensionamento.

  • Obrigado! 1

Share this post


Link to post
Share on other sites

@marcos123
O tópico já foi resolvido e você postou um link dizendo que ali explica como fazer,
mas o link é para a Home do seu Blog.
Você se registrou no fórum hoje e já fez 8 posts com o link para seu Blog.
Leia as regras do fórum em: https://forum.imasters.com.br/guidelines/

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 JeanTDZ
      Olá pessoal!
       
      Estou com uma tremenda dificuldade.
      Tenho um formulário na qual está funcionando e cadastrando, porém preciso que o meu botão adicionar autorizado funcione e mostre o que foi digitado para o e-mail. As informações na vdd é enviada para o e-mail e o que será enviado é oque será digitado.
       
      Simplificando ->
      Tenho um botão que adiciona 2 inputs (NOME E SALDO) e conforme for clicando nesse botão, vai adicionando mais campos.
      Dúvida: Como posso fazer com que grave o que foi digitado nesses campos?
       
      Segue o que eu tentei fazer até agora:

      HTML
      <!DOCTYPE html> <html>     <head>         <title>Chame Taxi PrePago</title>                 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>         <link rel="icon" type="image/x-icon" href="https://www.flaticon.com/premium-icon/icons/svg/1361/1361253.svg" />         <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>     </head>     <body>         <br />         <div class="container" style="width:100%; max-width:600px">             <h2 align="center">Pré-Pago</h2>             <br />             <div class="panel panel-default">                 <div class="panel-heading"><h4>Registrar</h4></div>                 <div class="panel-body">                     <form method="post" id="register_form">                         <?php echo $message; ?>                         <div class="form-group">                             <label>Nome Completo</label>                             <input type="text" name="user_name" style="text-transform:uppercase" class="form-control" pattern="[a-zA-Z ]+" required />                         </div>                         <div class="form-group">                             <label>E-mail</label>                             <input type="email" name="user_email"  style="text-transform:uppercase" class="form-control" required />                         </div>                         <div class="form-group">                             <label>CEP</label>                             <input type="text" name="campob" id="cep" value="" maxlength="9" onblur="pesquisacep(this.value);" class="form-control">                         </div>                         <div class="form-group"> <table id="myTable" class="table"> <a class="btn btn-primary" onclick="myFunction()" href="#" role="button">Adicionar Autorizado</a>             <thead>                 <tr>                     <th>NOME</th>                     <th>SALDO</th>                 </tr>             </thead>         </table>                         <div class="form-group">                             <input type="submit" name="register" id="register" value="Validar" class="btn btn-info" />                         </div>                     </form>                 </div>             </div>         </div>     </body> </html> JAVASCRIPT 
       
          <script>         var incremento = -1;         function myFunction() {             incremento++;             var table = document.getElementById("myTable");             var row = table.insertRow(0);             var cell1 = row.insertCell(0);             var cell2 = row.insertCell(1);             var cell3 = row.insertCell(2);             var cell4 = row.insertCell(3);             cell1.innerHTML = "NOME";             cell2.innerHTML = '<input type="text" name="name1[${incremento}]" >';             cell3.innerHTML = "SALDO";             cell4.innerHTML = '<input type="text" name="saldo[${incremento}]" size="15px" >';         }     </script>  
    • By gramosiri2
      Oi estou tentando passar um valor através de uma variável em uma query, porém não está mostrando o resultado que eu quero.
       
      Aqui eu pego o ultimo id do pedido
      <?php while($row = $consulta_pedido2->fetch_assoc()){ echo $row['id_pedido']; }?> E aqui eu faço a query e passo variável...
      $query ="SELECT itempedido.id_itempedido, itempedido.valor, ... FROM itempedido INNER JOIN produto ON ... WHERE itempedido.pedido_id = '$row'"; No caso onde está a variável $row, se eu colocar o numero do pedido manualmente, me retorno os itens daquele pedido, agora com a variável não está mostrando, alguma ideia?
    • By gustavodubarbosa
      Estou criando uma página que realize monitoramento de atividades.
      No meu código PHP defini uma variável que busca a data atual, depois passei o parâmetro de conexão com o banco de dados, depois criei um while para buscar as informações, dentro do while criei um if, a condição if é que se a variável data for igual a data cadastrada na atividade, exiba toda a atividade cadastrada. Mas o problema é que o if não está controlando essa condição, está passando direto e exibindo tudo.
      <?php $number = ('23'); $data = date("Y-m-d"); echo "$data"; /*Aqui realizo a conexão com o banco de dados, passo os dados para conectar, caso dê algum erro, o sistema me retorna uma mensagem de erro*/ $conect = mysqli_connect('localhost','root','','projeto_pessoal') or die ('Erro na conexão com o banco de dados'); /*Aqui passo o comando para realizar a busca no banco de dados, aplicando o filtro de pesquisa*/ $result_pesquisa = "SELECT * FROM cadastrar_atividade"; /*Neste momento, mando a execução, preciso passar como parametro a variável com a conexão e a variável com o comando, caso dê erro, será exibido uma mensagem*/ $resultado_pesquisa = mysqli_query($conect, $result_pesquisa); /*Aqui é aberto um laço de repetição para fazer uma varredura no banco de dados, em seguida realizo a exibição do que foi encontrado*/ ?> <h1>Resultado da Pesquisa</h1> <?php while($rows_pesquisa = mysqli_fetch_array($resultado_pesquisa)){ if($rows_pesquisa['prazo'] == $data) echo '<p class="title">'.'ID da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['id'].'<br>'.'</p>'; echo '<p class="title">'.'Nome da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['nome_atividade'].'<br>'.'</p>'; echo '<p class="title">'.'Descrição da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['desc_atividade'].'<br>'.'</p>'; echo '<p class="title">'.'Prioridade: '.'</p>'.'<p class="result">'.$rows_pesquisa['prioridade'].'<br>'.'</p>'; echo '<p class="title">'.'Prazo: '.'</p>'.'<p class="result">'.$rows_pesquisa['prazo'].'<br>'.'</p>'; echo 'carregado'; echo '<hr></hr>'; } ?>  
    • By violin101
      Caros amigos, saudações...
       
      Por favor me perdoa por recorrer ao auxílio dos amigos, mas estou com uma pequena dúvida.
       
      Preciso passar uma Variável [_caminho de Imagem_] para a Modal mas infelizmente não estou conseguindo.
       
      Consigo passar as variáveis do ID e DESCRIÇÃO, mas não consigo passar a variável da IMAGEM.
      <?php <a href="#modalImagem" role="button" data-toggle="modal" class="btn btn-warning" codg="'.$r->idcodigo.'" descr="'.$r->descprd.'" image="'.$r->imgprd.'" style="margin-right: 1%">Ver </a> ?>  
      Como consigo passar essa variável para poder visualizar ?
       
      Grato,
       
      Cesar
    • By Robson Barros da Rocha
      Bom dia.
       
      Criei uma função que permite escrever quando a mesma é chamada, contudo, ela retorna que deu falha ao abrir o arquivo, mas, o arquivo existe e na própria função existe o recurso para checar se ela existe.
      <?php function escrever($file,$content) { $ftp_server = "ftp.meusite.com"; $conn_id = ftp_connect($ftp_server); $login = ftp_login($conn_id, 'admin', '050406'); if(file_exists($file)) { $arquivo = fopen($file,'r+'); if ($content) { if (!fwrite($arquivo, 'Novo conteúdo')) die('Não foi possível atualizar o arquivo.'); echo 'Arquivo atualizado com sucesso'; fclose($arquivo); } } } ?> Pela documentação do PHP eu entendo que não cometi erros. Será que alguém pode me dar um caminho neste sentido? O retorno é:
       
×

Important Information

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