18073 sujets

Questions générales et questions de débutants

[Résolu] Ce code est-il propre?

Pages :
Salut à tous, c'est encore moi, et oui!

Cette fois je suis de retour avec une nouvelle page web encore hébergée par lycos (dsl j'ai pas eu le temps de chercher autre chose, mais si vous avez des conseils en la matière, c'est avec plaisir).

J'aimerais simplement savoir si le code vous semble propre et valide...

J'ai essayé de suivre les recommandations que l'on m'avait données suite à mon premier post (merci encore gilles6975 Smiley smile ).

Voici l'adresse: http://membres.lycos.fr/ndahouse/css/

Merci à tous

++

Edit: petites questions supplémentaires: comment centrer le tableau id="all" dans le <body>? A part en mettant tout dans un tableau?

Et à quoi sert le clear:both; exactement? j ai vu la différence quand on l enleve sous firefox, et c est flagrant, mais qu est ce exactement?

Merci
Modifié le 03 Feb 2005 - 09:02
Ton hebergeur voulant à ton prix placer ta page dans une frame et y adjoindre des scripts JS (avant et aprés la balise HTML en plus!) ton code ne pourra jamais être propre et valide ici.

Conseil donc, commence par le commencement et trouve toi un vrai hébergeur.

Pour centrer ton div principal il suffit de lui ajouter des marges automatique à gauche et à droite. margin:auto ou margin:0 auto 0 auto...
Pour que cela fonctionne aussi sur IE5x tu ajoute text-align:center à ta balise body et text-align:left a ton div.

Une explication détaillée ici:
http://www.alsacreations.com/articles/centrer/

Clear sert à revenir dans le flux. Exemple tu as un bloc flottant, si tu veux que le bloc suivant soit bien calé APRES le premier (et non dessous) tu peux utiliser cette propriété. Il doit y avoir un tuto à ce sujet dans la rubrique du même nom (pas sûr).
Modifié le 01 Feb 2005 - 15:42
Oui oui je sais tout ca. Mais essaye juste de faire abstraction des frames créées par lycos et du javascript, et dis moi si c'est correct. C'ets tout ce que je veux savoir. Merci Smiley biggrin
Ca y est j ai fait ce que tu m'as dit pour centrer, c'est parfait.

En revanche, pour les menus, j'ai pas mis de listes pour pas qu'il y ait de marge à gauche de ceux-ci.

Il y asûrement un moyen de faire des listes alignées à gauche??

Et dans mon cas précis, quel est l'avantge des listes pour mes menus?

Merci
adebisi a écrit :
En revanche, pour les menus, j'ai pas mis de listes pour pas qu'il y ait de marge à gauche de ceux-ci.

Il y asûrement un moyen de faire des listes alignées à gauche??

Dans la méthodologie épinglé en tête de ce salon il y a un lien vers les questions de marges qui te sera très utile pour utiliser les listes pour les menus entre autres.
Salut; ca commence a être joli tout cela a part que tu ne t'es pas encore débarasser de Lycos Multimania Smiley fache

Sinon tu as des validateurs en ligne (tu trouveras des liens dans les ressources).
Pour le CSS pas de problème !
Pour le XHTML il faut que les balises soient toutes fermées soit de la forme suivante <a href> </a> soit pour les balises qui n'ont pas d'éléments de fermeture comme <img> <meta> ou autres la syntaxe est <meta patati patata /> c'est fondamental pour le XHTML 1.0. Donc ferme ta balise meta !

Ensuite comme tu mets le CSS dans ta page et non en faisant appelle a une feuille externe il faut préciser quand tu définis un style à la page la nature de celui ci. En l'occurence ici c''est du CSS donc tu devrais avoir un tru c du genre <style type="text/css">. Remarque comme tout ton site risque d'avoir la même feuille de style peut être faudrait il la mettre en externe. Cela veut dire que les élément CSS se trouvent dans un autre fichier.

Enfin la remarque sur les listes est importante j'espère que tu aura pris le temps de lire. Encadre simplement tes liens du menu par <ul><li>.
Comme elles sont deja dans ta CSS rajoute simplement margin: 0 !

Bon courage
Salut Gilles,

Merci pour tes remarques.

Pour ce qui est de la fermeture des balises, j'avais oublié lma <meta> exact.
Pour la feuille de style, je comptais bien l'attacher, mais pour l'instant je m'attache à trouver un visuel, donc c'était plus pratique avec un seul fichier.

Voilà un autre lien, avec une meilleure version (selon moi):

http://membres.lycos.fr/ndahouse/css/index2.htm

pour ce qui est de la bannière je vais la changer je pense, pour en mettre une plus claire, plus en harmonie avec le rest, mais j'ai pas photoshop au taffe et c'est ce que j'avais sous la main.

Et j'ai rajouté des tableaux pour insérer les images dans le contenu...

Que pensez-vous de tout ça??

J'ai mis les listes avec margin:0, c'est nikel, merci.

Maintenant il ne me reste plus qu'à trouver un sujet pour mon site. Smiley biggrin

Enfin, last but not least: Vous connaissez des hébergeurs gratuits sans pub, à part free??

Merci
Ah et, j'ai mis margin:0; pour les <ul> et <li>, mais ca crée quand même une marge inférieure. Que faire?

Merci
Administrateur
adebisi a écrit :
Ah et, j'ai mis margin:0; pour les <ul> et <li>

... et padding:0 Smiley cligne
Ouais mais j'avais bien mis padding;0; et margin:0; et ca marche sous firefox, mais pas sous IE.

Donc je m'interroge, j'ai pourtant bien suivi ce qui est indiqué.

?? Smiley eek
Le problème vient de la propriété display de
#nav_gauche a
Si tu mets ul et li (des listes quoi) il faut enlever cette propriété qui force les marges sous ie et qui en fait ne sert à rien dans le cas présent puisque les <li> assure le retour à la ligne !

C'est pas très déontologique mais sans display block ca marche Smiley biggrin
a écrit :
Et j'ai rajouté des tableaux pour insérer les images dans le contenu...

Que pensez-vous de tout ça??


Pourquoi un tableau ? Smiley eek
Tu pourrais donner la propriété float à tes images:

img{float:right;}
Ok pour le display, seulement, je voulais que le survol du lien fasse en gros la même largeur que le <div> de gauche et si on enleve le display:block, ce n'est plus le cas.

Pour les images, j'avais pensé au float, mais à ce moment là, il faudrait que je donne une largeur au texte pour que l'image puisse se caller à droite non? Car sinon elle se met en dessous.
C'est ok pour les images, il fallait les placer en premeir dans le <div> Smiley cligne .

Sinon pour le menu gauche, mon problème reste.

Quelqu un? Merci
J'arrive pas a trouver même avec la recherche Smiley confused
Je récapitule le problème : sous FF pas de problème les éléments du menu sont collés verticalement les uns aux autres. Sous ie il y a une marge sous chaque li qui apparait.
Mettre margin et padding a 0 pour ul et li n'y change rien !
code CSS posant problème :
#nav_gauche{
    float:left;
	width: 15%;
}
#nav_gauche a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px;
	color:#006699;
}
#nav_gauche a:hover{
	background-color: #dddddd;	
	color:#006699;
}


et le XHTML :
	
<div id="nav_gauche">
		<ul>	
			<li><a href="#"> nav gauche</a></li>
			<li><a href="#"> nav gauche</a></li>
                 </ul>
</div>



Voila si quelqu'un qui a deja eu ce problème pouvait nous orienter merci !
Modifié le 02 Feb 2005 - 18:09
Salut et merci.

En fait c'est bon.

La différence entre IE et Firefox:

-sous IE, la main du lien ne s'affiche qu'au survol du texte, contrairement à Firefox où elle s'affiche tout le long de la <li>

-et sous Firefox, la hauteur des <li> est moindre que sous IE, mais le résultat est ok:



nouvelle adresse sans pub:
http://perso.wanadoo.fr/fredom2/css/index2.htm

Qu en pensez-vous?


edit: Ah apparemment gilles tu as édité pendant que je postais Smiley cligne
Modifié le 02 Feb 2005 - 16:32
Pages :
Sujet clos
Aller à