Merci pour vos réponses.
En ce qui concerne la présentation des nouveaux membres, je me demandais justement où ça se trouvait, merci de me l'avoir indiqué.
Quant aux balises <pre>, c'est Lycos qui les rajoute avec ses pubs
.
Voilà mon code html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<link href="css_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="all">
<div id="Header">
<h1 id="siteName"><img src="bandeau2.gif"></h1>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
</head>
<body>
<div id="nav_haut"><a href="index.php">accueil</a> | <a href="#">galerie</a> | <a href="#">vidéos</a> | <a href="#">réalisations</a> | <a href="news.php">news</a> | <a href="communiquer.php">communiquer</a></div>
</body>
</html>
</div>
<div id="navdroite">
<div id="navdroite_links">
<div id="navdroite_title"> <h3>Section Links ::::</h3>
</div>
<a href="#">:::: Section Link</a>
<a href="#">:::: Section Link</a>
<a href="#">:::: Section Link</a>
<a href="#">:::: Section Link</a>
<a href="#">:::: Section Link</a>
<a href="#">:::: Section Link</a>
</div>
<div id="navdroite_bas"><img src="images/dj.gif"></div>
</div>
<div id="content">
<div>
<h1>dernières news : </h1>
</div>
<div id="news"><table class='tableau_news' cellspacing='0' cellpadding='0'><tr><td class='date_news'>[21/01/2005] </td><td class='titre_news'> _ Du nouveau pour les amateurs de frisson... :<br> </td></tr><tr><td colspan='2' class='contenu_news'>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tatio </td></tr></table><table class='tableau_news' cellspacing='0' cellpadding='0'><tr><td class='date_news'>[21/01/2005] </td><td class='titre_news'> _ Du nouveau pour :<br> </td></tr><tr><td colspan='2' class='contenu_news'>Ut wisi enim ad minim veniam, quis nostrud exerci tation. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpa </td></tr></table></div>
<div>
<h1>la dernière réalisation : </h1>
</div>
<div id="der_real">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tatio. </div>
<div id="der_real_img"><a href="images/communiquer.gif" target="_blank"><img src="images/communiquer.gif" width="115" height="147" border="0"></a></div>
</div>
<div id="bottom">
<div class="bottom_content">
2004 ©Copyright Tous droits reservés N'da House</div>
</div>
</div>
</body>
</html>
et mon code css:
body {
font-family: Verdana;
font-size: 10px;
color:#000000;
background-color:#FFFFFF;
margin:0px;
}
a {
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color:#006699;
text-decoration:none;
}
a:hover {
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color:#006699;
text-decoration:underline;
}
input
{
color:#ffffff;
background-color:#006699;
font-size:9px;
font-family:verdana;
font-weight:bold;
border-style:solid;
border-color:#EFEFEF;
border-width:1px;
}
textarea
{
color:#ffffff;
background-color:#006699;
font-size:9px;
font-family:verdana;
font-weight:bold;
border-style:solid;
border-color:#EFEFEF;
border-width:1px;
}
h1{
font-family: Arial;
font-size: 140%;
color: #334d55;
padding: 0px;
font-weight:bold;
font-variant:small-caps;
margin-bottom:10px;
margin-top:10px;
border-bottom:1px solid #000000;
}
h2{
font-family: Verdana;
font-size: 130%;
color: #334d55;
margin: 0px;
padding: 0px;
font-weight:bold;
}
h3{
font-family: Verdana;
font-size: 120%;
color: #334d55;
margin: 0px;
padding: 4px;
float:right;
font-weight:bold;
}
h4{
font-family: Arial,sans-serif;
font-size: 100%;
font-weight: normal;
color: #333333;
margin: 0px;
padding: 0px;
}
h5{
font-family: Verdana,Arial,sans-serif;
font-size: 100%;
color: #334d55;
margin: 0px;
padding: 0px;
}
ul{
list-style-type: none;
}
ul ul{
list-style-type: none;
}
ul ul ul{
list-style-type: none;
}
label{
font-family: Arial,sans-serif;
font-size: 100%;
font-weight: bold;
color: #334d55;
}
/***********************************************/
/* Layout Divs */
/***********************************************/
#all {
width:776px;
}
#Header {
width:776px;
border-bottom:1px solid #000000;
margin-bottom:3px;
background-color:#FFFFFF;
}
#content {
width:590px;
margin-bottom:3px;
float:left;
padding: 3px;
background-image:url(images/o2.gif);
background-position:bottom;
background-repeat:no-repeat;
}
#navdroite_bas {
position: relative;
right:0;
float:right;
background-image:url(images/ui_bg_news.gif);
}
#navdroite{
width:170px;
height:200px;
border:1px solid #000000;
float:right;
margin-bottom:3px;
background-image:url(images/ui_bg_news.gif);
}
#bottom {
width:776px;
border:1px solid #000000;
}
#news {
width:100%;
}
#real {
width:100%;
}
#der_real {
width:70%;
float:left;
}
#der_real_img{
width:25%;
}
#der_real_img img{
float:right;
}
/***********************************************/
/* Components */
/***********************************************/
#navdroite_title {
width:170px;
}
#navdroite_bas img {
{
filter:alpha(opacity=25); /* IE */
-moz-opacity:0.25; /* Mozilla */
-khtml-opacity: 0.25; /* Safari */
opacity: 0.25; /* CSS3 */
}
}
#siteName{
padding: 0 0 0 0px;
background-repeat:repeat;
height:35px;
color:#333333;
font-weight:bold;
font-size:150%;
font-family:Verdana;
background-image:url(bg_bandeau2.gif);
}
#siteName img{
float:left;
}
#nav_haut {
padding: 0px 0px 0px 5px;
color: #333333;
background-image:url(images/ui_bg_news_title.gif);
background-repeat:repeat-x;
height:15px;
}
/***********************************************/
/* Features */
/***********************************************/
#nav_haut img{
float:right;
}
.bottom_content {
color:#FFFFFF;
background-color:#000000;
font-weight:bold;
vertical-align:top;
background-image:url(images/angle_noir_gris.gif);
background-position:bottom right;
background-repeat:no-repeat;
padding:2px 2px 2px 15px;
}
.bottom_content img {
float:right;
vertical-align:top;
}
.navdroite_links {
width:100%;
}
#navdroite_links a {
display: block;
border-top: 1px solid #cccccc;
padding: 2px;
color:#006699;
width:166;
}
#navdroite_links a:hover{
background-color: #dddddd;
border-top: 1px solid #000000;
color:#999966;
}
/***********************************************/
/* News */
/***********************************************/
.tableau_news {
color:#000000;
padding: 5px;
width : 100%;
}
.titre_news {
font-weight: bold;
margin-bottom:10px;
width:100%;
background-color:#EFEFEF;
}
.contenu_news {
margin-bottom:10px;
width:100%;
}
.date_news {
font-weight:bold.
padding: 4px;
background-color:#EFEFEF;
}
.news_head{
padding:10px;
}
.news_head img{
float: right;
padding: 10px 10px 0px 0px;
}
.news_head_txt{
width:400px;
border-bottom: 1px solid #000000;
margin-bottom:10px;
}
Evidemment, je continue à me renseigner de mon côté.
Merci encore.
