Problema com CSS do Menu

LigaSP · Setembro 14, 2012

Abaixo listo o código de um menu horizontal que peguei no forum e ele não funciona no meu site.

Dá um conflito de CSS.

Explico: Meu site já usa um estilo CSS, quando tiro essa linha da minha pagina, <link rel="stylesheet" href="estilos/estiloindex.css" type="text/css" /> , menu funciona perfeitamente, mas descaracteriza design do resto da página.

Alguém pode me ajudar? SE deixo o estiloindex.css da minha página a margem não alinha.

<?php header('Content-Type: text/html; charset=utf-8'); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Copa i9 iNove de Futsal</title>

function vertical() {

var navItems = document.getElementById("nav").getElementsByTagName("li");

for (var i=0; i< navItems.length; i++) {

if(navItems.className == "submenu") {

navItems.onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}

navItems.onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";}

}

function horizontal() {

var navItems = document.getElementById("barra").getElementsByTagName("li");

for (var i=0; i< navItems.length; i++) {

if((navItems.className == "menuvertical") || (navItems.className == "submenu"))

{

if(navItems.getElementsByTagName('ul')[0] != null)

{

navItems.onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}

navItems.onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";}

}

</script>

<style type="text/css">

body { font: italic 80.5% arial; }

ul.menubar

{

margin: 0px;

padding: 0px;

background-color: #FFFFFF; /* IE6 Bug */

font-size: 100%;

}

ul.menubar .menuvertical

{

margin: 0px;

padding: 0px;

list-style: none;

background-color: #FFFFFF;

border: 1px solid #ccc;

float:left;

}

ul.menubar ul.menu

{

display: none;

position: absolute;

margin: 0px;

}

ul.menubar a

{

padding: 5px;

display:block;

text-decoration: none;

color: #777;

padding: 5px;

font-family: Arial, Helvetica, sans-serif;

}

ul.menu,

ul.menu ul

{

margin: 0;

padding: 0;

border-bottom: 1px solid #ccc;

width: 150px; /* Width of Menu Items */

background-color: #FFFFFF; /* IE6 Bug */

}

ul.menu li

{

position: relative;

list-style: none;

border: 0px;

}

ul.menu li hr

{

width: 148px;

padding: 0px;

margin: 0px;

}

ul.menu li a

{

display: block;

text-decoration: none;

border: 1px solid #ccc;

border-bottom: 0px;

color: #777;

padding: 5px 10px 5px 5px;

}

/* Fix IE. Hide from IE Mac \*/

* html ul.menu li { float: left; height: 1%; }

* html ul.menu li a { height: 1%; }

/* End */

ul.menu ul

{

position: absolute;

display: none;

left: 149px; /* Set 1px less than menu width */

top: 0px;

}

ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */

ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; }

ul.menu li a:hover { color: #E2144A; }

</style>

</head>

<body onload="vertical();horizontal();">

<?php include_once("includes/barrasuperior.php"); ?>

<table width="970" border="0" cellspacing="0" cellpadding="0">

<tr>

<td valign="top">

<?php include_once("includes/menu_esquerdo.php"); ?></td>

<td rowspan="2" valign="top" bgcolor="#FFFFFF" class="areacentral">

<p class="MsoNormal" align="right" style="margin-bottom:.0001pt;text-align:right;"><em><span style="line-height:115%; font-family:'Arial','sans-serif'; font-size:12.0pt; color:#4A452A; ">Edições anteriores: |2012 |2013 |2014|</span></em><br /><br /></p>

<ul id="barra" class="menubar">

<li class="menuvertical"><a href="#">Apresentação</a>

<ul id="nav" class="menu">

<li><a href="#">1ª Copa i9 2012</a></li>

<li><a href="#">2ª Copa i9 2013</a></li>

</ul>

</li>

<li class="menuvertical"><a href="#">Regulamento</a>

<ul id="nav" class="menu">

<li><a href="#">Temporada 2012</a></li>

<li><a href="#">Temporada 2013</a></li>

</ul>

</li>

<li class="menuvertical"><a href="#">Tabela de Jogos</a>

<ul id="nav" class="menu">

<li class="submenu"><a href="#">1ª Copa i9 2012</a>

<ul>

<li><a href="#">Copa Sábado</a></li>

<li><a href="#">Copa Domingo</a></li>

<li><a href="#">Copa Feminina</a></li>

</ul>

</li>

</ul>

</li>

<li class="menuvertical"><a href="#">Classificação</a>

<ul id="nav" class="menu">

<li class="submenu"><a href="#">1ª Copa i9 2012</a>

<ul>

<li><a href="#">Copa Sábado</a></li>

<li><a href="#">Copa Domingo</a></li>

<li><a href="#">Copa Feminina</a></li>

</ul>

</li>

</ul>

</li>

<li class="menuvertical"><a href="#">Artilharia</a>

<ul id="nav" class="menu">

<li class="submenu"><a href="#">1ª Copa i9 2012</a>

<ul>

<li><a href="#">Copa Sábado</a></li>

<li><a href="#">Copa Domingo</a></li>

<li><a href="#">Copa Feminina</a></li>

</ul>

</li>

</ul>

</li>

<li class="menuvertical"><a href="#">Sumulas On-line</a>

<ul id="nav" class="menu">

<li class="submenu"><a href="#">1ª Copa i9 2012</a>

<ul>

<li class="submenu"><a href="#">Copa Sábado</a>

<ul>

<li><a href="#">1ª Rodada</a></li>

<li><a href="#">2ª Rodada</a></li>

</ul>

</li>

<li class="submenu"><a href="#">Copa Domingo</a>

<ul>

<li><a href="#">1ª Rodada</a></li>

</ul>

</li>

<li class="submenu"><a href="#">Copa Feminina</a>

<ul>

<li><a href="#">1ª Rodada</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

<li class="menuvertical"><a href="#">Cartões</a>

<ul id="nav" class="menu">

<li class="submenu"><a href="#">1ª Copa i9 2012</a>

<ul>

<li class="submenu"><a href="#">Copa Sábado</a>

<ul>

<li><a href="#">Cartões Amarelos</a></li>

<li><a href="#">Cartões Vermelhos</a></li>

</ul>

</li>

<li class="submenu"><a href="#">Copa Domingo</a>

<ul>

<li><a href="#">Cartões Amarelos</a></li>

<li><a href="#">Cartões Vermelhos</a></li>

</ul>

</li>

<li class="submenu"><a href="#">Copa Feminina</a>

<ul>

<li><a href="#">Cartões Amarelos</a></li>

<li><a href="#">Cartões Vermelhos</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

<p> </p>

<td valign="top">

<?php include_once("includes/menu_direito.php"); ?></td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td height="94" colspan="3" align="center" style="background-image:url(imagens/index/bottomfundo.png);background-repeat:repeat-x;font-size:11px">

<?php include_once("includes/barrainferior.php"); ?>

</td>

</tr>

</table>

</body>

</html>

Apulko · Setembro 14, 2012

É provável que o conflito se de as classes e não ao endereço do css.

Trabalhe com algumas div's aí, pra dar uma estrutura melhor.

Marcos Xavier · Setembro 14, 2012

Provavelmente em algum dos arquivos chamados por include, tem algum elemento

que é declarado no estiloindex.css.

Exemplo:

Supondo que index.php(o code que você postou) chame por include o arquivo menu_esquerdo.php tenha o seguinte código:

<ul>
  <li>Alguma coisa</li>
  <li>Alguma coisa</li>
  <li>Alguma coisa</li>

</ul>

E no arquivo estiloindex.css:

ul{...}
li{...}

Com este cenário que descrevi index.php poderia ser renderizado não como desejavamos.

Verifique seu estiloindex.css e se for o caso coloque id ou classe para elementos(ul,li ,div) que possam ser redundantes.

LigaSP · Setembro 14, 2012

Agradeço aos amigos pela resposta, e vou além...

Utilizando-se desse mesmo código, como eu poderia usa-lo de forma prática, para evitar esse conflito?

Poderia me passar já "arrumado"

Pois não consegui visualizar a solução,

Desculpem a dificuldade

Marcos Xavier · Setembro 14, 2012

Posta o css estiloindex.css

LigaSP · Setembro 14, 2012

Segue, Marcos...

----------------------------------------------

@charset "utf-8";

body {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

text-align: left;

color: #000;

}

a {

text-decoration:none;

}

a:hover {

color: #F00;

font-weight: bold;

font-size: 11pt;

font-style: normal;

}

.areacentral {

width:705px;

padding:0px 10px 10px 15px;

text-align: left;

color: #000;

}

.areacentral p {

padding-left:10px;

text-align:left;

font-size: 11px;

font-style: normal;

font-weight: bold;

}

.areacentral ul li {

margin-top: 17px;

font-size: 12px;

}

#indexnfc h1{

margin-top:0px;

padding:3px;

text-align:center;

color: #333;

background-color: #FFFFFF;

font-size: 11px;

font-style: italic;

font-family: Arial, Helvetica, sans-serif;

}

#indexnfc h2{

color:#000;

border-bottom:0px solid #FF8000;

margin-bottom:5px;

padding-left:5px;

padding-bottom:5px;

text-align: center;

}

#indexnfc h3{

color:#000;

font-size: 11px;

text-align: left;

}

#indexnfc .nfcdestaque {

width:100%;

border-collapse:collapse;

}

#indexnfc .nfcdestaque .noticiadest {

padding-left:5px;

padding-right:5px;

width:50%;

vertical-align:text-top;

}

#indexnfc a img{

border:0px solid #666633;

width:120px;

}

#indexnfc a img:hover{

border:0px solid #FFCB97;

}

#pnfcdata {

text-align:right;

color:#666666;

padding-right:17px;

margin:0px;

font-size:12px;

}

#index_est_fil .listaequipes {

width:auto;

}

#index_est_fil .listaequipes td {

border-bottom:dashed 1px #FF8000;

}

#index_est_fil {

width:auto;

margin-top:20px;

text-align: left;

}

#index_est_fil h2 {

margin:0px;

background-color:#FC9;

text-align:center;

color:#333;

padding:5px;

}

#index_est_fil table.listaestat {

width:80%;

font-size: 10px;

font-family: Arial, Helvetica, sans-serif;

}

#index_est_fil table.listaestat td {

border-bottom:dotted 1px #FFAA55;

color:#000;

font-size: 11px;

}

#indexproxjogos h1 {

background-color:#FFEFDXX;

padding:4px;

text-align:center;

}

#indexproxjogos table{

width:auto;

}

#indexproxjogos caption{

color:#FF8000;

font-size:17px;

font-weight:bold;

}

#indexproxjogos th{

background-color:#FFD5AA;

}

.topmenu a {

text-decoration:none;

color:#FF8000;

font-weight:bold;

padding:0px 7px 0px 7px;

}

.topmenu a:hover {

background-color:#FFEA33;

color:#804000;

}

.menuinferior a {

text-decoration:none;

color:#9F5000;

font-weight:bold;

padding:0px 4px 0px 4px;

border-left:solid 1px #FF8000;

}

.menuinferior a:hover {

background-color:#FFE2C6;

color:#804000;

}

.textomenuinferior {

background-color:#FFF4EA;

margin-top:7px;

width:430px;;

padding:3px;

}

.leftmenu ul {

list-style:none;

padding:0px;

margin:0px 0px 10px 0px;

font-weight:bold;

font-size:11px;

color:#306;

width:120px;

background-color: #FFF;

}

.leftmenu ul li {

padding:0px;

border-bottom:1px #999999 solid;

cursor:pointer;

color:#CCC;

}

.leftmenu ul li a {

padding:4px 4px 4px 8px;

color:#006;

display:block;

}

.leftmenu ul li:hover {

background-color:#666666;

color: #FFF;

}

.leftmenu ul li a:hover {

padding:4px 0px 4px 12px;

color:#FFF;

text-decoration:none;

}

.leftmenu #titulo {

background-color:#E87400;

color:#FFFFFF;

padding:8px;

text-align:center;

font-weight:bold;

font-size:13px;

}

.rightmenu ul {

background-color:#F2F2F2;

list-style:none;

padding:0px;

margin:0px 0px 10px 0px;

font-weight:bold;

color:#306;

font-size:11px;

width:120px;

}

.rightmenu ul li {

padding:0px;

border-bottom:1px #999999 solid;

cursor:pointer;

}

.rightmenu ul li a {

padding:4px 4px 4px 8px;

display:block;

color:#006;

}

.rightmenu ul li a:hover {

padding:4px 0px 4px 12px;

color:#FFFFCC;

text-decoration:none;

}

.rightmenu ul li:hover {

background-color:#666666;

color:#FFF;

}

.rightmenu #titulo {

background-color:#E87400;

color:#FFFFFF;

padding:8px;

text-align:center;

font-weight:bold;

font-size:13px;

}

.cadastro {

border:#FFCC99 2px solid;

padding:25px 15px 15px 15px;

width:550px;

}

.cadastro #insidetable {

border:#FFCC99 1px solid;

padding:10px 10px 10px 10px;

width:470px;

}

.cadastro th {

text-align:left;

color: #F60;

}

.cadastro caption {

font-size:14px;

color:#FF8000;

text-align:left;

font-weight:bold;

}

.ginasios .linhaquadranome {

font-size:13px;

font-weight:bold;

background-color:#F63;

}

.ginasios .linhaquadraend {

font-size:13px;

}

.ginasios .linhaquadraobs {

color:#000;

}

form {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#660000;

}

input, select, textarea {

font-family:Arial, Helvetica, sans-serif;

border:solid 1px #660000;

color:#660033;

font-size:13px;

}

input:focus, select:focus, textarea:focus {

background-color: #FFF;

border-top-color: #FFF;

}

.listafotos {

padding: 5px;

width: 200px;

}

.listafotos td {

border:solid gray 1px;

}

.listafotos img{

cursor:pointer;

padding-bottom:4px;

width:160px;

height:120px;

}

.filiados {

width:620px;

border-top:solid 2px #7F7F7F;

border-bottom:solid 2px #7F7F7F;

padding:10px;

}

.listafotos caption {

font-size:16px;

color:#7F7F7F;

text-align:right;

font-weight:bold;

border-bottom: solid #CCCCCC 2px;

}

.filiados caption {

font-size:14px;

color:#7F7F7F;

text-align:left;

font-weight:bold;

}

.filiados td {

font-size:11px;

color:#333333;

padding:5px;

}

.filiados .jogadores {

width:450px;

border-collapse:separate;

}

.filiados .jogadores #titulo{

width:50%;

color:#FFFFFF;

background-color:#000066;

}

.filiados .jogadores #lista{

border-width:0px 1px 1px 1px;

border-color:#000066;

border-style:solid;

padding-left:10px;

}

.filiados #infoquadra td {

color:#666666;

border-top:#DFDFDF 1px dotted;

}

.filiados #equipe {

cursor:pointer;

color:#000066;

font-size:15px;

border-bottom:dotted 1px #000099;

}

.filiados #zona {

font-weight:bold;

color:#666666;

font-size:12px;

}

.filiados #equipe:hover {

color:#0000CC;

}

.filiados #convidar {

color:#006600;

border:solid 1px #003300;

background-color:#EAFFEA;

cursor:pointer;

padding:3px 5px 3px 5px;

}

.jogos {

width:600px;

padding-bottom:10px;

}

.jogos caption{

color:#990000;

font-size:15px;

font-weight:bold;

}

.jogos th{

background-color:#E9E9E9;

}

.classificacao {

border-collapse:collapse;

width:650px;

}

.classificacao caption{

color:#666666;

font-size:14px;

font-weight:bold;

padding:7px;

}

.classificacao th{

background-color:#000000;

color:#FFFFFF;

padding:5px;

border:solid 1px #FFFFFF;

border-top:solid 1px #402000;

}

.classificacao td{

border:solid 1px #FFFFFF;

padding:5px;

}

.classificacao .classif{

background-color:#E1F2E1;

color:#003300;

font-weight:bold;

}

.classificacao .desclassif{

background-color:#F2E1E1;

color:#550000;

font-weight:bold;

}

.nivertable {

border-collapse:separate;

border-spacing:10px;

}

.nivertable td {

width:auto;

}

.nivertable .niverdata {

background-color:#FFEAD5;

width:auto;

display:block;

margin-bottom:5px;

padding:3px;

}

.nivertable .nivernome {

color:#804000;

padding-top:10px;

}

.nivertable .hoje {

border:solid 2px #000099;

padding:8px;

}

.artilharia {

width:500px;

}

.artilharia th{

background-color:#E9E9E9;

padding:5px;

}

.artilharia td{

border-bottom:solid 1px #CCCCCC;

color:#333333;

}

.artilharia .artprimeiros {

padding:4px;

color:#000066;

border-bottom-color:#D2D2EC;

}

.areacentral p {

font-weight: normal;

text-align: justify;

}

.tk {

font-weight: bold;

text-align: center;

}

.areacentral h1 {

color: #000;

text-align: left;

font-size: 16px;

}

.negrito {

font-weight: bold;

color: #F00;

}

.x {

font-size: 12px;

}

.areacentral p {

font-weight: normal;

}

.areacentral .negrito a strong {

font-size: 11px;

}

.areacentral p {

text-align: justify;

color: #000;

}

.areacentral #table10 tr td div div p strong {

text-align: left;

}

.areacentral p {

font-size: 10px;

}

.areacentral p {

font-size: 12px;

}

.areacentral #indexnfc .x {

text-align: center;

}

.areacentral #indexnfc h4 .x a {

text-align: center;

}

.areacentral table tr td {

font-size: 13px;

}

Marcos Xavier · Setembro 14, 2012

Cara ta uma baderna esse code ae hein.

Ajeita ae e coloca entre as tags que o fórum disponibiliza.

[ code ]

Seu código aqui

[/code]

Veja como fica mais legivel:

Seu código aqui
Seu código aqui
Seu código aqui

LigaSP · Setembro 14, 2012

@charset "utf-8";

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align: left;
color: #000;




}


a {







text-decoration:none;







}

a:hover {
color: #F00;
font-weight: bold;
font-size: 11pt;
font-style: normal;


}



.areacentral {
width:705px;
padding:0px 10px 10px 15px;
text-align: left;
color: #000;




}


.areacentral p {
padding-left:10px;
text-align:left;
font-size: 11px;
font-style: normal;
font-weight: bold;


}

.areacentral ul li {

margin-top: 17px;
font-size: 12px;
}
#indexnfc h1{
margin-top:0px;
padding:3px;
text-align:center;
color: #333;
background-color: #FFFFFF;
font-size: 11px;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;


}
#indexnfc h2{
color:#000;
border-bottom:0px solid #FF8000;
margin-bottom:5px;
padding-left:5px;
padding-bottom:5px;
text-align: center;


}

#indexnfc h3{
color:#000;
font-size: 11px;
text-align: left;


}
#indexnfc .nfcdestaque {
width:100%;
border-collapse:collapse;


}
#indexnfc .nfcdestaque .noticiadest {
padding-left:5px;
padding-right:5px;
width:50%;
vertical-align:text-top;
}
#indexnfc a img{
border:0px solid #666633;
width:120px;

}
#indexnfc a img:hover{
border:0px solid #FFCB97;

}
#pnfcdata {
text-align:right;
color:#666666;
padding-right:17px;
margin:0px;
font-size:12px;


}
#index_est_fil .listaequipes  {
width:auto;
}
#index_est_fil .listaequipes td {
border-bottom:dashed 1px #FF8000;
}

#index_est_fil {
width:auto;
margin-top:20px;
text-align: left;


}
#index_est_fil h2 {
margin:0px;
background-color:#FC9;
text-align:center;
color:#333;

padding:5px;
}
#index_est_fil table.listaestat {
width:80%;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}


#index_est_fil table.listaestat td {
border-bottom:dotted 1px #FFAA55;
color:#000;
font-size: 11px;


}
#indexproxjogos h1 {

background-color:#FFEFDXX;
padding:4px;
text-align:center;
}
#indexproxjogos table{
width:auto;

}

#indexproxjogos caption{
color:#FF8000;
font-size:17px;
font-weight:bold;
}

#indexproxjogos th{
background-color:#FFD5AA;
}
.topmenu a {
text-decoration:none;
color:#FF8000;
font-weight:bold;
padding:0px 7px 0px 7px;
}
.topmenu a:hover {
background-color:#FFEA33;
color:#804000;
}
.menuinferior a {
text-decoration:none;
color:#9F5000;
font-weight:bold;
padding:0px 4px 0px 4px;
border-left:solid 1px #FF8000;
}
.menuinferior a:hover {
background-color:#FFE2C6;
color:#804000;
}
.textomenuinferior {
background-color:#FFF4EA;

margin-top:7px;
width:430px;;
padding:3px;
}
.leftmenu ul {
list-style:none;
padding:0px;
margin:0px 0px 10px 0px;
font-weight:bold;
font-size:11px;
color:#306;
width:120px;
background-color: #FFF;
}
.leftmenu ul li {
padding:0px;
border-bottom:1px #999999 solid;
cursor:pointer;
color:#CCC;

}

.leftmenu ul li a {
padding:4px 4px 4px 8px;
color:#006;
display:block;
}
.leftmenu ul li:hover {
background-color:#666666;
color: #FFF;
}
.leftmenu ul li a:hover {
padding:4px 0px 4px 12px;
color:#FFF;
text-decoration:none;
}
.leftmenu #titulo {
background-color:#E87400;
color:#FFFFFF;
padding:8px;
text-align:center;
font-weight:bold;
font-size:13px;
}
.rightmenu ul {
background-color:#F2F2F2;
list-style:none;
padding:0px;
margin:0px 0px 10px 0px;
font-weight:bold;
color:#306;
font-size:11px;
width:120px;
}
.rightmenu ul li {
padding:0px;
border-bottom:1px #999999 solid;
cursor:pointer;
}
.rightmenu ul li a {
padding:4px 4px 4px 8px;
display:block;
color:#006;
}
.rightmenu ul li a:hover {
padding:4px 0px 4px 12px;
color:#FFFFCC;
text-decoration:none;
}
.rightmenu ul li:hover {
background-color:#666666;
color:#FFF;
}
.rightmenu #titulo {
background-color:#E87400;
color:#FFFFFF;
padding:8px;
text-align:center;
font-weight:bold;
font-size:13px;

}

.cadastro {
border:#FFCC99 2px solid;
padding:25px 15px 15px 15px;
width:550px;
}
.cadastro #insidetable {
border:#FFCC99 1px solid;
padding:10px 10px 10px 10px;
width:470px;
}
.cadastro th {
text-align:left;
color: #F60;
}
.cadastro caption {
font-size:14px;
color:#FF8000;
text-align:left;
font-weight:bold;
}
.ginasios .linhaquadranome {
font-size:13px;
font-weight:bold;
background-color:#F63;
}
.ginasios .linhaquadraend {
font-size:13px;

}
.ginasios .linhaquadraobs {
color:#000;

}
form {
font-family:Arial, Helvetica, sans-serif;


font-size:12px;
color:#660000;
}
input, select, textarea {
font-family:Arial, Helvetica, sans-serif;
border:solid 1px #660000;
color:#660033;

font-size:13px;
}
input:focus, select:focus, textarea:focus {
background-color: #FFF;
border-top-color: #FFF;

}
.listafotos {
padding: 5px;
width: 200px;
}
.listafotos td {
border:solid gray 1px;
}
.listafotos img{
cursor:pointer;
padding-bottom:4px;

width:160px;
height:120px;

}
.filiados {
width:620px;
border-top:solid 2px #7F7F7F;
border-bottom:solid 2px #7F7F7F;
padding:10px;
}
.listafotos caption {
font-size:16px;
color:#7F7F7F;
text-align:right;
font-weight:bold;
border-bottom: solid #CCCCCC 2px;
}
.filiados caption {
font-size:14px;
color:#7F7F7F;
text-align:left;
font-weight:bold;
}
.filiados td {
font-size:11px;
color:#333333;
padding:5px;
}
.filiados .jogadores {
width:450px;
border-collapse:separate;
}
.filiados .jogadores #titulo{
width:50%;
color:#FFFFFF;
background-color:#000066;
}
.filiados .jogadores #lista{
border-width:0px 1px 1px 1px;
border-color:#000066;
border-style:solid;
padding-left:10px;
}
.filiados #infoquadra td {
color:#666666;
border-top:#DFDFDF 1px dotted;
}
.filiados #equipe {
cursor:pointer;
color:#000066;
font-size:15px;
border-bottom:dotted 1px #000099;
}
.filiados #zona {
font-weight:bold;
color:#666666;
font-size:12px;
}
.filiados #equipe:hover {
color:#0000CC;
}
.filiados #convidar {
color:#006600;
border:solid 1px #003300;
background-color:#EAFFEA;
cursor:pointer;
padding:3px 5px 3px 5px;
}
.jogos {
width:600px;
padding-bottom:10px;
}

.jogos caption{
color:#990000;
font-size:15px;
font-weight:bold;
}
.jogos th{
background-color:#E9E9E9;

}
.classificacao {
border-collapse:collapse;
width:650px;
}

.classificacao caption{
color:#666666;
font-size:14px;
font-weight:bold;
padding:7px;

}
.classificacao th{
background-color:#000000;
color:#FFFFFF;
padding:5px;
border:solid 1px #FFFFFF;
border-top:solid 1px #402000;
}
.classificacao td{
border:solid 1px #FFFFFF;
padding:5px;
}
.classificacao .classif{
background-color:#E1F2E1;
color:#003300;
font-weight:bold;
}
.classificacao .desclassif{
background-color:#F2E1E1;
color:#550000;
font-weight:bold;
}
.nivertable {

border-collapse:separate;

border-spacing:10px;

}

.nivertable td {

width:auto;

}

.nivertable .niverdata {

background-color:#FFEAD5;

width:auto;

display:block;

margin-bottom:5px;

padding:3px;

}

.nivertable .nivernome {

color:#804000;

padding-top:10px;

}

.nivertable .hoje {

border:solid 2px #000099;

padding:8px;

}
.artilharia {
width:500px;
}
.artilharia th{
background-color:#E9E9E9;
padding:5px;
}
.artilharia td{
border-bottom:solid 1px #CCCCCC;
color:#333333;
}
.artilharia .artprimeiros {
padding:4px;
color:#000066;
border-bottom-color:#D2D2EC;
}
.areacentral p {
font-weight: normal;
text-align: justify;

}
.tk {
font-weight: bold;
text-align: center;
}
.areacentral h1 {
color: #000;
text-align: left;
font-size: 16px;
}
.negrito {

font-weight: bold;
color: #F00;
}
.x {
font-size: 12px;
}
.areacentral p {
font-weight: normal;
}
.areacentral .negrito a strong {
font-size: 11px;
}
.areacentral p {
text-align: justify;
color: #000;
}
.areacentral #table10 tr td div div p strong {
text-align: left;
}
.areacentral p {
font-size: 10px;
}
.areacentral p {
font-size: 12px;
}
.areacentral #indexnfc .x {
text-align: center;
}
.areacentral #indexnfc h4 .x a {
text-align: center;
}
.areacentral table tr td {
font-size: 13px;
}

Marcos Xavier · Setembro 15, 2012

Faz o seguinte:

1 -Inclua um novo arquivo.css(vazio) no lugar de estiloindex.css;

2 - Vai adicionando no arquivo.css cada elemento que está em estiloindex.css;

3 - O que apresentar renderização fora dos conformes aí você saberá que precisa alterar,seria um debug do seu css.

LigaSP · Setembro 15, 2012

Obrigado, farei.

Arquivado

Problema com CSS do Menu

Recommended Posts

LigaSP 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Apulko 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marcos Xavier 189

Compartilhar este post

Link para o post

Compartilhar em outros sites

LigaSP 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marcos Xavier 189

Compartilhar este post

Link para o post

Compartilhar em outros sites

LigaSP 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marcos Xavier 189

Compartilhar este post

Link para o post

Compartilhar em outros sites

LigaSP 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Marcos Xavier 189

Compartilhar este post

Link para o post

Compartilhar em outros sites

LigaSP 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Sound Designer

Orientação - Jav + MySql

Alteracao Tema Wordpress Profolio

Fóruns

Tempo Real

Informação importante