Boas pessoal,
não estou muito dentro de desenvolvimento de páginas web, pelo que estou a ter alguma dificuldade em fazer algo, que para muitos é básico... Aqui vai.
Arranjei um template na web muito simples com: header, left menu, content e right menu. Acontece que não quero o menu da direita para nada, e queria aproveitar o espaço para o content no centro. Depois de algumas alterações, o resultado que obtenho é este:
A lagura está correcta, mas a "caixa de texto" está a repetir, em vez de "fechar" na direita...
De certo que alguém sabe qual o problema.. Deixo parte do código do ficheiro .css para que possam ver o que estou a fazer mal:
Desde já obrigado a quem me souber ajudar.
não estou muito dentro de desenvolvimento de páginas web, pelo que estou a ter alguma dificuldade em fazer algo, que para muitos é básico... Aqui vai.
Arranjei um template na web muito simples com: header, left menu, content e right menu. Acontece que não quero o menu da direita para nada, e queria aproveitar o espaço para o content no centro. Depois de algumas alterações, o resultado que obtenho é este:
A lagura está correcta, mas a "caixa de texto" está a repetir, em vez de "fechar" na direita...
De certo que alguém sabe qual o problema.. Deixo parte do código do ficheiro .css para que possam ver o que estou a fazer mal:
Código:
body {
background-image:url(images/background.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background-repeat: repeat-x;
background-color: #000000;
}
* {margin: 0px;padding: 0px;}
p {
padding: 10px 10px 10px 20px;
display:block;
color:#525757;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold
}
a {
color:#6b7272;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
#container {
margin: 0px auto;
text-align: left;
width: 860px;
}
#header{
height:304px;
width:777px;
background-image:url(images/header.jpg);
background-repeat: no-repeat;
}
#content{
}
#left{
width:192px;
float:left;
}
#middle{
margin-left:206px;
margin-right:15px;
width:622px; /* ALTERADO POR MIM */
}
/*
#right{
width:192px;
float:right;
}
*/
/********************* menu ****************************/
.menuheader{
width:192px;
height:37px;
background-image:url(images/menutop.gif);
display:block;
}
.menucontent{
width:192px;
background-image:url(images/menumiddle.gif);
padding-top:10px;
background-repeat: repeat-y;
}.menuheader h3{
padding: 10px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.menufooter{
width:192px;
height:15px;
background-image:url(images/menubottom.gif);
display:block;
}
.postheader,.menuheader{
color:#CCCCCC;
text-transform: uppercase;
}
/********************* post ****************************/
.post{
margin-bottom:15px;
}
.postheader{
background-image: url(images/posttop.gif);
background-repeat: repeat-x;
display: block;
width:622px; /* ALTERADO POR MIM */
height:33px;
}
.postheader h1{
padding: 7px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.postcontent{
background-image:url(images/postmiddle.gif);
background-repeat: repeat-n;
padding: 20px 0px;
}
.postfooter{
background-image:url(images/postbottom.gif);
background-repeat: repeat-x;
display:block;
width:622px; /* ALTERADO POR MIM */
height:15px;
}
/********************* header ****************************/
...
/********************* footer ****************************/
...
/********************* menu members *********************/
...
Última edição: