Ir ao conteúdo

Chamar CSS


G_P_D

Posts recomendados

Postado

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: [email protected]

Postado

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

Postado
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

Postado

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

Postado

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 :D

valeu

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!