Jump to content
Fórum Script Brasil
  • 0

Padding teimoso


EduardoMSilva
 Share

Question

Olá, pessoal!

Preciso de uma ajudinha...

Estou criando um site para um amigo, não sou profissional, mas gosto e sou autodidata.

Encontrei um problema com a padding na css:Captura de tela de 2016-04-20 16:01:27.pngCaptura de tela de 2016-04-20 16:01:51.png 

body 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  width: 100%;
}
.tudo
{
  width: 100%;
  padding: 0;
}

.topoLogo
{
  width: 100%;
  height: 75px;
  float: left;
  background-color: #FFFFFF;
  background-image: linear-gradient(to bottom right,#fff 50%, #8B0000);
  background-image: -webkit-linear-gradient(to top left, #fff 50%, #8B0000 ); /* For Safari 5.1 to 6.0 */
  background-image: -o-linear-gradient(to bottom right,  #fff 50%, #8B0000 ); /* For Opera 11.1 to 12.0 */
  background-image: -moz-linear-gradient(to bottom right, #fff 50%, #8B0000 ); /* For Firefox 3.6 to 15 */

}

.topoMenu
{
  width: 100%;
  height: 30px;
  float: left;
  padding-left: 68px;      --------> AQUI: estes 68px empurram a .menu-opcao para direita, como é de se esperar, mas também "fogem" pra fora dos 100% da tela.
  background: #8b0000;
  background-image: linear-gradient(to top left,#8B0000 50%, #fff);
  background-image: -webkit-linear-gradient(to top left, #8b0000 50%, #fff ); /* For Safari 5.1 to 6.0 */
  background-image: -o-linear-gradient(to bottom right,  #8b0000 50%, #fff ); /* For Opera 11.1 to 12.0 */
  background-image: -moz-linear-gradient(to top left, #8b0000 50%, #fff ); /* For Firefox 3.6 to 15 */

}

header
{
  padding-bottom: 20px;
}
header figure
{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  
}

header nav ul li
{
  padding: 5px 2px 2px 2px;
  list-style: none;
}

.menu-opcao
{
  height: 18px;
  float: left;
  display: inline;
  font-size: small;
  background-color: #EEA2AD;
  border-color: #FFF68F;
  padding: 5px 2px 5px 2px;
  margin: 3px 1px 3px 1px;
  
}
 

 

Aqui o index.php (tirei o texto)

<!DOCTYPE html>
<html>

<head>
   <title>D&nbsp;U&nbsp;P&nbsp;L&nbsp;I&nbsp;C&nbsp;A&nbsp;T&nbsp;T&nbsp;E&nbsp;&nbsp;Modelagem Matem&aacute;tica</title>
   <meta charset="utf-8">
   <meta name="description" content="DUPLICATTE Modelagem Matem&aacute;tica - Joinville - SC">
   <meta name="keywords" content="duplicatte, modelagem, matem&aacute;tica, contas, c&aacute;lculo, estat&iacute;stica, gest&atilde;o,
               planejamento, otimiza&ccedil;&atilde;o, joinville, rovina">  
   <meta name="robots" content="index,follow">
   <link rel="stylesheet" type="text/css" href="reset.css" />
   <link rel="stylesheet" type="text/css" href="rovina.css" />
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
   <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
   <![endif]-->
</head>
<body>
<div class="tudo">
<?php  date_default_timezone_set('America/Sao_Paulo');  ?>
<header>
   <div class="topoLogo">

   <figure><img src="imagens/duplicatte.png" alt="Duplicatte Modelagem Matem&aacute;tica"></figure>
   </div>

   <div class="topoMenu">
      <nav><?php include "menu.php"; ?></nav>

</div> </header>
<section>
 <div class="meio">
 <div class="meioE">&nbsp;</div>
 <div class="meioC">
   <section class="texto">
   <h1>Modelagem Matem&aacute;tica</h1>
   <p> 
  </p>
  </section>
</div>
<div class="meioD">
  <section class="textoD">

    <?php   
        include 'conecta.php';
        include 'resumoindices.php';
        mysql_close($conecta);
     ?></div>  </section>
   
  <section>
  </section>

</div>
</section>

</body></html>  

 

E aqui o menu.php


  <div class="menu-opcao"><a href="index.php">In&iacute;cio</a></div>
  <div class="menu-opcao"><a href="#">Modelagem Matem&aacute;tica</a></div>
  <div class="menu-opcao"><a href="#">Simuladores</a></div>
  <div class="menu-opcao"><a href="#">&Iacute;ndices</a></div>
  <div class="menu-opcao"><a href="correcao.php">Corre&ccedil;&atilde;o Monet&aacute;ria</a></div>
  <div class="menu-opcao"><a href="didatico.php">Did&aacute;tico</a></div>
  <div class="menu-opcao"><a href="#">Quem somos</a></div>
  <div class="menu-opcao"><a href="contato.php">Contato</a></div>
  <div class="menu-opcao"><a href="noticias.php">Not&iacute;cias</a></div>
 

Tenho certeza que é algo imbecil que fiz aqui, mas não tô conseguindo pensar mais numa solução. Alguém ajuda?

Obrigado,

Eduardo

Edited by EduardoMSilva
Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Forum Statistics

    • Total Topics
      149.6k
    • Total Posts
      646.2k
×
×
  • Create New...