Non ho capito dove sia il problema coi bordi. I bordi inferiori delle colonne sono volutamente sfalsati e resi da un'unica immagine che non avevo notato. Comunque puoi modificare il tuo codice così (ometto le parti coi contenuti):
codice:
<!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" lang="it" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>omesso</title>
<meta name="keywords" content="omesse" />
<link rel="shortcut icon" href="icone/it-IT.png" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
div.c2 {text-align: center}
p.c1 {text-align: right}
</style>
</head>
<body>
<div id="main">
<div class="header_bg">[img]images/header.png[/img]</div>
<div class="page_bg">
<div class="main_page news_area">
<div class="news_title">Punto Della Situazione</div>
<div class="news_text">Con grande soddisfazione il team cng nel giro di 3 settimane è riuscito a pizzarsi in
discreti posti.
Ma anche con grande dispiacere il team di haxball (ESL EUROPA) ha dato pocchissimi risultati positivi.
<p class="c1">Continua...</p>
</div>
<div class="news_autor">Posted by: ...</div>
eccetera
</div>
</div>
<div class="second_page">
<div class="sponsor_area">
<div class="sponsor_title">Main Partner</div>
<div class="sponsor_text">
<div class="c2">Sala Lan Roma</div>
[img]images/Header.jpg[/img]
<div class="c2">GameHosting</div>
[img]images/gamehosting.jpg[/img]
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="end_page_bg">
codice omesso
</div>
</div>
</body>
</html>
le modifiche sono in blu. Il css, che può essere semplificato ultriormente:
codice:
* {
margin: 0;
padding:0;
border: 0;
}
body {
background-image: url('inserire qui l'indirizzo dell'immagine ');
background-attachment: fixed;
background-color: #000000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#main {
width: 1024px;
margin:0 auto;
}
a {
outline: none;
text-decoration: none;
}
.header_bg {
text-align: center;
padding-top: 14px;
background-color:#000;
}
.page_bg {
background-image: url('../images/page_bg/page_bg_white.png');
background-repeat: repeat-y;
padding-top:20px;
}
.end_page_bg {
width: 974px;
height: 85px;
font-size: 12px;
color: #fff;
background-image: url('../images/page_bg/end_page_bg.png');
padding-left: 50px;
padding-top: 15px;
margin:0 auto;
}
.main_page {
width: 672px;
margin-left: 33px;
padding-left: 6px;
padding-right: 6px;
float: left;
}
.second_page {
width: 236px;
margin-left: 4px;
margin-right: 4px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
float: left;
}
.news_area {
height: auto;
margin-top: 10px;
background-color: #f7f7f7;
}
.news_title {
color: #ff0000;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
margin-bottom: 5px;
}
.news_text {
height: auto;
color: #000;
font-size: 12px;
}
.news_autor {
height: 20px;
padding-right: 5px;
text-align: right;
color: #666;
font-size: 12px;
background-image: url('../images/end_news.png');
}
.sponsor_area {
width: 226px;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 6px;
background: #fff;
border: 1px dashed #000;
}
.sponsor_title {
width: 216px;
height: 25px;
padding-left: 10px;
color: #fff;
font-size: 16px;
font-weight: bold;
background-image: url('../images/banner_title.png');
}
.sponsor_text {
width: 216px;
padding-left: 5px;
padding-right: 5px;
color: #000;
font-size: 15px;
font-weight: bold;
}
.sponsor_text a {
color: #000;
}
le regole che sono contenute nel css che si trova direttamente nella pagina (le impostazioni per c1 e c2) possono essere tagliate e incollate nel foglio di stile esterno
Permessi di invio
Rispondi quotando