rech. codeur CSS benevole pour une page de style.

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : rech. codeur CSS benevole pour une page de style.

par sloshy » 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

par Cyrano » 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

par sloshy » 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:

par Cyrano » 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)

par sloshy » 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 )

par Cyrano » 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.

par sloshy » 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?)

par sloshy » 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

par jeff » 19 déc. 2005, 17:07

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

par Cyrano » 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.

par sloshy » 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: )

par Cyrano » 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>

par jeff » 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

par sloshy » 18 déc. 2005, 18:22

Salut,

rentré un peux tard pour mettre le xhtml en rentrant, après avoir dormi 3H, je vous propose donc la base :wink:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/2005/xhtml" xml: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" />
</head>

<body>
<!-- Le titre-->
<div id="titre">Cyberlian post</div>

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

<!-- Le contenu du site  -->
<div id="conteneur">
	<!-- On affiche les menus -->
	<div id="menu">
		<!--  -Accueil -Inscription -L'&eacute;quipe -->
		<h1>Accueil</h1>
		<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&eacute;sentation de l'&eacute;quipe</a></li>
			</ul>
		</div>
		
		<!--Actualit&eacute;-->
		<h1>Actualit&eacute; </h1>
		<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&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>		
			</ul>
		</div>
		
		<!-- Analyse & Communaut&eacute; -->
		<h1><hl>Analyses & Communaut&eacute; </hl></h1>
		<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/" target="_blank">Le Forum/Les D&eacute;bats</a></li>
			</ul>
		</div>
		
		<!--  -livre d'or  -Contact -Partenaire -->
		<h1>Contacts</h1>
		<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");
	}
	
	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>
</body>

</html>
Je suis conciens de la faille dans le petit code php présent, et je reglerai dés que possible, mais ma priorité actuellement est le design.

Si quelqun voulait bien me le faire, ou mieu prendre un peux de son temps pour le faire AVEC MOI pour que j'aprenne un peux (et oui je suis plein de bonne volonté :D ) ça serais plus que sympas.

Signé,
une ame en perdition loooool

par sloshy » 17 déc. 2005, 15:09

Je le fais ce soir (là je vais aller à l'anniv de ma tite amie).

le truc, c'est que je compte faire qu'une seul page
faire ouvrir les liens dans le div central ou il y a la une en ce moment :wink: