Chamar CSS

G_P_D · 24 de julho de 2008

Ola

Alguem pode me ajudar ...

to fazendo um site http://www.gprade.com

Queria saber como faço para chamar um arquivo *.css que esta configurado o layout do site.

usei esse comando

No momento estou usando os CSS em cada pagina, mais assim vai ficando pesado site pelo que li.

usando o codigo acima funciona mais as fontes ficam desconfiguradas.

Sou meio leigo nesse assunto to começando agora a criar o site, por apostilas, então qualquer ajuda é bem vinda

O codigo CSS é este:

/* ################# INICIO, ESTRUTURA DO SITE #################*/

/*INICIO, BARRA DE MENUS*/

body

/*- Menu Tabs 4--------------------------- */

#tabs4 {

float:left;

width:100%;

font-size:93%;

line-height:normal;

border-bottom:1px solid #6B78A9;

}

#tabs4 ul { /*- posio */

margin:0;

padding: 0px 10px 0 203px;

list-style:none;

}

#tabs4 li {

display:inline;

margin:0;

padding:0;

}

#tabs4 a {

float:left;

background:url("tableft6.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabs4 a span {

float:left;

display:block;

background:url("tabright6.gif") no-repeat right top;

padding:4px 15px 4px 6px;

color:#FFFFFF;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs4 a span {float:none;}

/* End IE5-Mac hack */

#tabs4 a:hover span {

color:#6B78A9;

}

#tabs4 a:hover {

background-position:0% -42px;

}

#tabs4 a:hover span {

background-position:100% -42px;

}

#tabs4 #current a {

background-position:0% -42px;

}

#tabs4 #current a span {

background-position:100% -42px;

}

</style>

/*FIM, BARRA DE MENUS*/

/*INICIO, DIVISÕES*/

body {

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

font-size: 10px;

margin: 0px;

}

#site {

width: 960px;

margin: 0px auto;

}

#topo {

background-color: #FFFFFF;

height: 135px;

}

#menu{

padding: 10px;

width: 180px;

float: left;

background-color: #DCDCDC;

}

#conteudo{

padding: 10px;

width: 510px;

float: left;

background-color: #F5F5F5;

}

#outros{

padding: 10px;

width: 210px;

float: left;

background-color: #DCDCDC;

}

#rodape {

background-color: #FFFFFF;

height: 45px;

clear: both;

}

</style>

/*FIM, DIVISÕES*/

/*INICIO, RETIRA SUBLINHADO DOS LINKS E A BORDA DAS IMAGENS*/

A:link {text-decoration:none}

A:visited {text-decoration:none}

A:active {text-decoration:none}

A:hover {text-decoration:none}

a img {

border-width:0;

}

</style>

/*FIM, RETIRA SUBLINHADO DOS LINKS E A BORDA DAS IMAGENS*/

E-mail/MSN: [email protected]

gilmara_elisa · 28 de julho de 2008

Arriba muchacho...

talvez seria interessante definir a fonte e o tamanho que os textos do seu site tiver como ex:

*{

font-size:10px;

font-family:arial, verdana;

}

ou então você pode definir um tamanho e tipo de fonte para uma determinada tag ex:

h1{

font-size:12px;

}

e assim por diante

[]'s

G_P_D · 28 de julho de 2008

Arriba muchacho...
talvez seria interessante definir a fonte e o tamanho que os textos do seu site tiver como ex:

*{

font-size:10px;

font-family:arial, verdana;

}

ou então você pode definir um tamanho e tipo de fonte para uma determinada tag ex:

h1{

font-size:12px;

}

e assim por diante

[]'s

Ola gilmara

obrigado pela dica ... mais não sei se eu que to fazendo errado ou é algum erro nos codigos do site

eu coloco o codigo pra chamar o .CSS

Dentro do estilo.css coloquei os codigos fonte que você passo, mais não mudou ainda.

Se puder me dar mais alguma dica

gilmara_elisa · 30 de julho de 2008

mais não está mudando nada, nada, nadinha?!

se não está mudando nadinha, então o nome do arquivo css está errado, ou então você tem que verificar se ele está em uma pasta ou não. para acrescentar na frente do nome do arquivo

caso ele esteja pegando só algumas formatações, então provavelmente sej problema da sua sintaxe.

Espero ter ajudado

[]'s