Sponsors
Esport-EU Qpad Spin Palace Birbes
Concours
QPAD Kode5
Ebauche de la V2 du site!!!
Se rendre à la page : Précédente  1, 2
Poster un nouveau sujet Répondre au sujet Forums Actu-Lan -> Divers Sujet précédent : Sujet suivant
Auteur Message
AL | pirquessa
Administrateur


Inscrit le : 15 Mars 2005
Messages: 3453
Localisation : Pexiora
Inscrit à : 13 lans
Message Posté le : 05 Juin 2005, 19:13 Répondre en citant
Pour ceux qui prennent en route, on parle de CA


oué, ca va mieu Smile je n'y avais pas pensé Smile (j'ai presque résolu le petit trous aussi)

Pour le div ca passe pas... Crying or Very sad je sais pas quoi faire...
Gentoo Warrior



Inscrit le : 05 Juin 2005
Messages: 5

Inscrit à : 0 lan
Message Posté le : 05 Juin 2005, 20:27 Répondre en citant
meme si tu fais comme ça :

Code:
<body>
  <div class="site_centre">
     <--! ICI Ton site -->
  </div>
</body>


et dans ton css :

Code:
.site_centre {
margin:auto;
width: 992px;  <--- adapte selon la largeur du site
}
AL | pirquessa
Administrateur


Inscrit le : 15 Mars 2005
Messages: 3453
Localisation : Pexiora
Inscrit à : 13 lans
Message Posté le : 05 Juin 2005, 21:00 Répondre en citant
Code:
<div id="conteneur">
      
      <div id="header"></div>
      <div id="menudiv">
         <? include('menu.php'); //on insere la page menu ?>
      </div>
      
      <div id="invis">Le site sur les lans , toute l'actualité sur vos évènements,
       vous voulez des informations sur des lans ?
       C'est septi lan / actu lan / top lan que vous devez visiter.
       Aude, Ariège, Midi pyrénées, Languedoc roussion, septimanie, france,
       toute l'actu que vous souhaitez sur les réseaux</div>
      <div id="gauche">
         <? include('left.php'); //on insere la page left ?>
      </div>
      <div id="centre">
         <? include('centre.php'); //on insere la page center ?>
      </div>
   
</div>


Ben c'est comme ca, et conteur son css:
Code:
#conteneur {
   position: absolute;
   left: 0px;
   top: 0px;
   margin-top: 4px;
   margin-left:4px;
   width: 992px;
   valign: top;
   padding: 0px;   
   spacing: 0px;}


Je peut mettre en relative avec align: center; rien n'y fait...
Gentoo Warrior



Inscrit le : 05 Juin 2005
Messages: 5

Inscrit à : 0 lan
Message Posté le : 05 Juin 2005, 21:56 Répondre en citant
et comme ça :

Code:
#conteneur {
   left: 0px;
   top: 0px;
   margin-top: 4px;
   margin-left:4px;
   width: 992px;
   valign: top;          <-- pas valide (vertical-align: top;)
   padding: 0px;   
   spacing: 0px;       <-- pas valide (border-spacing: 0px;)
   margin:auto;
 }
AL | pirquessa
Administrateur


Inscrit le : 15 Mars 2005
Messages: 3453
Localisation : Pexiora
Inscrit à : 13 lans
Message Posté le : 05 Juin 2005, 22:20 Répondre en citant
impossible d'arriver a bouger "conteneur" je comprend pas, il n'y a que les marges qui y font...

Ma page css:
Code:
body {
   font-size: 12px;
   font-family: Arial, Verdana, Georgia, serif;
   margin: 0px;
   padding: 0px;
   background: #F8F3E9;}
   
#conteneur {
   position: absolute;
   left: 0px;
   top: 0px;
   margin-top: 4px;
   margin-left:4px;
   width: 992px;
   vertical-align: top;
   padding: 0px;   
   border-spacing: 0px;}

#centre {
   position: absolute;
   left: 204px;
   top: 104px;
   width: 788px;
   vertical-align: top;}
   
#gauche {
   background: #f2ebd9;
   position: absolute;
   left: 0px;
   top: 100px;
   width: 200px;
   vertical-align: top;}
      
#header {
   height: 100px;
   width: 992px;
   background: #4db0e6;}

#invis {
   display: none;
   position: absolute;
   left:0;
   top:0;
   width: 1000px;}

#menudiv {
   position: absolute;
   left:550px;
   top:50px;
}


Si jamais t'arrive a faire quelque chose... Mais moi je ne vois pas comment avoir un meilleur rendu ... ca crain

(fait un edit de la page, tu te la sauve en html, et tout ce passe dans cette partie du css pour la presentation ... pour tes test...)

Merci encore pour l'interet que tu porte a ce site...
Gentoo Warrior



Inscrit le : 05 Juin 2005
Messages: 5

Inscrit à : 0 lan
Message Posté le : 05 Juin 2005, 22:50 Répondre en citant
j'ai enlevé les position absolue de #gauche et #centre, jai rajouter float: left; a #gauche et mis une taille de 100% a la place de 788px; a #centre .

Code:
body {
   font-size: 12px;
   font-family: Arial, Verdana, Georgia, serif;
   margin: 0px;
   padding: 0px;
   background: #F8F3E9;
    }
   
#conteneur {
   left: 0px;
   top: 0px;
   margin-top: 4px;
   margin-left:4px;
   width: 992px;
   vertical-align: top;
   padding: 0px;   
   border-spacing: 0px;
            margin:auto;
    }

#centre {
   left: 204px;
   top: 104px;
   width: 100%;
   vertical-align: top;}
   
#gauche {
   background: #f2ebd9;
   left: 0px;
   top: 100px;
   width: 200px;
   vertical-align: top;
    float:left;
    }
     
#header {
   height: 100px;
   width: 992px;
   background: #4db0e6;}

#invis {
   display: none;
   position: absolute;
   left:0;
   top:0;
   width: 1000px;}

#menudiv {
   position: absolute;
   left:550px;
   top:50px;
}


Citation:
Merci encore pour l'interet que tu porte a ce site...


de rien , des autres l'on fais pour moi. et peut etre que toi tu le feras pour qq d'autre un jours alors .....Wink

Edit: Et margin: auto; a #conteneur
AL | pirquessa
Administrateur


Inscrit le : 15 Mars 2005
Messages: 3453
Localisation : Pexiora
Inscrit à : 13 lans
Message Posté le : 06 Juin 2005, 08:18 Répondre en citant
ca y est ca marche, merci beaucoups Smile

J'ai modifié quelques trucs encore :
Code:
body {
  font-size: 12px;
  font-family: Arial, Verdana, Georgia, serif;
  margin: 0px;
  padding: 0px;
  background: #F8F3E9;}
   
#conteneur {
   left: 0px;
   top: 0px;
   margin-top: 4px;
   margin-left:4px;
   width: 992px;
   vertical-align: top;
   padding: 0px;   
   border-spacing: 0px;
   margin:auto;}

#centre {
  margin-top: 4px;
  margin-left: 204px;
  width: 788px;
  vertical-align: top;}
   
#gauche {
  background: #f2ebd9;
  left: 0px;
  top: 100px;
  width: 200px;
  vertical-align: top;
  float:left;}
     
#header {
  height: 100px;
  width: 992px;
  background: #4db0e6;}

#invis {
  display: none;
  position: absolute;
  left:0;
  top:0;
  width: 1000px;}

#menudiv {
  position: absolute;
  left:550px;
  top:50px;
}

Ce qui est bizare c'est si tu met :
Code:
#centre {
  background-color: #FF0000;
  margin-top: 4px;
  width: 788px;
  vertical-align: top;}

Tu vera que le div #centre est cadré sur la gauche de #conteneur et que ce qu'il contien, les news et le tableau des lans reste bien cadré au centre du design (et sont a cheval sur le cadre #centre...) c'est bizare non???
AL | pirquessa
Administrateur


Inscrit le : 15 Mars 2005
Messages: 3453
Localisation : Pexiora
Inscrit à : 13 lans
Message Posté le : 06 Juin 2005, 08:38 Répondre en citant
Si tu ve essayer de trouver d'ou viens le trous dans le menu aussi....
Impossible Wink
Le css du menu:
Code:
/**********
 *  Menu  *
 **********/

#menu {
 background: #000000;
 border: solid 1px #000000;
 height: 50px;
 padding: 0px;   
 border-spacing: 0px;
 width: 400px;}

#menu #menuhaut{
 margin: 0px auto;
 text-align: center;
 height: 25px;
 padding-top: 0px;
 border: 0px;}
 
#menu #menubas{
 margin: 0px auto;
 background: #81C7EB;
 background: url(images/band_ble.jpg);
 background-position: center;
 text-align: center;
 height: 11px;
 padding-top: 0px;
 border: 0px;}
 
#menu #menuhaut,#menu #menubas #lienbas{
 cursor: default;
 width: 100%;
 }
 
#menu #menuhaut .in{
 background: #9AD3EF;
 background: url(images/band_ble.jpg);
 background-position: center;
 color: #000000;
 font-size: 15px;
 padding: 0px;
 padding-bottom: 1px;
 border: solid 1px #000000;
 border-bottom: solid 2px #81C7EB;
 text-decoration: none;
 font-weight: bold;
 white-space: nowrap;
 width: 25%; }
 
#menu #menuhaut .out {
 background: #3AB7E4;
 background: url(images/band_ora.jpg);
 background-position: center;
 color: #000000;
 font-size: 15px;
 padding: 0px;
 padding-bottom: 1px;
 border: solid 1px #000000;
 border-bottom: solid 2px #000000;
 text-decoration: none;
 font-weight: bold;
 white-space: nowrap;
 width: 25%; }
 
#menu #menubas .in {
 background: #9AD3EF;
 background: url(images/band_ble.jpg);
 background-position: center;
 align: center;
 width: 100%;
 height: 100%;
 vertical-align: top;
 color: #000000;
 font-size: 14px;
 padding: 0px;   
 text-decoration: none;
 font-weight: bold; }
 
#menu #menubas .out{
 display: none;
}
 
#menu a:hover{
 width:90px;
 height:15px;
 text-decoration: underline;
 color:#FF6600;
 text-align:center;
 font-weight:bold;
 background-color:#D4E5EE;
 padding:0px;}

#menu a:active{
 width:90px;
 height:15px;
 text-decoration:none;
 color:#E85C00;
 text-align:center;
 padding:0px;}
 
.menu_titre {
   margin-top: 4px;
   font-size: 18px;
   font-family: Verdana, Georgia, serif;      
   color : #000000;
   font-weight: bolder;
   padding-left: 10px;      
   background-color: #F89F00;
   background: url(images/band_ora.jpg);
   background-position: center;}   


et le menu:
Code:
<table id="menu" cellspacing="0">
   <tr id="menuhaut">
    
       <td id="navlan" onmouseover="javascript:nav_in(0);" class="in">Lans</td>
       <td id="navcommu" onmouseover="javascript:nav_in(1);" class="out">Communauté</td>
       <td id="navdiver" onmouseover="javascript:nav_in(2);" class="out">Divers</td>
       <td id="navprofil" onmouseover="javascript:nav_in(3);" class="out">Profil</td>
    
   </tr>
   <tr id="menubas">   
      <td style=" border: solid 1px #000000; border-top: solid 1px #9AD3EF;" colspan="4" cellspacing="0" cellpadding="0">
         <div id="navlansub" class="in"><a href="index.php?page=reseaux&script=calend">Calendrier</a> | <a href="#">Trouver une Lan</a> | <a href="#">Les organisations</a></div>
         <div id="navcommusub" class="out"><a href="#">Les jeux</a> | <a href="#">Les blogs</a> | <a href="#">Le forum</a></div>
         <div id="navdiversub" class="out"><a href="index.php">Accueil</a> | <a href="#">Telechargements</a> | <a href="#">Statistiques</a></div>
         <div id="navprofilsub" class="out"><a href="#">Ouvrir un compte</a> | <a href="#">Vous identifier</a></div>
      </td>
   </tr>   
</table>


Je te suis tres reconnaissant de ton aide Smile

PS: je file au bahu now... je rentre que mercredi... rien ne presse Smile Vive le bac Crying or Very sad Crying or Very sad Crying or Very sad
AL | Zaxe
Staff


Inscrit le : 15 Mai 2005
Messages: 1703
Localisation : Angers et le reste du département 49
Inscrit à : 55 lans
Message Posté le : 06 Juin 2005, 11:55 Répondre en citant
Pas mal cette nouvelle version.
Je crois que je vais l'utiliser par rapport a l'autre
AL | pirquessa
Administrateur


Inscrit le : 15 Mars 2005
Messages: 3453
Localisation : Pexiora
Inscrit à : 13 lans
Message Posté le : 06 Juin 2005, 12:57 Répondre en citant
Je hais Internet exploreur, je n'ai pas vu ce matin que ca buggué grave sous EI (j'ai juste regardé avec mozilla!!!).
Je corigerai ca bientot Smile

Pour ce qui est de l'utiliser, c'est pas pour dessuite... Je suis en train d'adapter le calendrier pour le moment, mais les autres liens sont morts...

Merci Smile
Willy
Invité





Inscrit à : 0 lan
Message Posté le : 08 Juin 2005, 17:03 Répondre en citant
bon j'ai quelques idées je les mets avant de le oublier:

-mettre un petit dessin a coté de chaque nom dans les bandes oranges

- mettre le nom du jour dans le tableau des prochaines lan par exemple le 11 c'est un samedi
mettre une sorte de compte a rebours pour les lan ... par ex pour Valdes#8 aujourd'hui c'est J-9

-indiquer le nombre de places restantes pour le rézo (mais les orga devra venir remplir tout ca ... Rolling Eyes )

-dans chercher une lan la precision du departement est peut etre trop grande ... elargir a la region peut etre sympa je pense ...
Willy
Invité





Inscrit à : 0 lan
Message Posté le : 08 Juin 2005, 17:05 Répondre en citant
ah j'oubliais .. depuis le forum mettre un lien vers le site c'est bien pratique je trouve !
AL | pirquessa
Administrateur


Inscrit le : 15 Mars 2005
Messages: 3453
Localisation : Pexiora
Inscrit à : 13 lans
Message Posté le : 08 Juin 2005, 17:54 Répondre en citant
Citation:
-indiquer le nombre de places restantes pour le rézo (mais les orga devra venir remplir tout ca ... Rolling Eyes )

Arrow Je crois pas que ca soit fesable ca...

Citation:
-dans chercher une lan la precision du departement est peut etre trop grande ... elargir a la region peut etre sympa je pense ...

Arrow Il y a meme un projet de carte de france des regions Wink

Citation:

-mettre un petit dessin a coté de chaque nom dans les bandes oranges

Arrow pas compris

Citation:
- mettre le nom du jour dans le tableau des prochaines lan par exemple le 11 c'est un samedi
mettre une sorte de compte a rebours pour les lan ... par ex pour Valdes#8 aujourd'hui c'est J-9

Arrow Les prochaines lans étant souvent sur les 5 prochains jours... Je sais pas, on va voir Wink

Citation:
ah j'oubliais .. depuis le forum mettre un lien vers le site c'est bien pratique je trouve !

Arrow Tres bonne idee !!!

Encore un MAJ de la V2 , le calendrier est presque disponible Wink
Gentoo Warrior



Inscrit le : 05 Juin 2005
Messages: 5

Inscrit à : 0 lan
Message Posté le : 13 Juin 2005, 22:31 Répondre en citant
désolé pour le retard, j'ai pas trouvé le petit bugs.

sinon ca prend forme BRAVO et bonne me.... pour le reste Wink
AL | pirquessa
Administrateur


Inscrit le : 15 Mars 2005
Messages: 3453
Localisation : Pexiora
Inscrit à : 13 lans
Message Posté le : 06 Juil 2005, 13:06 Répondre en citant
Plus de problèmes sur le menu.

Il me faudrai un expert de phpbb2 pour faire un petit skin pour le forum et quelques modifications Smile

Les liens sur le forums sont en place...
Poster un nouveau sujet Répondre au sujet Forums Actu-Lan -> Divers
Se rendre à la page : Précédente  1, 2

Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas répondre aux sondages de ce forum
[flux RSS] | Vos publicités | Logos | Partenaires | Contacts | Référencer une lan | Visiteurs en ligne: 21
Loans - Gas Suppliers - Car Credit - Credit Cards - Credit Cards