Forum d'aide création graphique / [Résolu] Kit54 reduire espace entre header et contenu + flux rss

JiPe54 · 02-03-2010 11:03:39

Salut à tous,

Encore merci pour votre travail !!

- Je voulais savoir comment faire pour réduire l'espace entre le header et le haut du site ainsi qu'entre le header et le reste du site, car cela me semble beaucoup trop.

- Pareil j'essaye d'insérer un flux RSS sur l'index mais rien ne se passe le code ne fonctionne pas et je ne comprend pas pourquoi, auriez vous une idée ?

Par avance merci de vos réponses.

Voici l'adresse de mon site : www.gtipowers.com

Maude · 02-03-2010 15:00:53

Bonjour,

Je vous ai upper le header en diminuant sa taille pour que l'espace soit moins grand :

http://www.kitgraphiquegratuit.org/comm … header.rar

à remplacer dans le dossier image.

j'ai jetée un oeil sur votre codage il est un peu brouillon, vous avez par exemple deux body en haut :

Code:

</head>
<body>
<div id="conteneur">
<div id="header"></div>
<div id="contenu"><!-- CONTENU -->
<center><a href="index.php"><img src="images/header41.png" alt=""/></a></center>
<div id="pied">
<div class="cadre_bas"></div><br>
</div></div><br>

<center><script type="text/javascript"><!--
google_ad_client = "pub-0275229944031566";
/* 728x90, date de création 25/02/10 */
google_ad_slot = "0063835809";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center>
<body>
<div id="conteneur">

Vous pouvez remplacez votre code par celui-ci :

Code:

<div id="conteneur">
<div id="header"></div>
<div id="contenu" style="text-align:center">
<a href="index.php"><img src="http://www.gtipowers.com/images/header41.png" alt=""/></a>
<div class="cadre_bas"></div>
</div><div id="pied"></div>    

<div style="text-align:center"><script type="text/javascript"><!--
google_ad_client = "pub-0275229944031566";
/* 728x90, date de création 25/02/10 */
google_ad_slot = "0063835809";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>

<div id="header"></div>

Tout le code de votre page si vous avez du mal :

Code:

<!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>GTIPOWERS, Le site des amateurs et passionnés de 205 GTI</title>
<link rel="shortcut icon" href="images/favicon.ico" />
<html>
<head>
<meta name="Description" content="GTIPOWERS, Le site des amateurs et passionés de 205 GTI">
<meta name="Keywords" lang="fr" content="peugeot,205,gti,griffe,cti,dimma,ruggieri,cj,voiture,caracteristique,documentation,comparatif,technique,pictures,grd,xt,xs,1.6,1.9,automobile,3 portes,5 portes,histoire,entretien,guide,brochure,publicité,xs,gt,grd,identification,photo">
<meta name="Identifier-URL" content="http://www.gtipowers.com">
<meta name="description" content= "Site regroupant un maximum d'informations, sur la fameuse 205 GTI, avec des publicités , savoir comment vendre sa peugeot 205, ou bien l'acheter, comment l'entretenir.N'hésitez plus, c'est le site qu'il vous faut..">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="content-language" content="fr" />
<link href="style.css"    title="Défaut" rel="stylesheet" type="text/css" media="screen" />
<!-- Transparence png sous IE6 -->
<!--[if lte IE 6]>
<style type="text/css" media="screen">
#header    {background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/header.png", sizingMethod="scale");};
#contenu {background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fond_contenu.png", sizingMethod="scale");};
#pied      {background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pied.png", sizingMethod="scale");};
.menu_haut   {background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/menu_haut", sizingMethod="scale");};
.menu_fond {background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/menu_fond.png", sizingMethod="scale");};
.menu_bas     {background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/menu_bas.png", sizingMethod="scale");};
.cadre_haut   {background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/cadre_haut", sizingMethod="scale");};
.cadre_fond {background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/cadre_fond.png", sizingMethod="scale");};
.cadre_bas     {background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/cadre_bas.png", sizingMethod="scale");};
</style>
<![endif]-->

<div id="conteneur">
<div id="header"></div>
<div id="contenu" style="text-align:center">
<a href="index.php"><img src="http://www.gtipowers.com/images/header41.png" alt=""/></a>
<div class="cadre_bas"></div>
</div><div id="pied"></div>    

<div style="text-align:center"><script type="text/javascript"><!--
google_ad_client = "pub-0275229944031566";
/* 728x90, date de création 25/02/10 */
google_ad_slot = "0063835809";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>

<div id="header"></div>
<div id="contenu"><!-- CONTENU -->
<div id="left"><!-- COLONNE DE GAUCHE -->
<a href="index.php"><img src="images/accueil.png" alt=""/></a>
<a href="http://www.gtipowersforum.com" target="_blank"><img src="images/forum1.png" alt=""/></a>
<div class="menu_haut">Rubriques :</div><!-- MENU -->
<div class="menu_fond">
<ul>
<li><a href="index.php?page=peugeot">- Histoire Peugeot</a></li>
<li><a href="index.php?page=historique">- Histoire de 205</a></li>
<li><a href="index.php?page=gti">- La GTI dans tous ses états</a></li>
<li><a href="index.php?page=comparatif">- Comparatif d'époque</a></li>

<li><a href="index.php?page=guide">- Guide d'achat et côte</a></li>
<li><a href="index.php?page=identification">- Identification</a></li>
<li><a href="index.php?page=caracteristiques">- Fiche technique</a></li>
<li><a href="index.php?page=couleur">- Code couleurs</a></li>
<li><a href="index.php?page=entretien">- Entretenir sa GTI</a></li>
<li><a href="index.php?page=vendre">- Vendre sa voiture</a></li>
<li><a href="index.php?page=calendrier">- Les sorties GTIPOWERS</a></li>
<li><a href="index.php?page=telechargement">- T&eacute;l&eacute;chargements </a></li>

</ul>
</div>
<div class="menu_bas"></div><!-- FIN MENU -->

<div class="menu_haut">Recherche :</div><!-- MENU -->
<div class="menu_fond"><br>
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-right" style="background-color:#000000;color:#FFFFFF">
  <div class="cse-branding-form">
    <form action="index.php?page=recherche" id="cse-search-box">
      <div>
        <input type="hidden" name="cx" value="partner-pub-0275229944031566:lukm2qtt5q6" />

        <input type="hidden" name="cof" value="FORID:10" />
        <input type="hidden" name="ie" value="ISO-8859-1" />
        <input type="text" name="q" size="20" />
        <input type="submit" name="sa" value="Rechercher" />
      </div>
    </form>
  </div>
  <div class="cse-branding-logo">
    <img src="http://www.google.com/images/poweredby_transparent/poweredby_000000.gif" alt="Google" />

  </div>
  <div class="cse-branding-text">
    Recherche personnalisée
  </div>
</div>
</div>
<div class="menu_bas"></div><!-- FIN MENU -->

<div class="menu_haut">Services :</div><!-- MENU -->
<div class="menu_fond">
<a href="index.php?page=contact"><img src="images/contact2.png" style="margin:0px" alt=""/></a>
<a href="http://gtipowers.forumactif.fr/post.forum?mode=reply&t=1166" target="_blank"><img src="images/livredor.png" style="margin:0px" alt=""/></a>

<a href="javascript:window.external.addfavorite('http://www.gtipowers.com', 'GTIPOWERS, Le site des amateurs et passionnés de 205 GTI')"><img src="images/favoris1.png" style="margin:0px" alt=""/></a>
</div>
<div class="menu_bas"></div><!-- FIN MENU -->

<div class="menu_haut">Partenaires :</div><!-- MENU -->
<div class="menu_fond">
<br>
<a href="http://1and1.fr/xml/order?k_id=10188398" target="_blank"><img src="http://banner.1and1.fr/xml/banner?size=3&number=1" width="120" height="60" border="0"/></a>
<a href="index.php?page=partenaires2"><img src="images/bouton.png" style="margin:0px" alt=""/><br /></a>
<a href="index.php?page=partenaires2"><img src="images/bouton.png" style="margin:0px" alt=""/></a>
</div>
<div class="menu_bas"></div><!-- FIN MENU -->

<div class="menu_haut">Détente :</div><!-- MENU -->
<div style="margin-left:50px;width:150px"><a href="http://www.automoto.fr/fun-sexy/extreme/salon-de-geneve-2010-carlsson-c25-5751735.html" target="_blank">Salon de Genève 2010 : Carlsson C25</a><br><hr>

<a href="http://www.automoto.fr/salon-auto/salon-geneve/geneve-nouveautes/salon-de-geneve-2010-bmw-x5-restyle-5751713.html" target="_blank">Salon de Genève 2010 : BMW X5 restylé</a><br><hr>
<a href="http://www.automoto.fr/salon-auto/salon-geneve/geneve-concept-car/salon-de-geneve-2010-honda-3r-c-5751669.html" target="_blank">Salon de Genève 2010 : Honda 3R-C</a><br><hr>
<a href="http://www.automoto.fr/salon-auto/salon-geneve/geneve-actualite/salon-de-geneve-2010-le-twin-air-de-chez-fiat-5751640.html" target="_blank">Salon de Genève 2010 : Le Twin-Air de chez Fiat</a><br><hr>
<a href="http://www.automoto.fr/salon-auto/salon-geneve/geneve-concept-car/salon-de-geneve-2010-bmw-serie-5-activehybrid-5751596.html" target="_blank">Salon de Genève 2010 : BMW Série 5 ActiveHybrid</a><br><hr>
</ul>
</div><div class="menu_fond">

</div>
<div class="menu_bas"></div><!-- FIN MENU -->

</div><!-- FIN COLONNE DE GAUCHE -->     

<div id="right"><!-- COLONNE DE DROITE -->
<div class="cadre_haut"></div><!-- CADRE -->

<div class="cadre_fond">


<style type="text/css">
<!--
.style2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
}
-->
</style>
<center><img src="images/info-gtipowers.png" style="width:105px;" alt=""/></center><br>
<span class="style1">- Venez participer à la vie du forum en vous inscrivant ici <br>---> <span class="Style6"><strong><a href="http://www.gtipowersforum.com" target="_blank">www.gtipowersforum.com</a></strong></span></span>
Vous b&eacute;n&eacute;ficierais d'un acc&egrave;s complet
<br>
<br>
<span class="style1">- Les nouveaux autocollants sont disponibles pour 1,50euro seulement, cliquez ici -->  <span class="Style6"><strong><a href="http://gtipowers.forumactif.fr/l-autocollant-f28/commande-des-nouveaux-autocollants-t1899.htm" target="_blank">Commande autocollants</a></strong></span></span>

<br>
<br>
<span class="style1">- Les inscriptions pour la sortie du Dimanche 27 Juin 2010 sont disponible sur le forum (205 GTI-CTI-Rallye et 309 GTI-GTI16 uniquement) <br><span class="Style6"><strong><a href="http://gtipowers.forumactif.fr/gtipowers-f26/sortie-gtipowers-dimanche-27-juin-2010-t1864.htm" target="_blank">--> Cliquez ici <--</a></strong></span></span>
<br>
<br>
<div class="cadre_haut"></div><br>

<center><img src="images/intro.png" style="width:105px;" alt=""/></center><br>
<span class="style1">Chers visiteurs, bienvenue sur le nouveau site GTIPOWERS
qui regroupe plus de 80 pages d&acute;informations, conseils, photos, vid&eacute;os sur le thème de la 205 GTI.
<br>
<br>
Nous restons &agrave; votre disposition par le biais du formulaire de contact, et pensez &agrave; nous laisser un mot sur notre livre d'or.

<br>
<br>
Bonne visite.
<br>
<br>
<div class="cadre_haut"></div><br>

<center><img src="images/news.png" style="width:105px;" alt=""/></center><br>
<h2>Sur Le Site...</h2><br><span>25.02.2010 - </span><br/><span>Ajout du moteur de recherche, et de la publicit&eacute;s. Merci de cliquer dessus pour nous aider &agrave; faire vivre ce site.<br type="_moz" /></span><br/><span>11.02.2010 - </span><br/><span>Ajout des 5 derniers sujets visit&eacute;s sur le forum. <br type="_moz" /></span><br/><span>14.01.2001 - Modifications</span><br/><span>Salut &agrave; tous voici le nouveau GTIPOWERS, bon surf<br type="_moz" /></span><br/><h2>Sur Le Forum...</h2><br><a href="http://gtipowers.forumactif.fr/discussions-libres-f10/projet-piste-205-xld-tct-retour-en-2010-t1636.htm" target="_blank">[projet piste] 205 Xld ==> Tct ,retour en 2010</a><br><hr>

<a href="http://gtipowers.forumactif.fr/les-19l-f36/mattgti-205-gti-19-rouge-de-1992-t1524.htm" target="_blank">[Mattgti] 205 gti 1.9 rouge de 1992</a><br><hr>
<a href="http://gtipowers.forumactif.fr/le-coin-mecanique-f8/difference-de-boite-be1-105-et-115-t1961.htm" target="_blank">difference de boite be1 105 et 115</a><br><hr>
<a href="http://gtipowers.forumactif.fr/les-16l-f37/mart70-presentation-de-ma-115cv-rouge-t1815.htm" target="_blank">[mart70] présentation de ma 115cv rouge</a><br><hr>
<a href="http://gtipowers.forumactif.fr/les-19l-f36/lio54-205-gti-19l-rouge-vallelunga-t17.htm" target="_blank">[LIO54] 205 GTI 1.9L Rouge Vallelunga</a><br><hr>
</ul>
<br>  

     
</div>
<div class="cadre_bas"></div><!-- FIN CADRE -->     
        

</div><!-- FIN COLONNE DE DROITE -->     
<div id="clear"></div>
</div><!-- FIN CONTENU -->
<div id="pied"></div>
</div>      

<!-- mention de copyright Ne pas retirer sans autorisation écrite -->
<center><div class="copyright">©<a href="http://www.gtipowers.com"> GTIPOWERS.COM</a> 2010 | Powered by Gtiste & Totor54 | Design by<a href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;" title="kits gratuits" > Kitgraphiquegratuit.org</a> | <a href="index.php?page=login">Acc&egrave;s Admin</a></div></center>
<!-- mention de copyright Ne pas retirer sans autorisation écrite -->    
</body>
</html>

JiPe54 · 02-03-2010 15:33:18

Merci pour votre réponse !!

Est ce que cela peut aussi résoudre mon problème de moteur de recherche Google ? Car quand je lance une recherche rien ne se passe, je pense que le code n'est pas bon ou pas bien fignolé.

Maude · 02-03-2010 15:50:01

Pour le code google je ne saurais dire.

http://www.google.fr/cse/

JiPe54 · 02-03-2010 18:18:55

Ok merci je vais chercher !! J'ai modifié le code comme vous me l'avez conseillée.

JiPe54 · 02-03-2010 19:18:45

Est ce possible de mettre des colonnes menu à droite? comme celle de gauche, pour ajouter du contenu sans faire une page trop longue en hauteur

JiPe54 · 03-03-2010 14:29:03

J'ai essayé de modifier le code pour une colonne à droite mais j'ai plus rien qui s'affiche, quelqu'un peut m'aider s'il vous plait ?

Par avance merci.

#1 02-03-2010 11:03:39

[Résolu] Kit54 reduire espace entre header et contenu + flux rss

#2 02-03-2010 15:00:53

Re: [Résolu] Kit54 reduire espace entre header et contenu + flux rss

Code:

Code:

Code:

#3 02-03-2010 15:33:18

Re: [Résolu] Kit54 reduire espace entre header et contenu + flux rss

#4 02-03-2010 15:50:01

Re: [Résolu] Kit54 reduire espace entre header et contenu + flux rss

#5 02-03-2010 18:18:55

Re: [Résolu] Kit54 reduire espace entre header et contenu + flux rss

#6 02-03-2010 19:18:45

Re: [Résolu] Kit54 reduire espace entre header et contenu + flux rss

#7 03-03-2010 14:29:03

Re: [Résolu] Kit54 reduire espace entre header et contenu + flux rss

Pied de page des forums