Membres
Un site en 3 colonnes
Un site en 3 colonnes
Pages : 1 [2] 3 4 5
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 12:36
garde le ça peut servir plus tard, pour le referencement de ton site, il vaut mieux un titre en texte qu'un dessiné sur l'image ;)
je te prépare la suite, on arrive aux includes et aux contenus
_______________________
_ww.gabian-herault.com
je te prépare la suite, on arrive aux includes et aux contenus
_______________________
_ww.gabian-herault.com
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 12:39
Oui mais je ne vais pas écrire quelque chose au dessus de mon header, ça ferait tout moche.
J'ai hâte de voir la suite, mais je pense que ça va se corser un peu plus...
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
J'ai hâte de voir la suite, mais je pense que ça va se corser un peu plus...
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 12:49
bon maintenant on peut faire un fichier gauche.php qui recevra divers include et qui sera lui même inclus au bon endroit dans index.php
tout simple, gauche.php
et le css
.art_prin, .autr_art, .autr_titr {width:95%;height:100px;margin:10 auto 10 auto;border:solid #000000 1px}
nous y reviendrons en détails, pour l'instant on fixe height car ça permet de visualiser les emplacements
modif dans index.php
_______________________
_ww.gabian-herault.com
tout simple, gauche.php
<div class="art_prin">
<?php //include('art_prin.php') ?>
</div>
<div class="autr_art">
<?php //include('resum1.php') ?>
</div>
<div class="autr_art">
<?php //include('resum2.php') ?>
</div>
<div class="autr_art">
<?php //include('resum3.php') ?>
</div>
<div class="autr_titr">
<?php //include('les_titres.php') ?>
</div>
et le css
.art_prin, .autr_art, .autr_titr {width:95%;height:100px;margin:10 auto 10 auto;border:solid #000000 1px}
nous y reviendrons en détails, pour l'instant on fixe height car ça permet de visualiser les emplacements
modif dans index.php
<div class="col_50"><?php include('gauche.php') ?></div>
_______________________
_ww.gabian-herault.com
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 13:02
C'est super ça ! Par contre on fait comment pour centrer les blocs inclus à gauche ("float" ça ne marche qu'avec gauche et droite, c'est pas juste) ?
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 13:10
alors voilà, tel que c'est écris là ils sont centrés, MAIS IE ne le comprends pas! 
alors spécialement pour IE on va rajouter 2 règles css
dans .col_50 => text-align:center; mais par heritage le contenu de nos articles vont se retrouvé centré!
alors on ajoute dans le css des articles text-align:left; ainsi les articles sont centrés et leur contenu est aligné à gauche.
_______________________
_ww.gabian-herault.com
alors spécialement pour IE on va rajouter 2 règles css
dans .col_50 => text-align:center; mais par heritage le contenu de nos articles vont se retrouvé centré!
alors on ajoute dans le css des articles text-align:left; ainsi les articles sont centrés et leur contenu est aligné à gauche.
_______________________
_ww.gabian-herault.com
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 13:22
petit retour sur le titre
niveau referencement le contenu de la balise <title></title> est trés important, idem pour une balise <h1></h1> placée en haut de page. A ce niveau il serais plus bénéfique que www.passion-malherbe.com soit ecrit dans cette balise que déssiné sur l'image. Je dis ça au passage mais pour l'instant c'est pas la préoccupation principale.
_______________________
_ww.gabian-herault.com
niveau referencement le contenu de la balise <title></title> est trés important, idem pour une balise <h1></h1> placée en haut de page. A ce niveau il serais plus bénéfique que www.passion-malherbe.com soit ecrit dans cette balise que déssiné sur l'image. Je dis ça au passage mais pour l'instant c'est pas la préoccupation principale.
_______________________
_ww.gabian-herault.com
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 13:26
en t'inspirant de la page gauche.php je te laisse faire droite1.php et droite2.php 
_______________________
_ww.gabian-herault.com
_______________________
_ww.gabian-herault.com
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 13:52
En fait, je viens de me rendre compte que j'ai oublié quelque chose sur mon schéma. J'aimerai rajouter une ligne sous le menu, avec des liens (comme sur ce site http://www.racingstub.com qui est excellentitissime).
Donc j'ai rajouter deux petites lignes pour ça.
Pour droite1 et droite2, c'est fait.
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
Donc j'ai rajouter deux petites lignes pour ça.
Pour droite1 et droite2, c'est fait.
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 13:59
ecxélent! mais une erreur 
toutes les regles de styles doivent se trouver entre <style>et</style> dans la partie
<head></head>, par la suite on fera un gros copié collé et on mettra tout ça dans une feuille style.css
_______________________
_ww.gabian-herault.com
toutes les regles de styles doivent se trouver entre <style>et</style> dans la partie
<head></head>, par la suite on fera un gros copié collé et on mettra tout ça dans une feuille style.css_______________________
_ww.gabian-herault.com
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 14:03
En ce qui concerne index.php, il me semble que cette règle est respectée. Pour les autres pages, j'ai fait comme tu as fais. Je ne vois pas vraiment où est mon ou mes erreurs.
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 14:17
ben c'est moi qui ai oublié de le préciser, tout le css va dans index.php les autres page étant des includes,quand tu les utilise elles font corps avec index.php
_______________________
_ww.gabian-herault.com
_______________________
_ww.gabian-herault.com
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 14:49
un exemple pour article principal:
fichier art_prin.php:
ajout css:
.left {float:left}
.art_prin {height:200px}
!! la hauteur de .art_prin à déjà été définie dans une autre règle donc celle-ci doit se trouver aprés. En css la dernière règle écrite prend le dessus sur les précédentes.
modif dans gauche.php
enlever commentaire (//) devant include('art_prin.php');
_______________________
_ww.gabian-herault.com
fichier art_prin.php:
<img class="left" src="./img/mon_image.jpg" alt="texte de remplacement" />
<h2>Article principal</h2>
<p>
blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla
blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla ...
</p>
ajout css:
.left {float:left}
.art_prin {height:200px}
!! la hauteur de .art_prin à déjà été définie dans une autre règle donc celle-ci doit se trouver aprés. En css la dernière règle écrite prend le dessus sur les précédentes.
modif dans gauche.php
enlever commentaire (//) devant include('art_prin.php');
_______________________
_ww.gabian-herault.com
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 15:37
J'étais partie travailler un peu à autre chose. Mais ça m'démangeait de revenir ici.
Je ne crois pas avoir tout compris là. Je dois ajouter
.left {float:left}
.art_prin {height:200px}
dans index.php ?
En tout cas, c'est ce que j'ai fait et avec ou sans .art_prin {height:200px}, c'est la même chose.
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
Je ne crois pas avoir tout compris là. Je dois ajouter
.left {float:left}
.art_prin {height:200px}
dans index.php ?
En tout cas, c'est ce que j'ai fait et avec ou sans .art_prin {height:200px}, c'est la même chose.
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 16:19
c'est la même chose parceque tu a des styles qui trainent encore dans tes includes tous les styles y compris ce qui sont destinés aux include doivent se trouver au même endroit.
et aucun styles dans tes includes !
les 200px de haut pour articles principal c'est parceque sur ton image tu l'a fait plus grand que les autres, mais c'est toi qui vois.
_______________________
_ww.gabian-herault.com
<style>
.titre_header {position:relative;top:20px;left:30%;color:#CC0000}
.header {
width:99%;
height:170px;
background:url(http://www.passion-malherbe.com/themes/p-malherbe/images/essai2.jpg)
}
.menu_h {width:99%;height:25px;background-color:#ffffff;}
.championnat {width:99%;height:25px;background:#000099;color:#ffffff;}
.col_50 {text-align:center;float:left;width:49%;height:700px;background-color:#eeeeee;}
.col_25 {text-align:center;float:left;width:25%;height:700px;background-color:#dddddd;}
.footer {clear:left;width:99%;height:25px;background-color:#000000;color:#ffffff;}
.left {float:left}
.art_prin, .autr_art, .autr_titr {width:95%;height:100px;margin:10 auto 10 auto;border:solid #000000 1px}
.art_prin {height:200px}
.a_affiche, .photo_une, .video_une, .sondage {width:95%;height:150px;margin:10 auto 10 auto;border:solid #000099 1px}
.espace_membre, .forum_derniers_msg, .chat, .partenaires {width:95%;height:150px;margin:10 auto 10 auto;border:solid #000099 1px}
</style>
et aucun styles dans tes includes !
les 200px de haut pour articles principal c'est parceque sur ton image tu l'a fait plus grand que les autres, mais c'est toi qui vois.
_______________________
_ww.gabian-herault.com
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 16:21
Voilà, c'est corrigé.
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
_______________________
Patience et longueur de temps font plus que force ni que rage (La Fontaine)
Réponse à : Un site en 3 colonnes Posté le 24/03/2006 à 16:23
ok, ben pour les autr_art même principe mais l'image est en float:right, je te laisse le faire.
_______________________
_ww.gabian-herault.com
_______________________
_ww.gabian-herault.com
Vous n'est pas connecté en temps que membre, parceque j'en ai marre du spam, SEUL les membres peuvent poster des messages sur le forum.
Nous - Plan du site - Informations légale - Contact - © Graphiks.net