Salve a tutti e mi chiamo Enzo Mammarella, è da un pò che gestisco un sito per un team di cod4 (fps pc) e volevamo rinnovare il sito. Non ci siamo appoggiati a nessun cms o template già fatti ma abbiamo creato da noi un sito semplice ma spettacolare (secondo noi XD). Il problema principale è uno solo... non riusciamo a creare un altra colonna a sinistra della pagina, non è che non ci riusciamo ma quando lo facciamo la pagina sballa e non riusciamo a centrarla come si deve. Il codice css è il seguente:
@charset "utf-8";
/* CSS Document */
body{
margin:0px;
background-color:#000000;
}
img{
border:0px;
}
a{
outline : none;
-moz-outline: none;
text-decoration:none;
}
.page_bg{
background-image:url('../images/page_bg/page_bg_white.png');
background-repeat:repeat-y;
width:1024px; /* 1024px*/
margin-left:auto;
margin-right:auto;
}
.end_page_bg{
background-image:url('../images/page_bg/end_page_bg.png');
width:974px; /*1024px*/
height:85px; /*100 px*/
padding-left:50px;
padding-top:15px;
font-size:12px;
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
}
.header_bg{
width:100%;
height:190px;
padding-top:4px;
text-align:center;
margin-top:10px;
background-image:url('../images/page_bg/header_bg_black.png');
background-repeat:repeat-x;
float:left;
}
.main_page{
margin-left:33px;
width:672px; /* 684px max*/
padding-left:6px;
padding-right:6px;
/*background-color:#9C0;*/
float:left;
}
.second_page{
width:236px; /*246 px */
margin-left:4px;
margin-right:4px;
padding-left:5px;
padding-right:5px;;
margin-bottom:10px;
float:left;
}
/* ====== NEWS ====== */
.news_area{
height:auto;
margin-top:10px;
background-color:#f7f7f7;
}
.news_title{
color:#ff0000;
font-size:13px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:underline;
margin-bottom:5px;
}
.news_text{
height:auto;
color:#000;
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.news_autor{
height:20px;
padding-right:5px;
text-align:right;
color:#666;
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background-image:url('../images/end_news.png');
}
/* ====== SPONSOR ====== */
.sponsor_area{
width:226px; /*236 px */
margin-right:5px;
margin-left:5px;
margin-bottom:6px;
background:#FFFFFF;
border-color:#000;
border-width:1px;
border-style:dashed
}
.sponsor_title{
width:216px; /*226px*/
height:25px;
padding-left:10px;
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
background-image:url('../images/banner_title.png');
}
.sponsor_text{
width:216px; /*226px*/
padding-left:5px;
padding-right:5px;
color:#000;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}
.sponsor_text a{
color:#000;
}
Penso che per per le persone esperte serve solo il codice css. Se serve anche il sito con i file e online vi passo il link.
Il mio problema è uno solo non riesco a farlo, non chiedo che qualcuno me lo faccia perchè non sarebbe giusto ma almeno farmi capire dove potrei iniziare a lavorarci.
Distinti Saluti Enzo Mammarella.
Rispondi quotando
