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

 


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

[CSS] Questions diverses

n°1164471
Zxyankxya
Posté le 29-07-2005 à 11:25:18  profilanswer
 

Reprise du message précédent :
Oui je sais bien que ça n'est pas pratique en local. En plus on utilise tout une archi de dev compliquée, jpe même pas emmener le bébé chez moi pour me faire aider par mon geek perso!  
Si c'est moi qui avait choisi, je n'aurais jamais utilisé struts, ses tiles à la con, des jsp et tout le tintouin... 'fin bref, maintenant je dois faire avec, et jpe rien vous donner pour que vous m'aidiez ='(
Bon, je teste pour le h1 =)


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
mood
Publicité
Posté le 29-07-2005 à 11:25:18  profilanswer
 

n°1164475
FlorentG
Posté le 29-07-2005 à 11:26:10  profilanswer
 

C'est une histoire de margin collapsing, comme indiqué dans la recommandation CSS :

Citation :

If the top and bottom margins of a box are adjoining, then it is possible for margins to collapse through it. In this case, the position of the element depends on its relationship with the other elements whose margins are being collapsed.
 
    * If the element's margins are collapsed with its parent's top margin, the top border edge of the box is defined to be the same as the parent's.


 
Donc là la margin-top du <h1> va devenir la margin-top du #header, d'où la bande en haut

n°1164476
WhatDe
Posté le 29-07-2005 à 11:26:19  profilanswer
 

Voilà elle est prise vous pouvez arrêter de l'aider maintenant  [:pingouino]


---------------
[:whatde]
n°1164477
skeye
Posté le 29-07-2005 à 11:27:00  profilanswer
 

et tu peux pas uploader une page générée quelquepart?[:joce]
Après avoir retiré tout contenu confidentiel?


---------------
Can't buy what I want because it's free -
n°1164491
Zxyankxya
Posté le 29-07-2005 à 11:34:35  profilanswer
 

Hé oui, tu as bien trouvé, il y avait une vilaine marge sur le h1. Merci =)
 
Bon, bon, bon, je vais essayer de rajouter des morceaux dans mon header, je vais jouer au lego, vous allez sans doute me revoir rapidement =)


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1164509
Zxyankxya
Posté le 29-07-2005 à 11:43:02  profilanswer
 

Si, si je pourrais uploader si besoin (pt1 g du mal, j'avais pas vu qu'on était passés sur la 2eme page =) ). Je le ferais si je m'en sors pas avec mes legos =)


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1166949
Zxyankxya
Posté le 01-08-2005 à 16:17:58  profilanswer
 

Bon, me revoila, toujours avec mon header. Aujourd'hui le pb n'est plus sous FF mais sous IE.
http://site.voila.fr/zxyankxya/images/header.jpg
 
La barre verticale verte ne devrait pas apparaître.
 
Mon header est composé de plein de div imbriqués dont la css est la suivante:

Citation :


   /* Entete */
#header {
   min-width:55em;
}  
 
      /* Entete principal */
#mainHeader {
 background-color:#1CCF89;
 margin:0;
 padding:0;
 min-width:35em;
}
 
#mainHeaderTop {
   text-align: center;
   height:60px;
   background-image: url(/si/images/logo_inra.gif);
   background-repeat: no-repeat;
 margin:0;
 padding:0;
}
 
#mainHeaderBottom {
   height:20px;
   background-color:#9FFCCB;
   border-bottom-style:solid;
 border-bottom-color:#1CCF89;
 border-bottom-width:2px;
 margin:0;
 padding:0;
}
 
#mainHeaderTop h1 {
   margin: 0;
   padding: 0;  
   /*padding-top:5px;*/
   font-size:35px;
}
 
      /* Entete de droite */
#rightHeader {
 text-align: right;
 color:#FFFFFF;
 height: 80px;
 padding-right: 2px;
 width:13em;
 float:right;
 font-size:12px;
 background-color:#1CCF89;
 border-bottom-style:solid;
 border-bottom-color:#1CCF89;
 border-bottom-width:2px;
}
 
#rightHeader h4 {
   margin: 0;
   padding-top: 3px;
   padding-bottom:0;
   padding-left:0;
   padding-right:2px;  
   font-size:14px;
   font-weight:bold;
}
 
#rightHeader a{
 color:#FA8F05;
 font-size:14px;
 text-decoration: none;
}
 
      /*En tête milieu*/
#centerHeader {
   width:60px;
   background-color:#1CCF89;
   float:right;
   margin:0;
   padding:0;
}
       
#centerHeaderTop {
   height:60px;
   margin:0;
   padding:0;
}
 
#centerHeaderBottom {
   height:20px;
   background-image: url(/si/images/courbe.gif);
 background-repeat: no-repeat;
 border-bottom-style:solid;
 border-bottom-color:#1CCF89;
 border-bottom-width:2px;
 margin:0;
 padding:0;
 width:100%;
}


 
Le HTML est tout simple:

Citation :

<div id="rightHeader">
   <h4>User bidule</h4><br>
   Aide<br>
   Se déconnecter<br>  
</div>
 
<div id="centerHeader">
   <div id="centerHeaderTop"></div>
   <div id="centerHeaderBottom"></div>
</div>
 
<div id="mainHeader">
   <div id="mainHeaderTop">
      <h1>Truc</h1>
   </div>
   <div id="mainHeaderBottom"></div>
</div>


 
J'ai testé en mettant des margin:0 et padding:0 partout. Après de multiples essais, le pb se trouve au niveau du div "mainheader". Et si je le met en float, il apparait bien dans IE mais du coup c'est FF qui merdoie.
Qu'est ce que je peux faire? Est ce que je dois simplifier tout mon bazar? Est ce que ça serait mieux d'utiliser un tableau?
 
Dsl si c'est un peu illisible ;P
 
Edit: Je n'ai pas mis ni la css, ni le html, ni le js des menus qui apparaissent car je pense qu'ils n'ont aucune implication à ce niveau.


Message édité par Zxyankxya le 01-08-2005 à 16:20:13

---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1166951
FlorentG
Posté le 01-08-2005 à 16:19:02  profilanswer
 

Quelle barre verticale ? Peut-tu l'entourer de rouge ? :D

n°1166964
Zxyankxya
Posté le 01-08-2005 à 16:24:08  profilanswer
 

Voila, c'est entouré en rouge. Je n'ai entouré que la partie génante, mais elle fait la totalité de la hauteur du header, et si je change la couleur du background du div "mainheader" elle prend cette meme couleur. Je suppose donc que c'est un pb de placement des divs mais je n'arrive pas a la résoudre.


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1166973
FlorentG
Posté le 01-08-2005 à 16:30:37  profilanswer
 

Chelou :heink:

mood
Publicité
Posté le 01-08-2005 à 16:30:37  profilanswer
 

n°1166990
masklinn
í dag viðrar vel til loftárása
Posté le 01-08-2005 à 16:41:42  profilanswer
 

pas mal de redoncances dans ta CSS, tu devrais mettre un

* {
    margin: 0;
    padding: 0;
}


au sommet, et dégager toutes les occurences de ces styles dans la suite :o


Message édité par masklinn le 01-08-2005 à 16:42:42

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1166995
Zxyankxya
Posté le 01-08-2005 à 16:45:22  profilanswer
 

Oui, c'est des scories qui restent de mes multiples tests pour régler ce pb, qui ne se règle pas.


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1166999
masklinn
í dag viðrar vel til loftárása
Posté le 01-08-2005 à 16:48:35  profilanswer
 

C'est pas une mauvaise chose hein, personnellement j'ai l'habitude de tout foutre à 0 au sommet de mes CSS ;)
 
Simplement autant que ça soit tout au même endroit, comme ça c'est réglé


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1167010
Zxyankxya
Posté le 01-08-2005 à 16:51:20  profilanswer
 

Oui oui, au départ je ne l'avais que au sommet, mais comme le pb persistait, j'ai testé un peu partout, et je ne l'ai pas enlevé avant de poster.
J'ai essayé aussi les width:100%. mais ya rien à faire, IE ne veut rien savoir. Ya que quand je mets le "mainheader" en float:right (ou left je crois aussi) qu'il affiche correctement, mais du coup c'est FF qui fait tout moche.
Anamardhiheu


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1168544
Zxyankxya
Posté le 03-08-2005 à 10:18:26  profilanswer
 

Bon, c'est encore moi =)
 
J'aimerais savoir s'il est possible dans la CSS d'indiquer qu'une instruction ne concerne que IE?
Mon problème étant que cet abruti de navigateur affiche toujours mes divs avec une taille de merde. Les divs en question n'ont pas de taille (largeur) fixe, seulement un min et max-width. Comme IE ne gère pas ces attributs, j'aimerais qu'il prenne toute la place disponible. Or, comme je l'ai déjà dit plus haut, il restreint la taille du div en question à celle du plus grand élément qu'il contient (à savoir une select box dans ce cas). Du coup l'affichage est vraiment minable.
Comment puis-je faire?
Vous avez besoin d'un bout de code?


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1168550
masklinn
í dag viðrar vel til loftárása
Posté le 03-08-2005 à 10:25:05  profilanswer
 

tu peux régler la width uniquement pour IE avec l'underscore hack:
 
_width: 200px;
ne sera compris que par IE ;)


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1168558
Zxyankxya
Posté le 03-08-2005 à 10:30:09  profilanswer
 

OK, merci bien =)


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1168611
Zxyankxya
Posté le 03-08-2005 à 11:12:19  profilanswer
 

Bon, je n'y arrive pas.
Voici les principaux div impliqués:

Citation :


   /* Entete */
#header {
   min-width:55em;
   margin:0;
 padding:0;
}  
 
   /* colonne de gauche */
div#navcol {
 background-color:#CAFEE2;
 font-size:14px;
   width: 20em;
   height:85%;
   float: left;
   padding-left:5px;
   padding-top:10px;
}
 
   /* page principale */
div#main {
    margin:5px 5px 5px 5px;
    float: left;
}
 
 
div#formulaire {
 position:absolute;
 border-style:solid;
 border-color:#1CCF89;
 background-color:#FEEACF;
 display:inline-block;
 min-width:35em;
 max-width:50em;
 padding:0;
 margin:0;
}


 
Le "header" est tout en haut (comme son nom l'indique =)), "navcol" est le menu de gauche, "main" le cadre principal où s'affiche le contenu des pages. "formulaire" est inclu dans "main". "header" et"formulaire" contiennent plein de sous divs.
Avec le code tel quel, ça s'affiche bien sous FF, mais IE il n'en fait qu'à sa tête.
J'ai essayé de mettre _width:100% dans le "main" mais du coup il me mets tout le div en dessous du menu. Et je ne peux pas mettre une taille fixe, le but étant de rendre la page adaptée à la taille de la fenêtre.
 
Arf, pis zut, en regardant pour la xième fois le code html généré, je viens de me rendre compte que j'avais pusieurs balsie <html> et <body>... rha, va falloir que j'épure le code de mes différents tiles struts parce que c'est vraiment pas très clean... ='''(


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1168619
Zxyankxya
Posté le 03-08-2005 à 11:14:47  profilanswer
 

Est ce que c'est génant d'avoir plusieurs <html></html> ou <body></body> dans la même page? Parce que je ne vois pas vraiment comment faire autrement?


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1168623
skeye
Posté le 03-08-2005 à 11:16:38  profilanswer
 

Zxyankxya a écrit :

Est ce que c'est génant d'avoir plusieurs <html></html> ou <body></body> dans la même page? Parce que je ne vois pas vraiment comment faire autrement?


c'est pas gênant, c'est strictement incorrect.:o


---------------
Can't buy what I want because it's free -
n°1168628
Zxyankxya
Posté le 03-08-2005 à 11:18:49  profilanswer
 

Mais je vois pas du tout comment faire dans ce cas.
 
Mon tile principal, celui qui contient tous les autres, comporte toutes les balises.  
Et dans les tiles contenus (particulièrement le main) j'ai besoin de la balise body puisque je veux lancer un script onload (et pas tjs le même selon les pages). Sans parler du titre... erf.... c'est affreux ='(


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1168643
skeye
Posté le 03-08-2005 à 11:24:39  profilanswer
 

[:urd]
Ca a quand même l'air d'une sacrée usine à gaz, ton truc...[:joce]
Joker, je sais pas faire à priori... :/


---------------
Can't buy what I want because it's free -
n°1168694
masklinn
í dag viðrar vel til loftárása
Posté le 03-08-2005 à 11:42:29  profilanswer
 

Zxyankxya a écrit :

Mais je vois pas du tout comment faire dans ce cas.
 
Mon tile principal, celui qui contient tous les autres, comporte toutes les balises.  
Et dans les tiles contenus (particulièrement le main) j'ai besoin de la balise body puisque je veux lancer un script onload (et pas tjs le même selon les pages). Sans parler du titre... erf.... c'est affreux ='(


Tu utilise les event handlers proprement [:spamafote]  
 
Mais bon comme Skeye, ça m'a l'air d'être une brave usine à gaz ton truc [:petrus75]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1168701
Zxyankxya
Posté le 03-08-2005 à 11:46:55  profilanswer
 

Ben c'est pas moi qui ait choisi l'environnement de dev hein ;P Perso les tiles je comprends pas bien l'intérêt quand on utilise les CSS à côté mais bon... chuis pas contrariante =)
 
M'enfin je devrais arriver à nettoyer ça.
 
Par contre, je comprends pas bien ce que tu veux dire Masklinn par "utilise les event handler proprement"?


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1168720
masklinn
í dag viðrar vel til loftárása
Posté le 03-08-2005 à 11:56:54  profilanswer
 

http://www.quirksmode.org/?/js/eve [...] d.html#top


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1168723
Zxyankxya
Posté le 03-08-2005 à 11:59:17  profilanswer
 

Bon, après avoir réussi à établir une connexion entre 2 neurones (brève mais intense!), je crois que j'ai compris (au moins en partie) ce que tu voulais dire Masklinn.
Mais étant une quiche au fromage en JS, en DOM, en HTML et en tout ce qu'on veut, je ne sais pas quelle event handler utiliser.
Le problème est celui d'une liste dynamique (qu'on appellera liste "destination" ) dont les options dépendent de l'option sélectionnée dans une autre liste ("origine" ). Or, "origine" peut avoir une option sélectionnée par défaut, mais je ne peux pas vraiment connaître celle-ci à priori. J'avais donc trouvé comme solution d'exécuter mon javascript (celui utilisé au changement de selection dans la liste "origine" ) au chargement de la page. Mais si vous avez une meilleure solution, je suis preneuse =)


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1168757
masklinn
í dag viðrar vel til loftárása
Posté le 03-08-2005 à 12:13:41  profilanswer
 

Zxyankxya a écrit :

Mais étant une quiche au fromage en JS, en DOM, en HTML et en tout ce qu'on veut, je ne sais pas quelle event handler utiliser.


function addEvent(o, e, f){
  if (o.addEventListener){ o.addEventListener(e, f, false); return true;
  } else if (o.attachEvent){ return o.attachEvent("on"+e, f);
  } else { return false; }
}


 
Après, dès que tu veux ajouter un évènement tu fais  

addEvent(objet, "event", function);


Par exemple si tu veux lancer la fonction "machin" au chargement de la fenêtre ça va être

function machin() { /* blabla */}
addEvent(window, "load", machin);


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1168773
Zxyankxya
Posté le 03-08-2005 à 12:22:49  profilanswer
 

Donc, hum, si j'ai bien compris, cela permet d'ajouter autant d'event qu'on veut, et ce indépendament de toute balise. Je vais manger, et j'essaie ca après et je vous tiens au courant.
Merci de votre aide =)


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1168911
Zxyankxya
Posté le 03-08-2005 à 14:36:56  profilanswer
 

Au risque de paraître stupide : où dois-je mettre l'appel à la fonction addEvent?


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1168926
masklinn
í dag viðrar vel til loftárása
Posté le 03-08-2005 à 14:48:25  profilanswer
 

n'importe ou


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
n°1169083
Zxyankxya
Posté le 03-08-2005 à 16:45:01  profilanswer
 

Bon, après avoir un peu (bcp) ramé pour insérer ça dans mon usine à gaz en kit, ça marche =)
 
Merci merci http://site.voila.fr/zxyankxya/Smileys/Pompom2.gif


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1170027
Zxyankxya
Posté le 04-08-2005 à 16:57:33  profilanswer
 

Bon cette fois ci c'est pas une question CSS mais j'avais la flemme d'ouvrir un nouveau topic. Ca concerne le JS:
pourquoi une fonction qui utilise une XMLHTTPRequest ne peut-elle pas avoir de return?
(ça m'interroge bcp bcp)


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1170050
Zxyankxya
Posté le 04-08-2005 à 17:12:04  profilanswer
 

Je vais essayer de me répondre toute seule:  
Ca ne serait pas du au fait que je réalise mon XHR en asynchrone?
 
dans ma fonction (mafonction) j'ai:

Citation :

...
alert (truc);
return (truc);
...


 
truc est créé à partir de la reponse de la XHR.
 
et dans une autre fonction (chouette) j'ai:

Citation :

...
var bidule=mafonction();
alert(bidule);
...


 
A l'éxécution, la console me dit "bidule has no properties". Serait-ce donc parce que dans ma fonction chouette, le retour de mafonction est évalué directement alors qu'en fait il n'est rempli que de façon asynchrone et donc après que la fonction chouette ait évalué le résultat?  
hum, je sais pas si c'est très clair mon explication... Si vous pouvez confirmer, infirmer, expliciter, ca serait bienvenu =)


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1170067
skeye
Posté le 04-08-2005 à 17:25:59  profilanswer
 

Jamais essayé, mais l'explication me parait cohérente...[:urd]


---------------
Can't buy what I want because it's free -
n°1170084
Zxyankxya
Posté le 04-08-2005 à 17:41:42  profilanswer
 

J'ai une autre question:
Je vais chercher des données dans ma base de données, et au moment de l'affichage, les accents ne passent pas. Je soupçonne donc un pb d'encodage de caractères, mais je ne vois pas comment le règler. Des pistes?


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1170091
skeye
Posté le 04-08-2005 à 17:50:55  profilanswer
 

comparer l'encodage de caractères utilisé dans la base et sur ta page?


---------------
Can't buy what I want because it's free -
n°1170405
Zxyankxya
Posté le 05-08-2005 à 10:10:10  profilanswer
 

Bon, le pb d'encodage ne vient pas de mes pages, mais de la base (c'est déjà tout pourri dedans, je verrais donc ca plus tard).
 
Mais je reviens a la charge avec mon pb d'IE qui me fait un affichage tout pourri dès que j'éxécute un JS qui modifie le contenu de la page. Existe-t-il un moyen de pallier cela? Ne pas utiliser de JS n'est pas une solution envisageable, ni même ne plus utiliser IE (même si ça m'arrangerait bcp ;P )


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1170881
gatsusat
Posté le 05-08-2005 à 17:14:46  profilanswer
 

t'oublieras pas  de poster une photo de toi à pwal pour tous les services rendus hein ??? :o

n°1170885
Zxyankxya
Posté le 05-08-2005 à 17:17:48  profilanswer
 

ca ne serait pas vous remercier mais plutot vous punir que de faire ca!!!!!


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1170954
gatsusat
Posté le 05-08-2005 à 18:45:11  profilanswer
 

dis pas ça car on risque d'aprécier.  
Tu sais bien que nous les progueux avec nos lunettes en cul de bouteille on fait pas la différence entre une belle et une moche
et puis on prend ce qu'on trouve

n°1171726
Zxyankxya
Posté le 07-08-2005 à 16:17:54  profilanswer
 

Fais gaffe à ce que tu dis toi, ça pourrait être répété, amplifié et déformé =)


Message édité par Zxyankxya le 07-08-2005 à 16:18:09
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3

Aller à :
Ajouter une réponse
 

Sujets relatifs
Problème avec les positions absolues en CSSUn tableau en Css/xhtml dans une include....
Besoin d'un expert en feuilles de styles CSS[HTML/CSS] Blocs superposés/Double arriere plan
[CSS] site nickel avec firefox et non sous iexplore...[HTML/CSS] - Problème d'affichage margin-top: -10px; sous IE [RESOLU]
2 questions pour le prix d une...[CSS] J'ai un problème avec mon beau div
Probleme de proportion height en CSSProblème de compatibilité IE (pour changer) avec ma feuille CSS
Plus de sujets relatifs à : [CSS] Questions diverses


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)