rech. codeur CSS benevole pour une page de style.

Mammouth du PHP | 1311 Messages

18 déc. 2005, 19:02

j'ai pas de temps pour toi mais je fais ca
j'ai juste modifier ton menu, ca peut te convenir si tu fais un truc sobre
sinon tu na ps besion de mettre des div pour contenir tes menus
ul est fait pour ca

Code : Tout sélectionner

<body> <!-- Le titre en h1--> <h1 id="header"><img src='mon logo' title='logo' alt='logo' /></h1> <!-- Le contenu du site --> <div id="conteneur"> <!-- On affiche les menus --> <ul id="menu"> <!-- -Accueil -Inscription -L'&eacute;quipe --> <li><h2>accueil</h2></li> <li><a href="index.php?page=index.php">Accueil</a></li> <li><a href="index.php?page=inscription.php">S'inscrire</a></li> <li><a href="index.php?page=staff.php">Pr&eacute;sentation de l'&eacute;quipe</a></li> <!--Actualit&eacute;--> <li><h2>Actualit&eacute</h2></li> <li><a href="index.php?page=./actualite/une.php">La Une</a></li> <li><a href="index.php?page=./actualite/monde.php">Actualit&eacute; Mondiale</a></li> <li><a href="index.php?page=./actualite/europe.php">Actualit&eacute; France/Europe</a></li> <li><a href="index.php?page=./actualite/litteraire.php">Les critiques litt&eacute;raires</a></li> <li><a href="index.php?page=./actualite/musique.php">Nouveaut&eacute; Cin&eacute;/Musique</a></li> <li><a href="index.php?page=./actualite/sport.php">La page des sport</a></li> <li><a href="index.php?page=./actualite/informatique.php">Actualit&eacute; informatique</a></li> <li><a href="index.php?page=./article/proposition.php">Proposer un article</a></li> <!-- Analyse & Communaut&eacute; --> <li><h2>Analyses & Communaut&eacute;</h2></li> <li><a href="index.php?page=./analyse/monde.php">Analyses Mondiale</a></li> <li><a href="index.php?page=./analyse/europe.php">Analyses France/Europe</a></li> <li><a href="index.php?page=./analyse/proposition.php">Poster votre analyse</a></li> <li><a href="http://forums.cyberlianpost.info/" target="_blank">Le Forum/Les D&eacute;bats</a></li> <!-- -livre d'or -Contact -Partenaire --> <li><h2>Contacts</h2></li> <li><a href="index.php?page=livre.php">Le livre d'or</a></li> <li><a href="index.php?page=contacte.php">Nous contacter</a></li> <li><a href="index.php?page=partenaire.php">Nos partenaires</a></li> </ul> <!-- Pour le moteur de recherche, un block ou une page? --> <!-- Le corp du site --> <div id="corp"> <h2>Titre D'accueil</h2> <?php if (isset($_GET['page'])) { $page = $_GET['page']; include("$page"); } else { print""; { ?> <p>Texte d'accueil &aacute; r&eacute;aliser</p> <? } } ?> </div> </div> <div id="google"> <script type="text/javascript"> <!-- google_ad_client = "pub-4765366826679072"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_channel =""; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div id="footer"></div> </body> </html>
et je mettrai le javascript dans une feuille externe

Mammouth du PHP | 19672 Messages

18 déc. 2005, 20:48

Bon, voilà une ébauche de proposition : ça manque de contenu, mais ça va te donner une première idée. Note que j'ai corrigé quelques détails et pour l'instant, la feuille de style est intégrée, mais ça, tu fais ce genre de chose le temps d'affiner la présentation et quand tu es satisfait, tu externalise le style pour l'utiliser dans les autres pages au besoin.
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <title>Cyberlianpost :index:</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--     <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" />  -->
<style type="text/css">
/* <![CDATA[ */
body {
    font-family: verdana, helvetica, sans-serif;
    font-size: 80%;
}
#menu {
    width: 18em;
    float: left;
    text-align: right;
}
#menu li {
    list-style-type: none;
}
#menu h3 {
    color: inherit;
    background-color: #ccc;
}
#corp {
    margin-left: 19em;
}
#google {
    clear: both;
    text-align: center;
}
#corp h1 {
    text-align: center;
    padding: 1em 2em;
}
/* ]]> */
</style>
</head>
<body>
<!-- Le titre-->
<div id="titre"><p>Cyberlian post</p></div>

<!-- Le logo -->
<div id="logo"><!--Logo á placer dans style.css --> </div>

<!-- Le contenu du site  -->
<div id="conteneur">
    <!-- On affiche les menus -->
    <div id="menu">
        <!--  -Accueil -Inscription -L'équipe -->
        <h3>Accueil</h3>
        <div class="element_menu">
            <ul>
                <li><a href="index.php?page=index.php">Accueil</a></li>
                <li><a href="index.php?page=inscription.php">S'inscrire</a></li>
                <li><a href="index.php?page=staff.php">Présentation de l'équipe</a></li>
            </ul>
        </div>
        <!--Actualité-->
        <h3>Actualité </h3>
        <div class="element_menu">
            <ul>
                <li><a href="index.php?page=./actualite/une.php">La Une</a></li>
                <li><a href="index.php?page=./actualite/monde.php">Actualité Mondiale</a></li>
                <li><a href="index.php?page=./actualite/europe.php">Actualité France/Europe</a></li>
                <li><a href="index.php?page=./actualite/litteraire.php">Les critiques littéraires</a></li>
                <li><a href="index.php?page=./actualite/musique.php">Nouveauté Ciné/Musique</a></li>
                <li><a href="index.php?page=./actualite/sport.php">La page des sport</a></li>
                <li><a href="index.php?page=./actualite/informatique.php">Actualité informatique</a></li>
                <li><a href="index.php?page=./article/proposition.php">Proposer un article</a></li>        
            </ul>
        </div>
        <!-- Analyse & Communauté -->
        <h3>Analyses & Communauté </h3>
        <div class="element_menu">
            <ul>
                <li><a href="index.php?page=./analyse/monde.php">Analyses Mondiale</a></li>
                <li><a href="index.php?page=./analyse/europe.php">Analyses France/Europe</a></li>
                <li><a href="index.php?page=./analyse/proposition.php">Poster votre analyse</a></li>
                <li><a href="http://forums.cyberlianpost.info/" onclick="window.open('http://forums.cyberlianpost.info/'); return false;">Le Forum/Les Débats</a></li>
            </ul>
        </div>
        <!--  -livre d'or  -Contact -Partenaire -->
        <h3>Contacts</h3>
        <div class="element_menu">
            <ul>
                <li><a href="index.php?page=livre.php">Le livre d'or</a></li>
                <li><a href="index.php?page=contacte.php">Nous contacter</a></li>
                <li><a href="index.php?page=partenaire.php">Nos partenaires</a></li>
            </ul>
        </div>
    </div>
        <!-- Pour le moteur de recherche, un block ou une page? -->
    <!-- Le corp du site -->
    <div id="corp">
    <h1>Titre D'accueil</h1>
<?php
if (isset($_GET['page']))
{
    $page = $_GET['page'];
    include($page .".php");
}
else
{
?>
        <p>Texte d'accueil à réaliser</p>
<?php
}
?>
    </div>
</div>
<div id="google">
    <script type="text/javascript">
    /* <![CDATA[ */
    <!--
    google_ad_client = "pub-4765366826679072";
    google_ad_width = 468;
    google_ad_height = 60;
    google_ad_format = "468x60_as";
    google_ad_channel ="";
    //-->
    /* ]]> */
    </script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
</body>
</html>
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 111 Messages

19 déc. 2005, 16:21

Merci beaucoup :wink:

En faites, en testant avec easyphp, il me trouvait un parse error ligne 1 :roll:
J'avais continuer à creuser le projet avec des amis, on en est arrivé ici:

A visiter sous IE
Un bug connu sous firefox est en court de débugage :lol:

merci à mes amis (moi j'ai tester, modifier un rien, mais je me suis surtout contenter de comprendre le code css :oops: )
Copier sur un seul, c'est du plagiat. Copier sur deux, c'est de la recherche. Mizner Wilson

Mammouth du PHP | 19672 Messages

19 déc. 2005, 17:03

Même sous Firefox c'est pas mal : tu devrais ajouter un clear: both pour #google afin de la placer en bas de la ligne inférieure du menu, ça équilibrera mieux la page.
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Mammouth du PHP | 1311 Messages

19 déc. 2005, 17:07

d'un point de vue purement visuel ca manque de contraste

Eléphant du PHP | 111 Messages

19 déc. 2005, 17:31

sous firefox, j'ai un bug perso (enfin l'effet est peut etre pas mal, mais n'est pas celui recherché :oops:

merci à vous de vos aides :D
Copier sur un seul, c'est du plagiat. Copier sur deux, c'est de la recherche. Mizner Wilson

Eléphant du PHP | 111 Messages

19 déc. 2005, 17:42

desoler du double poste, mais j'aimerai savoir comment je pouvais centré la banniere google en fonction du div conteneur ?

et puis comme vous pouvez voir sous ff, j'arrive pas à mettre une certaine partie avec le même bg comme ça fonctionne pour IE :oops:

(faut que j'ouvre un nouveau poste?)
Copier sur un seul, c'est du plagiat. Copier sur deux, c'est de la recherche. Mizner Wilson

Mammouth du PHP | 19672 Messages

19 déc. 2005, 18:04

Non, continue sur celui-ci, mais je le déménage dans le forum HTML & CSS où ce sera plus à sa place.
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 111 Messages

19 déc. 2005, 19:38

ok ok merci,

Donc mes questions reste posé, (j'ai codé toutes cette aprem, et là ça deviens relou sous firefox :x

pour ce qui est du centrage de la banniere google, je supose que çà devrait aller (c'est pas urgent non plus mdr)

en tout cas merci à vous de m'avoir aidé, lancé et suivi pendant la création de se site (d'ailleur je vous garde une place pour vous et le site dans la partie informatique de celui que je code :P )
Copier sur un seul, c'est du plagiat. Copier sur deux, c'est de la recherche. Mizner Wilson

Mammouth du PHP | 19672 Messages

19 déc. 2005, 19:45

Bon, si tu veux des réponses précises, essaye de poser des questions précises : indique ce que tu veux obtenir, ce que tu as fait pour y parvenir (exemple de code) et ce que tu obtiens en réalité (qu'on ait un élément de comparaison avec le premier point)
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 111 Messages

19 déc. 2005, 20:41

-En faite j'aimerai obtenir le même affichage avec mozilla firefox qu'avec IE (c'est à dire que IE fait ce que j'ai voulu, mais que mozilla ne suis pas)

-J'aimerai centré ma banniere google par rapport au bloc central du div.

Pour les bout de code, vous les avez tous :oops:
Copier sur un seul, c'est du plagiat. Copier sur deux, c'est de la recherche. Mizner Wilson

Mammouth du PHP | 19672 Messages

19 déc. 2005, 21:59

J'ai le même centrage dans IE et dans Firefox, je suis pas sûr qu'on parle du même bloc <div> :-k
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphant du PHP | 111 Messages

20 déc. 2005, 12:07

je vais screener, car je m'exprimme mal :oops:

En faites les deux choses sont bien distince.
Sur la photo en rouge, vous visualiser ce que j'aimerai voir apparaitre comme sur IE
C'est à dire l'endroit ou j'ai mis le texte devrait être blanc et non bleu...

En mauve, c'est le centrage de la banniere par rapport au bloque montrer par les deux lignes (et ce pour les deux navigateurs ^^)

cliquez pour agrandir
Image
Copier sur un seul, c'est du plagiat. Copier sur deux, c'est de la recherche. Mizner Wilson