mick38

12 Janvier 2011

Une autre option, qui semble fonctionner en tout cas sur FF et Safari :


			p {
				padding:			2% 5%;
				margin:				0;
			}
			#p_auto{
				width:				90%;
			}

12 Janvier 2011

Quoique ca risque de rogner du texte à l'affichage si le contenu est juste à la limite du "trop long"

12 Janvier 2011

Et un "overflow: hidden" sur le bloc parent, ça peut peut-être marcher ?

30 Mars 2010

Que dire à part "Merci beaucoup !!!"

Je n'ai plus qu'à tester ...

Mick

30 Mars 2010

Bonjour,

A plusieurs reprises captain_torche fait allusion à l'utilisation d'une table de correspondance afin de gérer au mieux la réécriture d'URL, l'absence de l'id dans cette nouvelle URL, et le fait d'avoir une URL unique pour éviter le duplicate content.

http://www.webmaster-hub.com/topic/41413-des-mots-cles-dans-lurl/page__p__270651entry270651

http://www.webmaster-hub.com/topic/47992-vos-conseils-pour-la-reecriture/page__p__313048entry313048

http://www.webmaster-hub.com/topic/43415-google-naime-pas-lurl-rewriting/page__st__40__p__285395entry285395

Quelqu'un pourrait-il m'éclaircir à ce sujet ?

S'agit-t-il de 2 tables liées dans mySQL ou bien de tableaux gérés en php et générés à partir de données récupérées en base ?

Quelle est la bonne pratique lors de la réécriture dans le htaccess, une variable du genre $monNomDeFichier à la place de $id ?

Merci d'avance,

Mick

19 Mars 2010

Bonjour,

Peut être que si tu places ta base avant l'appel à la css ca devrait fonctionner (dans l'ordre du code)

Actuellement ta css, pour la deuxième page, est appelée à l'adresse suivante:
/>http://www.bulgaria-france.net/tourbg/tour.html/style.css

Et ensuite tu déclares la base...

Mick

2 Novembre 2008

Je crois que maintenant c'est bon. (Je dis je crois, car sur les différents navigateurs tout s'affiche bien, mais dans Dreamweaver ça s'affiche bizarre (la div est au milieu derrière les images ).

Je n'ai jamais utilisé Dreamweaver et ne sais donc pas ce que ça implique. Mais si le résultat obtenu est correct dans la plupart des navigateurs alors je pense aussi que c'est bon.

Mick

2 Novembre 2008

Bonjour Nullette,

Je ne sais d'ailleurs pas par quel miracle les images 4, 5 et 6 s'affichent bien sur la deuxième ligne !

Je pense que ça vient de la largeur du bloc parent.

Tu as 3 vignettes par ligne donc 3x150px de large, soit 450px.

A cela tu ajoutes 15px de margin-right à chaque vignette, soit 3x15=45px pour 3 vignettes.

La largeur de ton bloc parent doit être supérieur à 450+45 soit 495px mais doit avoir une largeur ne permettant pas de mettre 4 vignettes en ligne, soit une largeur inférieur à : 4x150 + 4x15 = 660px.

MAIS, je n'arrive pas à positionner le paragraphe qui suit (il s'agit en fait d'un titre h3).
Celui-ci s'affiche à droite des images et, si je mets clear: both, ou clear: left il y a un grand espace entre la deuxième ligne des images et le titre.

Peut-être un margin-top ou un padding-top hérité d'un autre endroit dans ta css, et appliqué au h3.

Sinon, si tu ne trouves pas, tu peux essayer de rajouter une div supplémentaire entre ta dernière vignette et ton titre h3:

HTML:

<p class="vignette"><img src="6.jpg" alt="6" width="75" height="98" /><br />
  Texte image 6</p>

<div class="clear"></div>

  <h3>Titre</h3>
  <p>blabla</p>

CSS:

.clear { clear: both; height: 1px; overflow: hidden; }

Mick

27 Octobre 2008

Parce que je me demande comment la page va se positionner pour la personne qui désactive la feuille de style ou pour les éventuels utilisateurs de Lynx.

Ce qui importe pour un utilisateur de lynx, c'est que l'information que tu lui fournis soit correctement structurée, et présentée dans un ordre logique.

En gros cela nécessite "un peu" de technique et beaucoup de bon sens (Nul besoin d'être expert pour travailler sur l'accessiblité de son site).

En général, si ta page est lue sans feuille de style, c'est que tu auras bien souvent à faire à un internaute mal-voyant ou non-voyant. Donc la question que tu te poses sur l'alignement des paragraphes n'a plus vraiment d'importance étant donné que le contenu de ta page html sera retranscrite sous forme vocale ou via un clavier braille.

J'aurai encore plein de questions sur les css.
A plus tard pour d'autres questions et merci encore.

A très bientot

Mick

27 Octobre 2008

J'ai peut être compris pourquoi on se comprend pas

Si tu mets un

align="right"

dans la balise html de ton 2ème paragraphe, alors c'est normal que son contenu se retrouve à droite et non sur la même ligne.

Le paragraphe occupe toute ta largeur (c'est un élément de type bloc comme le souligne yuston, donc il occupe toute la largeur de son contenant), donc si tu appliques ce style dans la balise html alors "tu dis" au contenu de ce paragraph de se positionner à droite.

Ce qui donne au final l'impression d'un bloc en float right alors que ce n'est pas le cas.

Tes 2 paragraphes sont bien l'un en dessous de l'autre, et occupe chacun, en largeur, la totalité de l'élément contenant.

Pour reprendre:

1) Faut-il garder dans la page html : <p align="left" > Page avant</p> et la même chose pour la droite ?

Non, c'est bien mieux de regrouper les style dans la CSS (facilite grandement la maintenance).

Ton style devrait donc s'appliquer, dans la css, uniquement au 2ème paragraphe afin de modifier sa valeur par défaut (text-align: left;).

2) Si je retire la feuille de style, un paragraphe est bien à droite et l'autre à gauche, mais pas sur la même ligne. Y a-t-il une solution ?

J'en reviens à ma question, sauf bien sur si tu pense qu'elle n'a pas lieu d'être, pour quelle raison souhaites tu qu'ils soient alignés lors de la désactivation de la feuille de style?

Mick

27 Octobre 2008

On se tutoie hein, si ça ne te dérange pas

Sauriez-vous me dire quelle est la différence entre le code css que j'avais mis :
.left { float: left; }
.right { float: right; }
et celui que vous m'avez indiqué :
.pleft { float: left; width: 40%; }
.pright { float: right; text-align: right; width: 40%; }
?

Les paragraphes s'affichent de la même façon avec l'un ou l'autre code ...

Pourrais-tu nous fournir plus de code, ou idéalement un lien vers ta page en travaux?

Et concernant ma deuxième question :
2) Si je retire la feuille de style, un paragraphe est bien à droite et l'autre à gauche, mais pas sur la même ligne. Y a-t-il une solution ?

Elle reste ouverte ... (la question).

Normalement, si tu ne mets de style dans ta balise html, alors les paragraphes devraient être l'un en dessous de l'autre quand tu retires la feuille de style, et non "en ligne".

D'ailleurs, pourquoi souhaites-tu qu'ils soient alignés lorsque la feuille de style est désactivée?

Mick

27 Octobre 2008

Bonjour Nullette,

Idéalement les styles ne devraient pas être dans le code HTML.

Ci-dessous un exemple de solution, à tester bien sûr.

Le code HTML:

<p class="pleft">
	<a href="#">Page précédente</a>
</p>
<p class="pright">
	<a href="#">Page suivante</a>
</p>

Le code CSS:

.pleft { float: left; width: 40%; }
.pright { float: right; text-align: right; width: 40%; }

Mick

24 Octobre 2008

Salut,

Une piste pour ton code CSS:

/* TOP SUB-MENU */

#navigation ul li ul { clear:both; position:absolute; background-color:#578bb8;}
#navigation ul li ul li { float: none; opacity:0.9; clear:left; border: none; }
#navigation ul li ul li a  { display: block; border-top: 1px solid #ffffff; text-transform:none; font-size:0.8em; }

Mick

Sous ie6 tu auras surement un bug d'espacemententre tes liens des sous catégories.

Il peut être résolu entre autres en modifiant l'indentation de ta sous liste

Exemple:

	<li class="category "  onmouseover="show(this, true);" onmouseout="show(this, false);">
		<a href="/v2/index.php?id=48" title="Articles">Articles</a>
		<ul style="display:none;">
			<li>
				<a href="/v2/index.php?id=51" title="Pêche">
					Pêche
				</a>
			</li>
			<li>
				<a href="/v2/index.php?id=52" title="Environnement">
					Environnement
				</a>
			</li>
...

Mick

10 Octobre 2007

Bonjour tout le monde,

J'ai découvert le Hub il n'y a pas très longtemps (je ne suis pas un habitué des forums), et là faut dire ce qui est, j'ai du mal à décrocher!!!

C'est donc décidé, je plante la tente !

D'ailleurs, merci à tous pour le sérieux et la qualité de vos réponses que j'ai pu lire ici et là.

Je suis Grenoblois, mais peut-être bientôt briançonnais, enfin, je fais tout pour rester près des montagnes ...

Mes spécialités sont plutôt l'intégration html/css, ..., et la cuisine (petit break de 4 ans en cuisine gastro). Donc si vous avez un problème avec votre béchamel n'hésitez pas (par MP).

Je teste actuellement php/mysql et je risque d'avoir besoin d'un "petit" coup de main de temps en temps :whistling:

a+ sur le forum

Mick

Connexion

mick38

Compteur de contenus

Inscrit(e) le

Dernière visite

Type de contenu

Profils

Forums

Messages postés par mick38

CSS - positionnement absolu et largeur

CSS - positionnement absolu et largeur

CSS - positionnement absolu et largeur

Réécriture dURL et table de correspondance

Réécriture dURL et table de correspondance

Erreur 404 - encore !

Alignement plusieurs images et espacement

Alignement plusieurs images et espacement

Deux paragraphes sur la même ligne

Deux paragraphes sur la même ligne

Deux paragraphes sur la même ligne

Deux paragraphes sur la même ligne

sous-menu sur IE qui ne s'affiche pas correctement

mick38

Parcourir

Activité