captain_torche

Ben, techniquement, comme tu ne nous donnes rien ... On ne pourra pas vraiment t'aider. Et, à moins qu'un expert en PHPBB ne passe, je pense que tu auras plus vite une réponse sur un forum officiel PHPBB.

Rajoute ça au début de ton CSS : * { margin: 0; padding: 0; } Ca va te réinitialiser toutes les marges.

Techniquement, si le traitement de tes 45 requêtes est identique, tu peux mettre ce traitement dans une boucle for (par exemple).

Change le width: 25% en 24% dans le .droite Enlève le height: 0 dans le .bas Et sinon, fais un peu de tests, tout de même. Je veux bien t'aider, mais pas faire ton site !

Mais si le lien est un seul acronyme ? <a href="#" title="Historique de la RATP"><acronym title="Réseau Autonome de Transports Publics">RATP</acronym></a> Ou si jamais mon lien est en grande partie composée d'acronymes (je sais, je chipote) ? <a href="#" title="pourquoi la sncf affiche du PHP dans ses urls">Le <acronym title="PHP is an Hypertext Preprocesor">PHP</acronym>dans les <acronym title="Unified Resource Locator">urls</acronym> de la <acronym title="Société Nationale des Chemins de fer Français">SNCF</acronym></a> Ca perturbe tout de même le lecteur.

Je ne connais aucune loi qui ôte au photographe la propriété de sa photo, si l'objet est de consommation courante En pratique, plein de personnes le font, mais si tu veux rester dan sla légalité, je te conseille de prendre contact avec l'auteur des photos, ou ... de les prendre toi-même

Personnellement, je déconseillerais l'utilisation de la balise acronym dans un lien. Tout simplement parce qu'au survol de la souris, l'affichage du titre de l'acronyme a la priorité sur l'affichage du titre du lien, ce qui peut troubler le visiteur. Il vaut mieux renseigner sur la page de destination, plutôt que sur l'acronyme (celui-ci étant expliqué lui-même dans la page de destination).

Rajoute juste ceci à otn CSS .bas h1 { margin: 0; } Sinon, évite l'utilisation des balises de titre (h1, h2, ...) quand ce n'est pas justifié (donc quand ce n'est pas un titre). C'est le cas, par exemple, du texte de ton footer.

Si le bouton est généré par un ActiveX, c'est parfaitement normal qu'il ne puisse fonctionner, ActiveX nécessitant (à ma connaissance) une platerforme IE/Win pour fonctionner. Mais, je m'étonne d'ailleurs, que l'ActiveX te soit proposé pour ce type de bouton ...

Ca dépend de ce que tu appelles "sauter une ligne". Passer à la ligne, avec <br /> ? Changer de paragraphe (fermer la balise </p>, rouvrir un autre <p>) ? Dans le premier cas (et quel que soit le nombre de <br />, c'est le line-height qui est en cause. Dans le second, c'est les marges de la balise paragraphe qu'il faut regarder.

L'interlignage, c'est l'espace entre deux lignes de texte. Si tu veux simplement (si j'ai bien compris), espacer ton footer et le reste de ton site, rajoute juste margin-top: ta_valeur; dans le code de .bas. Sinon, pour faire un css externe, il faut que tu copies/colles le contenu entre les balises <style>, dans un fichier (par exemple, style.css). Ensuite, tu remplaces ces balises style, par <link rel="stylesheet" media="screen" type="text/css" title="Essai" href="style.css" />

Attention : un site peut très bien être standard (à prendre dans le sens : il passe la validation W3C), et pourtant utiliser un design tabulaire ! Le zen garden, n'est qu'une 'vitrine' de CSS. Il expose des designs parfois très réussis, partant d'une base HTML à chaque fois identique. Ensuite, l'appréciation de 'beauté' d'un site, ça reste très personnel Pour toi, par exemple, que faut-il à un site pour qu'il soit beau ?

Bon, j'ai un peu modifié ton code. Tu as du mal à te séparer des tableaux, hein ! Je t'ai donc supprimé toute trace de tableau (tu n'en utilisais qu'un, une ligne, une cellule -> j'ai fait la même chose avec un DIV). Sinon, ton souci principal, venait du fait que ton footer, n'avait pas d'instruction de placement. Tu avais bien spécifié un .spacer, mais il n'était pas utilisé dans le code. Il a donc suffi de spécifier un clear: both dans le footer (.bas), et le tour était joué. <!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> <style type="text/css"> body { margin: 0; margin-top: 5px; font-family:verdana, sans-serif; font-size:80%; color:#760587; text-align:left; } .head1 { width: 764px; height: 170px; } .head2 { margin-left: 370px; margin-top: 145px; width: auto; height: 15px; } .head2 a{ font-size: 16px; font-weight: bold; color: #060C6F; text-decoration: underline; margin-left: 20px; } .gauche { /* définition de la colonne gauche */ float:left ; /* flotte à gauche */ width:24% ; /* largeur : 24% de .container */ background-color:#FE6001 ; /* couleur de la colonne */ height:100% ; /* hauteur : 100% du .container */ margin:0 ; padding:0} /* marges */ .centre {/* définition de la colonne centre */ float:left ; /* flotte à gauche */ width:50% ; /* largeur : 50% de .container */ height:100% ; /* hauteur : 100% du .container */ margin:0;padding:0 ; /* marges */ background-color:#760587; /* couleur de la colonne */ border-left:4px solid white; /* bordure gauche */ border-right:4px solid white} /* bordure droite */ .droite { /* colonne droite */ float:left ; /* flotte à gauche */ width:24% ; /* largeur : 23% de .container */ background-color:#FE6001 ; /* couleur de la colonne */ height:100% ; /* hauteur : 100% du .container */ margin:0 ; padding-left:0}/* marges */ .bas { /* définition de la colonne bas*/ clear: both; width: 764px; height: 20px; background-color:#760587 ; margin:0; padding-left:0 } .logoM { float: left; /* alignement du logo à gauche*/ margin-left: 0px; /* placement du logo dans son conteneur, head1 */ margin-top: 0px; border: 0; } .logoM2 { float: right; /* alignement du logo à droite*/ margin-right: 10px; /* placement du logo dans son conteneur, head1 */ margin-top: 10px; border: 0; } h1 { font-family:verdana, sans-serif; font-size:80%; color:#FE6001; background-color:transparent; text-align:left; } h2 { font-family:verdana, sans-serif; font-size:80%; color:#760587; background-color:transparent; text-align:left; } h3 { font-family:verdana, sans-serif; font-size:80%; color:#760587; background-color:transparent; text-align:left; } p { font-family:verdana, sans-serif; font-size:80%; color:#FE6001; text-align:left; margin-left:0px; margin-right:0px; margin-top: 2px; } li { font-family:verdana, sans-serif; font-size:80%; color:#FE6001; background-color:transparent; text-align:left; margin-left:0px; margin-right:0px; } a:link { font-family:verdana, sans-serif; font-size:80%; color:#760587; background-color:transparent; text-decoration:none; } a:visited { font-family:verdana, sans-serif; font-size:80%; color:#760587; background-color:transparent; text-decoration:underline; } a:hover { font-family:verdana, sans-serif; font-size:80%; color:#FE6001; background-color:transparent; text-decoration:underline; } #conteneur { margin: auto; width: 764px; border: 1px dotted #760587; } </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans nom</title> </head> <body> <div id="conteneur"> <div align="left"> <p><img src="logoM.jpg" class="logoM" alt="logoM" /><img src="logoM2.jpg" class="logoM2" alt="logoM" /></p> </div> <div class="head2"> <a href="...">Services</a> <a href="...">Produits</a> <a href="...">Forum</a> <a href="...">Catalogue</a> <a href="...">Contacts</a></div> <div class="gauche"> <p> </p> </div> <div class="centre"> <h1>Bienvenue chez MEDIAKAP.NET le spécialiste de la conception de sites Internet Design. Nous mettons toutes vos envies à votre portée : création du site Internet, relookage, réservation du nom de domaine, hébergement, référencement avec des outils très professionnels, Statistiques, Formation à Internet et ses logiciels, prospectus commercial ... </h1> <h1>Charte graphique personnalisée, avec vous aurez un site Internet tendance et design, unique ! Intéressez ? Contactez nous immédiatement. </h1> </div> <div class="droite"> <p> </p> </div> <div class="bas"> <p> </p> </div> </div> </body> </html> Edit : pour l'espacement entre les lignes, tu as deux choix : Soit c'est entre deux lignes d'un même paragraphe, auquel cas il faudra spécifier p { line-height: ta_valeur; } Soit c'est entre deux paragraphes, auquel cas il faudra définir les marges du paragraphe.

Et ton HTML ?

Je pense que tu trouveras ton bonheur sur le site d'alsacreations.

Bon, un petit truc vite fait (donc pas forcément super-génial), mais pour te donner une idée du "sans tableau". <!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> <style type="text/css"> * { margin: 0; padding: 0; } #header { margin: auto; margin-top: 10px; padding: 2px; width: 764px; height: 30px; border: 1px solid #000; } #header .logo1 { float: left; } #header .logo2 { float: right; } #header ul { float: left; list-style-type: none; width: 600px; text-align: center; } #header li { display: inline; } #header a { color: #060C6F; text-decoration: none; font-weight: bold; } </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans nom</title> </head> <body> <div id="header"> <img src="logoM.jpg" alt="logoM" class="logo1" /> <ul> <li><a href="">Services</a></li> <li><a href="">Produits</a></li> <li><a href="">Forum</a></li> <li><a href="">Catalogue</a></li> <li><a href="">Contacts</a></li> </ul> <img src="logoM.jpg" alt="logoM" class="logo2" /> </div> </body> </html> Bon, j'ai mis le CSS en interne pour tout avoir dans un seul fichier, mais c'est effectivement une bonne idée de l'externaliser. Par contre, pense à mettre un chemin relatif vers ton fichier CSS (parce que je doute que ton hébergeur comprenne le c:\Documents and settings\People\Bureau\M\3.css

Dans l'idéal, il faudrait que tu postes ton HTML également, qu'on puisse avoir une idée de l'organisation de ton code.

Il vaudrait mieux que tu crées un autre sujet, parce qu'on frise le hors-sujet, là Sinon, normalement, un tableau est transparent par défaut.

Le souci, c'est qu'en gardant la logique des tableaux de présentation, tu ne verras pas 20% des possibilités de CSS.

Kaporal -> Justement, il vaudrait mieux ne pas utiliser de tableaux (de présentation), pour rester dans la logique CSS. A moins que tu ne veuilles utiliser ces tableaux pour une présentation de données tabulaires (forum, statistiques, etc), je te conseillerais plutôt d'utiliser des DIVs, si tu veux t'imprégner de la logique CSS. Je rejoins également Rémi, Dièse et misterserveur, dans leur argumentation. A partir du moment où un site est conçu pour être facile à utiliser, où l'ergonomie est suffisamment pensée, où le contenu est pertinent et bien organisé, même si l'accessibilité n'est pas à proprement parler réfléchie, alors on peut parler de site professionnel, quelle que soit la méthode utilisée.

Certains sites en HTML/CSS sont moches, mais ce n'est pas du au media utilisé, juste aux talents des graphiste/intégrateur. Je me répète, mais si tu veux voir un peu des possibilités de CSS, jette un coup d'oeil au CSS Zen Garden.

Ben, j'imagine que kaporal voulait spécifier que NRJ a fait appel à un professionnel du web, pour se créer son site, ce qui me semble logique.

Ben, dans l'idéal, tu laisses la question, et tu précises quelle solution tu as trouvée. Ca pourra aider quelqu'un d'autre.

Personnellement, j'ai appris pas mal de choses sur le site du zéro, mais une fois les bases apprises, je me suis rendu sur css zen garden, et j'ai tenté de reproduire les designs qui me plaisaient le plus.

Dans dreamweaver, quand tu cliques sur ton formulaire, dans la fenêtre propriétés tu devrais avoir un champ "action", à remplir. Tu peux également activer le mode 'visualisation du code' de dreamweaver (j'me souviens plus de l'icône précisément, mais elle doit se situer en haut à gauche) Là, le souci va être d'apprendre les bases du PHP. Si tu as du temps et que tu es motivé, je te conseille de consulter les tutos du site du zéro, ils sont très bien faits.