Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1535 connectés 

 


 Mot :   Pseudo :  
 
 Page :   1  2  3
Auteur Sujet :

Probleme : j'ai fait le theme de mon site mais...

n°1144924
Ayuget
R.oger
Posté le 09-07-2005 à 14:02:52  profilanswer
 

Reprise du message précédent :


[:rofl] Je connaissais pas cette image


Message édité par Ayuget le 09-07-2005 à 14:02:58
mood
Publicité
Posté le 09-07-2005 à 14:02:52  profilanswer
 

n°1145088
masklinn
í dag viðrar vel til loftárása
Posté le 09-07-2005 à 20:02:14  profilanswer
 

4chan /b/ rulz, mais faut pas être facilement choqué sinon tu t'arraches les yeux au bout de 5mn [:petrus75]

n°1145165
GANONEINC
Posté le 09-07-2005 à 21:17:03  profilanswer
 

j'ai fait une petite experience .
 
j'ai prit la maquette original et j'ai ouvett avec le bloc note
 
j'ai mit du texte au pif à la place de contenue du site
 
j'enregistre et j'ouvre avec ie et la  le meme probleme qu'avec dramweaver !

n°1145323
GANONEINC
Posté le 10-07-2005 à 07:24:00  profilanswer
 

je peut donc en déduire que ta maquette est mal programmée
 
sans vouloir toffenser

n°1145328
gatsusat
Posté le 10-07-2005 à 09:25:10  profilanswer
 

GANONEINC a écrit :

j'ai fait une petite experience .
 
j'ai prit la maquette original et j'ai ouvett avec le bloc note
 
j'ai mit du texte au pif à la place de contenue du site
 
j'enregistre et j'ouvre avec ie et la  le meme probleme qu'avec dramweaver !


 

GANONEINC a écrit :


je peut donc en déduire que ta maquette est mal programmée  
 
sans vouloir toffenser


 
 
donc voila le code que je t'ai donné :  

Citation :

<body>
 
<h1 id="header">
 Warcraft NET
</h1>
<div id="sousheader">
 la tite babarre sous le header
</div>
 
<div id="container">  
 <div id="menu">
  <ul id="menuconteneur">
   <li><a href="#">lien</a></li>    
   <li><a href="#">lien</a></li>    
   <li><a href="#">lien</a></li>    
   <li><a href="#">lien</a></li>
  </ul>
 </div>
 <div id="contenu">
  le contenu de mon site ici<br>
 </div>
</div>
<div id="footer">Pied de page</div>
</body>


 
 
voila le code d'une de tes pages :

Citation :

<body>
 
<h1 id="header">
 Warcraft NET
</h1>
<div id="sousheader">
  <div align="center">
    [...]
  </div>
</div>
 
<div id="container">  
 <div id="menu">
  <ul id="menuconteneur">
   <li>
     <div align="center" class="Style1">...:::Elune:::...</div>
   </li>    
  [...]
         <li></li>
  </ul>
  <br>
  </div>
 
<!-- tu vois pas qu'il manque un truc entre ton DIV et le debut de ton texte ???-->
 <p>&nbsp;</p>
 <p><img src="images/guilde1.jpg" width="550" height="413"></p>
 <p><strong> ---&gt;</strong><img src="images/a.gif" width="40" height="38"><strong>u Toi le visiteur ! Bienvenue sur le [..]&ecirc;tre tres stable avec Internet Explorer, il est conseill&eacute; d'utiliser firefox </strong></p>
</div>
<div id="footer"><strong>2004 - 2005 &copy; <a href="http://www.wow-net-fr.tk">G@NON INC</a> et <a href="http://www.blizzard.fr">Blizzard</a> , Pour les droits d'auteurs voir <a href="copy.htm">A propos de... </a></strong></div>
</body>


 
avant de dire qu'un code est bancale on s'assure qu'on a tout le code et pas qu'il en manque un bout
 
 
mais bon ok pour dire qu'il y a un ptit défaut, monsieur IE, ne cherche pas à pousser le bloc sur toute la hauteur malheureusement.
 
ouinnnnnnnnnnnnnnnnnnnnnnnnnn !!! si quelqu'un a une idée.


Message édité par gatsusat le 10-07-2005 à 09:45:05
n°1145336
gatsusat
Posté le 10-07-2005 à 10:28:16  profilanswer
 

correction arrivée.
 
tu remplaces les id et les classes correspondantes dans ta CSS (la feuille de style associée) par ceux-ci :  
 

Code :
  1. #container{
  2. height: 100%;
  3. display: table;
  4. position:relative;
  5. _background:url(images/fond_menu.jpg) repeat-y left;
  6. }


 
je crois qu'il y a un padding dans #contenu il faudrait l'enlever pour mettre plutot padding-left: 5px;
 
merki les gens de vos coups de main
 
et tu récupère l'image : http://gatsu.ftp.free.fr/Modele/wa [...] d_menu.jpg
 
 
ensuite tu n'oublies pas de rajouter la ligne  

Code :
  1. <div id="contenu">


 
après chaque </div> qui termine ton menu et là ou commence le contenu de ton texte
et voila c'est tout boo now


Message édité par gatsusat le 10-07-2005 à 11:28:32
n°1145353
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 11:17:57  profilanswer
 

float:left pour le contenu, un clear:both, et un min-height + _height, pour fixer une hauteur minimale ?


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1145355
gatsusat
Posté le 10-07-2005 à 11:21:44  profilanswer
 

ah vi exacte mon bichon

n°1145357
gatsusat
Posté le 10-07-2005 à 11:23:40  profilanswer
 

plainsofpain, nan c'est pas exactement ca ke je recherche. Je l'avais deja fait depuis le depuis faut suivre un peux plus
dans mon cas j'ai encadre le menu et le contenu avec un div pour les deux mais je crois avoir trouvé ma solution idéal

n°1145358
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 11:24:52  profilanswer
 

si dans ton cas tu encadres les deux avec un div, ma méthode fonctionne ^^'


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
mood
Publicité
Posté le 10-07-2005 à 11:24:52  profilanswer
 

n°1145363
gatsusat
Posté le 10-07-2005 à 11:27:42  profilanswer
 

vivi c'est comme ca ke j'avais fait dès le départ, mais si le contenu etait plus grand ca cassait tout, alors méthode :  
 
menu et contenu sont tous les deux à l'interieur du div container
 
ben je fous une image en background qui correspond au fond du menu. c'est de la bricole qui est pas mal utilisée en CSS

n°1145371
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 11:30:53  profilanswer
 

ben sur mon blog, ca casse nulle part. J'ai mis le footer en dehors du bloc contenant le menu et la colonne centrale.
 
Je fais un clear:both sur ce div conteneur, et le footer étant positionné dans le flux, il se metra a la suite (un float:left sur ton menu, et un margin-left sur le centre, qui lui n'est pas en float).


Message édité par plainsofpain le 10-07-2005 à 11:35:54

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1145375
gatsusat
Posté le 10-07-2005 à 11:34:24  profilanswer
 

faudra ke je m'entraine au positionnement je ne suis pas encore assez bon

n°1145376
gatsusat
Posté le 10-07-2005 à 11:35:11  profilanswer
 

B1-1 ne prend pas toute la hauteur que b1-2, et dans mon schéma maintenant #menu prend toute la hauteur que #contenu

n°1145377
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 11:35:42  profilanswer
 

c'est pas non plus évident....
 
L'absolu est une bonne solution quand ca te convient au départ et que ton menu ne bougera pas trop ...
 
Le float est plus judicieux souvent, mais pas tout le temps ...
 
http://test.roane-irkana.net/2_cols_fixe.htm
http://test.roane-irkana.net/2_cols_fluide.htm
http://test.roane-irkana.net/3_cols_fixe.htm
http://test.roane-irkana.net/3_cols_fluide.htm


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1145378
gatsusat
Posté le 10-07-2005 à 11:36:04  profilanswer
 

j'ai bien peur ke le gars à ki j'ai fait l'integration graphique ne comprenne pas un mot de ce que je lui dit lol

n°1145381
gatsusat
Posté le 10-07-2005 à 11:37:34  profilanswer
 

mon lapinou plainsofpain, t'inkiete jviens de faire un float:left, donc positionnement normal et non flottant, comme avant, tout ce ki change c'est la background left sur le conteneur
 
engros j'ai  

Code :
  1. <containeur>
  2.   <menu> </menu>
  3.   <contenu> </contenu>
  4. </container>

n°1145382
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 11:37:48  profilanswer
 

regarde le 2 cols fixe maintenant ...
 
y a un problème de marge que je n'ai pas vu au premier coup^, mais ca doit pouvoir se corriger


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1145383
gatsusat
Posté le 10-07-2005 à 11:38:43  profilanswer
 

bon en gros ca marche et jvais po me casser plus la tete pour son truc, en espérant kil se donen la peine de comprendre ce qu'il fait.

n°1145386
gatsusat
Posté le 10-07-2005 à 11:40:49  profilanswer
 

B1-1 et B1-2 doivent avoir la meme hauteur.
 
en css ce n'est pas vraiment possible, donc on triche avec les background comme je viens de le faire à l'instant
 
et si tu veux vraiment avoir des colonnes fixes, il faut utiliser les propriétés display:table et display:table-cell en CSS, mais IE ne les prend pas en compte.
 
donc sous FF les éléments passe pour des cellules de tableau mais sous IE on a un positionnement flottant
 
putaing va falloir que j'ecrive tout ca moi dans un livre peut etre lol

n°1145388
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 11:42:19  profilanswer
 

gatsu, si je déclare un fond rouge a centre par exemple, la partie gauche restera blanche
 
et en positionnant un background en fond du menu, on peut y arriver :p


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1145391
gatsusat
Posté le 10-07-2005 à 11:45:04  profilanswer
 

hum moué faudra qu'on mette tout ça à plat un de ces 4

n°1145395
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 11:50:03  profilanswer
 

et moi, je fais chercher a faire ce qu'il veut ... pourquoi ? ben pour me perfectionner !
 
Le truc bête c'est d'utiliser une image juste pour avoir un fond uni, alors qu'un background-color suffit ^^'


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1145397
gatsusat
Posté le 10-07-2005 à 11:53:45  profilanswer
 

ah mais ce n'est pas un fond uni pour la suite
 
bon je ferai un tutoriel m'enfin jte propose de donner ta solution en entier, c'est à dire maquette HTML Et CSS. si c'est tembete po.  
 
tiens tu trouvera tout ce qu'il te faut ici :  
http://gatsu.ftp.free.fr/Modele/warcraft/
 
J'aimerai bien avoir ta vision des choses.
si tu reprends ma maquette, regarde bien, normalement si le menu est plus haut que la partie contenu, c'est bon, et si la page est plus haute que le menu, le reste du menu s'adapte, grace à cette image en background.

n°1145443
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 12:45:06  profilanswer
 

J'avance un peu ... mais j'ai ma manie de pas utiliser d'image juste pour des dégradés. La différence n'est pas énorme, et c'est plus léger.
 
Mais bon ce n'est qu'une manie ca change pas le truc ^^


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1145450
gatsusat
Posté le 10-07-2005 à 12:58:01  profilanswer
 

plus léger sans dégradé??? si tu regarde bien le dégradé du menu ne fait ke 1ko

n°1145454
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 13:01:12  profilanswer
 

en fait je trouve moche les dégradés, et uni et dégradé je vois pas vraiment en quoi l'un serait plus beau que l'autre ...
 
Maintenant, la seule image qu'il y ait dans ma version, c'est la bannière, qui je pense est compressable plus fortement (elle fait 100ko dans ma version, vu que j'y ai pas retouché).
 
En tout cas, avec ton dégradé, ca crée un bel effet d'optique sur le menu :D
 
Edit : 16ko pour la bannière, mais la c'est tout juste, si on compresse plus ca se voit ^^'


Message édité par plainsofpain le 10-07-2005 à 13:06:11

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1145463
gatsusat
Posté le 10-07-2005 à 13:06:24  profilanswer
 

bah moi j'ai suivi les recommandations du monsieur
si tu te rend bien compte, ce qu'il avait en image etait identique en maquete chteumeuleu

n°1145465
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 13:08:00  profilanswer
 

je sais :o
 
Mais voila les dégradés, ca te fait des images a charger en plus (meme si elles sont petites), surtout qu'en l'occurence les dégradés sont pas vraiment extra ...
 
Je veux dire par la que ma version sans image (excepté la bannière), elle est pas plus moche ou plus jolie que l'autre ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1145721
GANONEINC
Posté le 10-07-2005 à 20:59:35  profilanswer
 

Pour info j'ai parfaitement comprit ce que Gatsusat a dit
 
la preuve
 
www.wow-net-fr.tk
 
Par contre j'ai du redimmensionner quelques images sinon ça descendait le contenu à la fin du menu

n°1145741
gatsusat
Posté le 10-07-2005 à 21:18:47  profilanswer
 

tu m'enlève le <br> qui se trouve à la fin du menu ici :  
 
  </ul>  
  <br>
  </div>
 
donc on doit voir ca seulement
 
</ul></div>
 
ensuite tu me reprend cette image :  
http://gatsu.ftp.free.fr/Modele/wa [...] d_menu.jpg
 
et normalement tout devrait coller pour ton menu sous IE

n°1145787
plainsofpa​in
Pingouino's lover
Posté le 10-07-2005 à 22:21:49  profilanswer
 

(et enlève ce menu en flash :o)


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1146064
GANONEINC
Posté le 11-07-2005 à 10:55:08  profilanswer
 

bon j'ai suprimé la balise <br>
 
 
et j'ai refait ton fond_menu.jpg car les couleurs n'était pas en harmonie avec le dégradé des menu
 
http://perso.wanadoo.fr/warcraftne [...] d_menu.jpg
 
 
il reste un dernier bug
 
si on ouvre le site avec firefox le menu bug sur l'index , c'est depuis que j'ai mit ça  
 
http://worldofwarcraft.judgehype.c [...] scriptnews
 
A noter qu'avec IE ça passe tres bien

n°1146084
gatsusat
Posté le 11-07-2005 à 11:04:54  profilanswer
 

tu peux montrer la page ou ca bug justement.
 
A mon avis jvais me marrer

n°1146265
GANONEINC
Posté le 11-07-2005 à 13:37:39  profilanswer
 

www.wow-net-fr.tk
 
c'est la page d'acceuil.
 
Juste en dessous de l'actulité WoW

n°1146276
gatsusat
Posté le 11-07-2005 à 13:44:52  profilanswer
 

et si tu mettait ca dans le style #menu
 
   background:url(images/fond_menu.jpg) repeat-y left;  

n°1146512
GANONEINC
Posté le 11-07-2005 à 15:30:12  profilanswer
 

ça marche ! J'ai mit à jour les polices et les couleurs de liens car c'était moche

n°1146523
GANONEINC
Posté le 11-07-2005 à 15:32:26  profilanswer
 

oups !
 
nouveau probleme !
 
http://www.wow-net-fr.tk/
 
avec Firefox , quand on navigue sur le site , une fois sur deux le menu va au centre de la page et fait déscendre le contenu vers le bas

n°1146528
plainsofpa​in
Pingouino's lover
Posté le 11-07-2005 à 15:33:06  profilanswer
 

Quand je te disais de virer ton menu flash ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1146870
GANONEINC
Posté le 11-07-2005 à 18:19:31  profilanswer
 

Citation :

Quand je te disais de virer ton menu flash ...


 
 
Je pense pas que ce soit le flash qui fasse bugguer , ça marchait bien avant

n°1146950
plainsofpa​in
Pingouino's lover
Posté le 11-07-2005 à 19:29:51  profilanswer
 

ton menu flash affiche les deux premiers items au milieu du bandeau sous ta bannière, mais les autres, ils sont au dessus du centre l'un en dessous de l'autre ^^'


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3

Aller à :
Ajouter une réponse
 

Sujets relatifs
Probleme temps d'accesProbleme attacheMovie & Classe externe
probleme de date access/postgresqlProblème d'update a partir d'un serveur en VB.net
Probleme lienprobleme de protection avec mot de pass (.htaccess)
problème de filtre avec date et comboboxProblème fonction php: Undefined variable
Problème de POST avec SVGProbleme de mapping memoire[résolu]
Plus de sujets relatifs à : Probleme : j'ai fait le theme de mon site mais...


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR