28221 sujets

CSS et mise en forme, CSS3

Probleme incomprehensible !

Peux-tu préciser quel est exactement ton problème ?
Peut-être aussi modifier ton titre pour nous aiguiller... "problème incompréhensible" ne nous aiguille pas du tout Smiley cligne
bah il est clair le problème. On a tout, la CSS et le code. On voit bien que dans le bas de page cela ne vas plus. Bon aller je planche dessus...
En ce qui me concerne, que ce soit en test ou sur la page en ligne, rien n'est pareil sous IE ou sous Firefox. Sur le test les icones sont sur la même ligne que le mot "par", en ligne, les icones passent en dessous. Sur Firefox il y a effectivement un problème de décalage et de bordures avec les blocs...
Je me répèterais donc : si le but recherché pouvait être explicitement exposé, de même que le problème à corriger, ça aiderait tout le monde.
Le lien test avec des éléments complets (des lignes de commentaires par exemple) nous aiderait aussi à essayer d'aider en travaillant directement sur les portions de codes problématiques...
Administrateur
Merci de bien respecter les Règles du forum Smiley ohwell
Règle n°11 a écrit :
11- Conventions d'écriture
L'emploi des majuscules est à utiliser avec parcimonie dans les titres de sujet comme dans les messages. En effet, un texte entièrement rédigé en majuscules donne l'impression que la personne crie sur un ton agressif, sur internet. Veuillez donner un titre de sujet évocateur lorsque vous en rédigez un nouveau, et non pas simplement 'Question', 'HELP', 'Problème!' ou 'URGENT!!!!'. Le forum n'étant pas équipé d'un vérificateur d'ortographe, veuillez vous relire afin que votre message soit bien compris par tous et qu'on vous prenne au sérieux. Il est rappelé également que ce forum est... un forum, et non un tchat ou un support SMS. Vous êtes donc priés de respecter un minimum ce langage qu'est le français.
Je vois le problème en comparant firefox avec IE. Mais ce ne serait pas trop te demander de décrire ton problème ici (pour d'éventuelles recherches). Et comme ça a déjà été mentionné, choisir un titre plus évocateur. Smiley lol
Modifié le 28 Nov 2004 - 17:41
Administrateur
juliofromlille a écrit :
bah il est clair le problème. On a tout, la CSS et le code. On voit bien que dans le bas de page cela ne vas plus. Bon aller je planche dessus...

Il n'est pas censé sauter aux yeux. Ca se décrit, en bas en haut avant après, à droite ou à gauche, après telle balise, depuis que j'ai touché à ceci cela, ...

"le bas de page n'est pas correct" par exemple Smiley cligne
Attention au bon usage du BBCode !

Le lien doit se touver à l'intérieur de la première balise.

[ url=]http://css-discuss.incutio.com/?page=AlignLeftAndRight[/url ]

[ url=http://css-discuss.incutio.com/?page=AlignLeftAndRight]Ici le titre du lien[/url ]

ou

[ url=http://css-discuss.incutio.com/?page=AlignLeftAndRight]
Voilà ce que je te conseillerai, c'est pas la meilleure manière mais elle a le mérite d'être simple à comprendre :

Un div englobant pour avoir la bordure.
Ton titre, en mode block flottant à gauche.
Un div englobant les images flottant à droite.

Exemple :

CSS :


h3 {
	display: block;
	width: 50%;			/* block flottant = doit spécifier largeur */
	float: left;
	color: #CE3008;
	font-style: italic;
	font-weight: normal;
	font-size: 1.5em;
	margin: 0;
}
div.auteur {
	height:1.7em;
	border:1px #084A6B solid;
}
.auteurvignettes {
	float: left;
	margin-top: 2px;	
	width: 100px;			/* block flottant = doit spécifier largeur */
}


HTML


<div class="auteur">
	<h3>Par auteur</h3>
	<div class="auteurvignettes">
		<img src="http://www.toutankharton.com/objets/web.gif" alt="Web" />&nbsp;<img src="http://www.toutankharton.com/objets/alerte.gif" alt="Alerte" />
	</div>
</div>
<p>Bla bla bla</p>
Sujet clos
Aller à