Jump to content

Como Fazer A Utilização Correta Da Folha De Estilo (Css)?


Recommended Posts

Boa tarde,

Eu estou quebrando a cabeça para um assunto que pode parecer de fácil resolução (para quem é experiente).

O que está acontecendo é o seguinte:

tenho um site e esse site tem a folha de estilo x.css, fiz a aquisição de uma tabela de preços e essa tabela de preço veio com a folha de estilo y.css. No código fonte, setei a seguinte configuração:


<link rel="stylesheet" href="css/x.css" type="text/css"/>

<link rel="stylesheet" href="css/y.css" type="text/css"/>

O problema é que a folha de estilo y.css altera o conteúdo do site, como fontes, cores e etc.

Gostaria de saber como eu faço para que o y.css afete apenas a tabela de preço e não o site todo.

Espero que entendam minha explicação.

Abraços.

Link to comment
Share on other sites

Se está assim:


<link rel="stylesheet" href="css/x.css" type="text/css"/>

<link rel="stylesheet" href="css/y.css" type="text/css"/>

Você coloca assim:

<link rel="stylesheet" href="css/y.css" type="text/css"/>

<link rel="stylesheet" href="css/x.css" type="text/css"/>

Link to comment
Share on other sites

Tem como postar o y.css aqui para a gente ver melhor... Pois pode ser algum código nele que está interferindo no site.

 Super T Host | Revenda de Hospedagem SSD a partir de R$ 59,95 por mês
 Utilize o cupom PDH e ganhe 60% de desconto nos 3 primeiros meses nos planos de Revenda.
 www.superthost.com.br - WhatsApp 21 4125 4334

Link to comment
Share on other sites

Tem como postar o y.css aqui para a gente ver melhor... Pois pode ser algum código nele que está interferindo no site.

Na verdade essa tabela possui duas folhas de estilos, segue:

style.css


EDIT: ESSA FOLHA NÃO TEM NADA RELACIONADO AS ALTERAÇÕES, APENAS A RESET ESTÁ INTERFERINDO.

e essa, chamada de reset.css:

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* HTML5 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

Preciso que a reset altere apenas a tabela, mesmo contendo os mesmos elementos da folha de estilo do site, como por exemplo: h1, h2, etc.

Link to comment
Share on other sites

A parte


body {

font-family: "Open Sans", arial, helvetica, sans-serif;

font-size: 12px;

line-height: 1.5;

}

a {text-decoration: none}

que deve está fazendo isso, tira essa parte do código e testa.

 Super T Host | Revenda de Hospedagem SSD a partir de R$ 59,95 por mês
 Utilize o cupom PDH e ganhe 60% de desconto nos 3 primeiros meses nos planos de Revenda.
 www.superthost.com.br - WhatsApp 21 4125 4334

Link to comment
Share on other sites

A parte


body {

font-family: "Open Sans", arial, helvetica, sans-serif;

font-size: 12px;

line-height: 1.5;

}

a {text-decoration: none}

que deve está fazendo isso, tira essa parte do código e testa.

Eu tirei e toda a página ficou com uma letra feia, estilo sans-serif.

Realmente não sei como fazer.

Link to comment
Share on other sites

Olha as "class" e "divs" da tabela (ex : class="x"... div="x') vendo elas vá a arquivo .css que veio com a tabela e exclua TODO código que não estiver relação com as class e divs encontradas antes.

Lembre-se de fazer um backup do arquivo antes.

Vou fazer isso.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

Do you agree with our terms?