Et oui, c'est la rentrée... dur dur ! Heureusement qu'il y a Never-Utopia et les Guilde des Architectes pour se détendre !! 
(non ?)
Les deux premières missions ont été un succès, de belles participations et de bonnes explications. Je vous en félicite et j'espère que celle-ci suscitera autant d'intérêt.
Cette mission va être progressive et faite sous forme de jeu. Le but ? Trouver l'erreur du code x). C'est très simple, je vais tout d'abord poster un code qui contient une erreur, un problème qui fait que l'affichage ne se fait pas comme je voudrais. Je vais expliquer ce que j'aimerais, montrer ce que donne le code, et c'est à vous de trouver l'erreur qu'il contient et corriger le code pour que tout s'affiche comme il faut.
Une fois que la première erreur du code a été trouvée, et que tout le monde a bien compris, c'est à vous, n'importe qui, que ce soit celui qui a trouvé ou un autre, de poster à son tour un code dans lequel il y aura une erreur... et ainsi de suite x).
Commençons donc avec ces blocs :
J'aimerais donc que ces deux blocs soient côte à côte et non l'un en dessous de l'autre. Mon bloc gris est en float left, et leur deux largeurs cumulées devraient rentrer l'une à côté de l'autre... Pourtant le bloc marron est en dessous, alors qu'il devrait être à droite du gris.
Pourquoi ? Comment réparer ?
(non ?) Les deux premières missions ont été un succès, de belles participations et de bonnes explications. Je vous en félicite et j'espère que celle-ci suscitera autant d'intérêt.
Cette mission va être progressive et faite sous forme de jeu. Le but ? Trouver l'erreur du code x). C'est très simple, je vais tout d'abord poster un code qui contient une erreur, un problème qui fait que l'affichage ne se fait pas comme je voudrais. Je vais expliquer ce que j'aimerais, montrer ce que donne le code, et c'est à vous de trouver l'erreur qu'il contient et corriger le code pour que tout s'affiche comme il faut.
Une fois que la première erreur du code a été trouvée, et que tout le monde a bien compris, c'est à vous, n'importe qui, que ce soit celui qui a trouvé ou un autre, de poster à son tour un code dans lequel il y aura une erreur... et ainsi de suite x).
Commençons donc avec ces blocs :
Quanta autem vis amicitiae sit, ex hoc intellegi maxime potest, quod ex infinita societate generis humani, quam conciliavit ipsa natura, ita contracta res est et adducta in angustum ut omnis caritas aut inter duos aut inter paucos iungeretur.
Post hanc adclinis Libano monti Phoenice, regio plena gratiarum et venustatis, urbibus decorata magnis et pulchris; in quibus amoenitate celebritateque nominum Tyros excellit, Sidon et Berytus isdemque pares Emissa et Damascus saeculis condita priscis.
- Code:
<div style="width: 500px; margin: auto; padding: 5px;"><div style="float: left; width: 240px; height: 150px; overflow: auto; background: grey; margin: 10px; border: 5px solid darkgrey; color: darkgrey; padding: 5px;">Quanta autem vis amicitiae sit, ex hoc intellegi maxime potest, quod ex infinita societate generis humani, quam conciliavit ipsa natura, ita contracta res est et adducta in angustum ut omnis caritas aut inter duos aut inter paucos iungeretur.</div><div style="width: 240px; height: 150px; overflow: auto; background: brown; margin: 10px; border: 5px solid black; color: black; padding: 5px;">Post hanc adclinis Libano monti Phoenice, regio plena gratiarum et venustatis, urbibus decorata magnis et pulchris; in quibus amoenitate celebritateque nominum Tyros excellit, Sidon et Berytus isdemque pares Emissa et Damascus saeculis condita priscis.</div></div>
<div style="clear: both;"></div>
J'aimerais donc que ces deux blocs soient côte à côte et non l'un en dessous de l'autre. Mon bloc gris est en float left, et leur deux largeurs cumulées devraient rentrer l'une à côté de l'autre... Pourtant le bloc marron est en dessous, alors qu'il devrait être à droite du gris.
Pourquoi ? Comment réparer ?
Dernière édition par Sparrow-style le Mer 11 Juin 2014 - 11:50, édité 1 fois
je comprends pas trop comment ça peut fonctionner, même chez toi... 
) et Mélaïna ! En effet, il s'agit là d'une erreur qui arrive souvent, hélas : Mal refermer ses balises dans le bon ordre (ou oublier de fermer un div ^^')
