Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide Recherche
2307 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS/Javascript

  Et un problème CSS, un! [suite]

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Et un problème CSS, un! [suite]

n°1975211
BrisChri
since 1956
Posté le 19-03-2010 à 14:45:10  profilanswer
 

Salut,
je m'essaye à PHP, MySQL, HTML 5 et CSS3.  
Pour le début, pas trop de problème, j'arrive à créer une page HTML au départ d'une base de données. Pour la fin, il y a un problème... je n'arrive pas à joindre une partie de la page avec la feuille de style.
Pour mieux comprendre la demande, il suffit de jeter un œil sur la page et, tant que vous y êtes, sur la css.
Je quitte le bureau, je n'aurai accès à un PC que vers 20h ce soir, difficile de répondre à des questions s'il y en a.
Christian


Message édité par BrisChri le 28-03-2010 à 18:13:32

---------------
FlickR - Grando Keuken -  Tu m'aimes ? - En théorie, il n'y a pas de différence entre théorie et pratique, en pratique si.
mood
Publicité
Posté le 19-03-2010 à 14:45:10  profilanswer
 

n°1975480
BrisChri
since 1956
Posté le 20-03-2010 à 12:41:03  profilanswer
 


aside section ul {
 list-style: square;
}


 
Si vous regardez la page, list-style n'est pas "square". Pourquoi? Mystère!


---------------
FlickR - Grando Keuken -  Tu m'aimes ? - En théorie, il n'y a pas de différence entre théorie et pratique, en pratique si.
n°1975578
gatsu35
C'est à moi \o/
Posté le 20-03-2010 à 22:51:34  profilanswer
 

Enleve ton <a name="009" />
car quand on analyse ton code HTML on voit clairement que c'est lui qui fout la merde
tu me vires TOUS TES <a name="XXX"/> pour faire une ancre on utilise un id et surtout pas un <a name=""/> surtout qu'un A n'est pas une balise simple, c'est une balise double. il lui faut forcément un </a>.
En mettant des <a name=""/> tu pète tout le dom HTML de ta page et du coup ta CSS devient foireuse.


Message édité par gatsu35 le 20-03-2010 à 22:54:35
n°1975620
BrisChri
since 1956
Posté le 21-03-2010 à 10:03:43  profilanswer
 

Puisque j'ai besoin de ces ancres, j'ai remplacé

<a name="001" />


par

<a id="001" href="#001" title="Bières au tonneau"></a>


et ça fonctionne nettement mieux.

Message cité 1 fois
Message édité par BrisChri le 21-03-2010 à 10:11:21

---------------
FlickR - Grando Keuken -  Tu m'aimes ? - En théorie, il n'y a pas de différence entre théorie et pratique, en pratique si.
n°1975622
gatsu35
C'est à moi \o/
Posté le 21-03-2010 à 10:38:06  profilanswer
 

BrisChri a écrit :

Puisque j'ai besoin de ces ancres, j'ai remplacé

<a name="001" />


par

<a id="001" href="#001" title="Bières au tonneau"></a>


et ça fonctionne nettement mieux.


Tu me vire ces fucking liens vides et tu m'utilises des id que tu mets sur les éléments principaux de ta page, c'est comme ça que ça doit marcher les ancres, PAS AUTREMENT

 

Et les attributs doivent être entre DOUBLE QUOTES OU GUILLEMETS pas entre SIMPLE QUOTE ou APOSTROPHE. Donc dernier petit effort et tu me changes ça aussi
l'excuse du "c'est parce que je fais des echo en PHP" n'est pas admise :o


Message édité par gatsu35 le 21-03-2010 à 10:39:50
n°1975626
BrisChri
since 1956
Posté le 21-03-2010 à 11:01:18  profilanswer
 

J'ai trouvé ça comme façon de faire les liens en html 5, et ça passe à la validation.
Mets-moi un exemple de la manière dont tu l'écrirais, je comprendrais sans doute mieux.

 

http://www.elementary-group-standa [...] difference

 

Pour le ' au lieu de ", il suffit de remplacer

echo "\t< id='khakha'><\n";


par

echo "\t< id=".'"khakha"><'."\n";


et c'est joué. Dons sans importance pour l'instant.


Message édité par BrisChri le 21-03-2010 à 11:02:49

---------------
FlickR - Grando Keuken -  Tu m'aimes ? - En théorie, il n'y a pas de différence entre théorie et pratique, en pratique si.
n°1975648
Modération
Posté le 21-03-2010 à 12:28:04  answer
 

gatsu35 > ton expertise est indéniable, mais tu pourrais quand même expliquer de manière plus... sympathique, à tes interlocuteurs, pourquoi ils sont dans l'erreur.

 

Parce que moi si on me parle comme tu le fais, je cherche à tout faire pour arriver à faire mon truc sans suivre tes conseils, réaction de résistance de base. [:dawao]


Message édité par Elmoricq le 21-03-2010 à 12:29:33
n°1975662
BrisChri
since 1956
Posté le 21-03-2010 à 13:44:14  profilanswer
 

OK compris. Je modifierai (pour le php, pas avant mardi, pour l'exemple, c'est fait).
Malgré tout, ne fonctionne pas correctement sur FF et Chrome: le premier margin est augmenté.

 

http://www.alsacreations.com/astuc [...] enbsp.html

 

<div id="carte-contenu">
...
 <div id="009">
  <h3>Apéros</h3>
   <ul class='carte-article'>

 

   <li class='art-prix'>2.50 €</li>
    <li class='art-nom'>Martini</li>
    <li class='art-desc'>blanc, rose ou rouge</li>

 

  </ul>
   ...
 </div>
</div>
 <aside>
  <section>
   <ul>
           ...
    <li><a href="#009">Apéros</a></li>
   </ul>
  </section>
 </aside>


Message édité par BrisChri le 21-03-2010 à 13:49:39

---------------
FlickR - Grando Keuken -  Tu m'aimes ? - En théorie, il n'y a pas de différence entre théorie et pratique, en pratique si.
n°1978147
BrisChri
since 1956
Posté le 28-03-2010 à 18:15:17  profilanswer
 

J'aimerais que le menu contenu dans aside descende quand on descend sur la page.
Google devrait être mon ami à condition toutefois d'avoir les bons mots-clés.
Z'avez une idée de "où chercher?" ?


---------------
FlickR - Grando Keuken -  Tu m'aimes ? - En théorie, il n'y a pas de différence entre théorie et pratique, en pratique si.
n°1978248
gatsu35
C'est à moi \o/
Posté le 29-03-2010 à 08:14:49  profilanswer
 

en le mettant en position:fixed ?  
sinon en javascript, "menu follow scroll" ?

n°1978379
Skopos
Titilleur de nombrils...
Posté le 29-03-2010 à 13:40:19  profilanswer
 

si il fait l'impasse sur IE6 position:fixed c'est bien (dans certaines conditions je crois que ça peut merder aussi avec IE7)


---------------
RSS Is Dying You Should Be Very Worried

n°1978713
BrisChri
since 1956
Posté le 30-03-2010 à 07:44:07  profilanswer
 

je vais essayer fixed, je fais l'impasse sur IE, le site que je prépare ne sera pas terminé avant la sortie de IE9...
Donc no problemo.


---------------
FlickR - Grando Keuken -  Tu m'aimes ? - En théorie, il n'y a pas de différence entre théorie et pratique, en pratique si.
n°1978715
gatsu35
C'est à moi \o/
Posté le 30-03-2010 à 08:10:16  profilanswer
 

mais il sera terminé alors que IE7 et IE8 trainerons toujours :)

n°1978777
BrisChri
since 1956
Posté le 30-03-2010 à 10:53:21  profilanswer
 

Ce n'est pas bien gênant.
Quand IE9 sortira, MS fera savoir qu'enfin html5 et css3 sont reconnues, il y aura pléthore de chargements, donc, moi je ne m'en occupe pas.
De plus, je le fais pour mon plaisir, le site (source php et css) sera à disposition de qui veut bien, il ne restera qu'à adapter les css pour un usage pro (on peut rêver).


---------------
FlickR - Grando Keuken -  Tu m'aimes ? - En théorie, il n'y a pas de différence entre théorie et pratique, en pratique si.
n°1978796
BrisChri
since 1956
Posté le 30-03-2010 à 11:06:13  profilanswer
 

gatsu35 a écrit :

en le mettant en position:fixed ?  
sinon en javascript, "menu follow scroll" ?


J'ai utilisé fixed, ça fonctionne au bureau, moins bien en ligne :
1.- problème de pub, le menu n'apparaît pas à la bonne place
2.- les ancres ne fonctionnent pas avec div="xxx" , mais bien en mettant <a id="001" href="#001" title="Bières au tonneau"></a> ?  ;)  
 
http://brischri.angelfire.com/brasserie/brasserie.html

Message cité 1 fois
Message édité par BrisChri le 30-03-2010 à 11:06:49

---------------
FlickR - Grando Keuken -  Tu m'aimes ? - En théorie, il n'y a pas de différence entre théorie et pratique, en pratique si.
n°1978814
gatsu35
C'est à moi \o/
Posté le 30-03-2010 à 11:42:11  profilanswer
 

BrisChri a écrit :


J'ai utilisé fixed, ça fonctionne au bureau, moins bien en ligne :
1.- problème de pub, le menu n'apparaît pas à la bonne place
2.- les ancres ne fonctionnent pas avec div="xxx" , mais bien en mettant <a id="001" href="#001" title="Bières au tonneau"></a> ?  ;)  
 
http://brischri.angelfire.com/brasserie/brasserie.html


 
 

Code :
  1. <div id="xxx"></div>


j'ai jamais dit div="xxx" :o :o
et depuis la nuit des temps les ancres fonctionnent sur les id de n'importe quel élément HTML. utiliser les liens comme tu le fais revient à rajouter un élément dans ta page inutile :)

n°1978831
Skopos
Titilleur de nombrils...
Posté le 30-03-2010 à 12:02:37  profilanswer
 

Ajoute z-index: 1 (ou+) aux propriétés du menu fixé pour éviter qu'il passe sous les pub.


---------------
RSS Is Dying You Should Be Very Worried

n°1980033
BrisChri
since 1956
Posté le 01-04-2010 à 15:28:33  profilanswer
 

gatsu35 a écrit :

 


Code :
  1. <div id="xxx"></div>


j'ai jamais dit div="xxx" :o :o
et depuis la nuit des temps les ancres fonctionnent sur les id de n'importe quel élément HTML. utiliser les liens comme tu le fais revient à rajouter un élément dans ta page inutile :)


J'ai modifié la page, ajoutant une id dans h3.
Et l'ancre laisse une trace... je n'ai plus d'élément inutile sur ma page :D

 

Mais il me reste un problème.
Un problème de taille.
Mon menu flottant manque de largeur. Je parviens à lui donner de l'air vers la droite (j'augmente width:235px; à 350 et il s'allonge comme le nez de Pinnocchio), mais pas à le déplacer vers la gauche  [:transparency]


Message édité par BrisChri le 01-04-2010 à 15:39:19

---------------
FlickR - Grando Keuken -  Tu m'aimes ? - En théorie, il n'y a pas de différence entre théorie et pratique, en pratique si.
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS/Javascript

  Et un problème CSS, un! [suite]

 

Sujets relatifs
Probléme daccé a une BDD sous HSQL[Résolu][SQL/ACCESS] Problème COUNT / GROUP BY
Créer un comprtement avec du CSSCréer un comprtement avec du CSS
probleme avec marquee et w3cMac et windows probleme code.
Problème select max mysqlproblème avec insertion
probléme formulaireprobleme table
Plus de sujets relatifs à : Et un problème CSS, un! [suite]


Hit-Parade
Copyright © 1997-2012 Hardware.fr SARL / Groupe LDLC / LesNumeriques.com / Version anglaise du site: BeHardware