Mostrar Mensagens

Esta secção permite-lhe ver todas as mensagens colocadas por este membro. De realçar que apenas pode ver as mensagens colocadas em zonas em que você tem acesso.


Tópicos - jacolas_saxolas

Páginas: [1]
1
Webmasters / [Duvida] Site muito simples
« em: Maio 10, 2010, 06:14:08 pm »
Boas pessoal,

Eu fiz um site muito simples com apenas 3 imagens e queria que estivessem todas centradas e que o footer estivesse no fundo da página e se fosse possivel gostaria que o layout fosse fluido para evitar aquela barrinha de lado em monitores de resolução mais pequena.

Segue aqui o código
HTML-
Código: [Seleccione]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Projecto Ser Mais</title>
</head>
<body>
<div id="header">

  <img src="images/logo.gif" />
</div>
    <div id="middlecenter">
  <img src="images/centro.gif" />
  </div>
  <div id="footer">
   <img src="images/footer.gif" /></div>

</body>
</html>

CSS-

Código: [Seleccione]
@charset "utf-8";
/* CSS Document */
*{
 
margin: 0px;
padding: 0px;

}
img{
border:0px
}
html{
width:100%;
background-color:#FFFFFF;
height:100%;

}
body{
width:1024px;
margin:auto;
}



#header{
text-align:center;

}
#middlecenter{
background-color:#FFFFFF;
text-align:center;
padding-top: 40px;
}

#footer {
text-align:center;


}




/* CSS Document */

Obrigada desde já

2
Webmasters / [Duvida]Site em css confunde os acentos
« em: Maio 05, 2010, 03:26:07 pm »
Boas pessoal,

Eu fiz este site em css e html e ele em todas as páginas excepto no index confunde os acentos.Alguém me sabe dizer porquê?

Deixo aqui o código da página e o css:

[spoiler=Página]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type"name="Projecto empreendedor de carácter caritativo, desenvolvido por uma turma de Área Projecto do 12ºano"  />
<title>SerMais</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
</head>

<body>
   <div id="header"><a href="#"><img src="images/sermaislogo.gif" alt="" width="336" height="85" />[/url]</div>
   
      <div id="left">
         <ul class="menu">
            <li><a href="index.html">
            <img src="images/viva_07.jpg" alt="" width="150" height="150" />[/url]</li>
          <li><a href="patrocinadores.html">
            <img src="images/patrocinadores.jpg" alt="" width="150" height="150" />[/url]</li>
       <li><a href="informacoes.html">
            <img src="images/programa.jpg" alt="" width="150" height="150" />[/url]</li>
        </ul>
      </div>
       
      
       
<div class="center">
      <div class="topcenter style1">
            <span class="style1"><img src="images/associacao.jpg" alt="" width="205" height="52" />             </span>
           <p class="style1">
           <p align="justify" class="style1">A Associação Salvador é uma instituição de solidariedade que promove a defesa dos interesses e direitos das
pessoas com mobilidade reduzida, em especial das pessoas portadoras de deficiência motora.
A sua missão é ser uma Associação Nacional de Referência na área da Mobilidade Reduzida, actuando de forma directa e/
ou indirecta com projectos realistas e eficazes que promovam melhores acessibilidades e aumentem a qualidade de vida
das pessoas.
É portanto neste âmbito que surge o Projecto Ser Mais, com o intuito de, simultaneamente, sensibilizar a população e
angariar fundos.
Para mais informações -> www.associacaosalvador.com
              <p>   </p>
</div>
         
</div>
      <div class="right">
         <ul class="menu">
            <li><a href="conteudos.html">
            <img src="images/conteudos.jpg" alt="" width="150" height="150" />[/url]</li>
          <li><a href="informacoes.html">
            <img src="images/faqs.jpg" alt="" width="150" height="150" />[/url]</li>
<li><a href="associação.html"><img src="images/MAHALE.jpg" alt="" width="150" height="150" />[/url]</li>
           <li></li>
         </ul>
</div>
   
<div id="footer">
      <ul class="img">
        <img src="images/logos.jpg" />
        </ul>
</div>
   </div>
</body>
</html> [/spoiler]



[spoiler=CSS]
~/* CSS Document */
*{
 
   margin: 0px;
   padding: 0px;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
}
img{
border:0px
}
html{
width:100%;
background-image:url(images/bg.gif);
background-position:top left;
background-repeat:repeat;
height:100%;
}
body{
width:766px;
margin:auto;
}
#header{
text-align:center;
padding:59px 0 31px 0
}
#left{
float:left
}
.menu{
width:150px;
float:left;
padding:0 13px 0 11px;
}
.menu li{
float:left;
width:150px;
list-style-type:none;
}
.menu li img{
float:left;
padding:0 0 5px 0
}
.center{
padding:12px 0 0 0;
float:left
}
.center img{
   float: left;
   text-decoration: none;
}
.topcenter{
   background-color: #151515;
   padding: 35px 25px 0 30px;
   width: 360px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
   color: #9B9B9B;
   float: left;
   text-decoration: none;
}
.topcenter p{
   width: 360px;
   padding: 25px 0 35px 0;
   float: none;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
}
.bottomcenter{
background-color:#151515;
width:360px;
padding:25px 25px 0 30px;
float:left
}
.img{
float:left;
padding:22px 0 30px 1px
}
.img img{
   border:0px solid black;
   margin-top: 0;
   margin-right: 0px;
   margin-bottom: 0;
   margin-left: 0px;
}
.img a{
display:block;
float:left
}
.img ul{
width:80px;
float:left;
margin:5px 0 0 20px
}
.img li{
list-style-type:none;
float:left;
line-height:18px
}
.img li a{
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#9B9B9B;
   text-decoration:none
}
.img li a:visited{text-decoration:none}
.img li a:hover{text-decoration:none}
.right{
float:left
}
#footer{
   width:766px;
   padding:41px 0 0 0;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#C0C0C0;
   text-align:center;
   line-height:15px
}
#footer a{
color:#6A6A6A;
text-decoration:none
}
.bot{
text-align:center;
}
.bot img{
margin:0 15px 0 15px
}@charset "utf-8";
/* CSS Document */  [/spoiler]

Obrigado desde já

Páginas: [1]