Chamar CSS

[G_P_D 0]

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

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

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*/

<style type="text/css">

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*/

<STYLE type="text/css">

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*/

<style type="text/css">

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: giovanniprade@yahoo.com.br

[gilmara_elisa 0]

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 Autor do tópico 0]

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

<link rel="stylesheet" type="text/css" href="estilo.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 0]

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

[G_P_D Autor do tópico 0]

gilmara_elisa brigadão

Consegui agora ....rss

ta funcionando perfeitinho... eu me bati um bocado pra fazer funcionar, mais deu certo

Agora em cada pagina tem somente um link que leva aos comando CSS, muito bom ....

É meio difícil aprender somente com auxilio de apostilas e net...

Sua juda foi muito grande

valeu