problème relation infobulle-css-lien

[pierre du 31]

Bonjours, j'ai un problème avec mes infobulles.

Tout d'abord, certaines vont vers le haut et d'autre vers le bas.
De plus je cherche comment mettre des sorte de bouton pour les lien sans succes.

Alors voici mon html :

Code:

<DL>
<DT>Carnassier
<DD><div class="infobulle"><imput>Brochet</imput><span> <p><b>Le Brochet :</b><br/>
nom masculin , (salmoniforme)<br/>
Poisson ésocidé des eaux douces, aux dents redoutables, aux nageoires impaires rejetées en arrière et qui contribuent, ainsi que sa forme cylindrique, son museau aplati, à la propulsion soudaine qui permet à l' animal de saisir ses proies (autres poissons, grenouilles, oiseaux aussi gros que lui), brochet de mer, nom usuel du spet
Le brochet peut dépasser 1 m de long et 20 kg<br/>
<img src="http://i47.servimg.com/u/f47/15/57/36/27/sans_t12.gif"/></span> </div>

<DD><div class="infobulle">Sandre<span><b>Le sandre : </b><br/>
Description :<br/>
- corps élancé, ovale, dont le tronc rappelle une perche et la tête un brochet dos gris verdâtre avec taches allongées verticalement, ventre gris plus argenté<br/>
- bouche armée de nombreuses dents acérées dont certaines sont plus particulièrement développées alors que d'autres sont réduite en soies<br/>
- ventrales en position thoracique, deux dorsales légèrement séparées, la première à 13 - 15 rayons épineux est mouchetée, la seconde ayant 1 à 3 rayons épineux et 19 - 24 rayons mous, ventrales à 1 et anale à 2 - 3 rayons épineux<br/>
<br/><img src="http://i47.servimg.com/u/f47/15/57/36/27/sans_t13.gif"/></span> </div>
<DD><div class="infobulle">Black Bass<span>Le black-bass est un poisson originaire des USA: sa pêche a d'ailleurs conquis plus de 40 millions de personnes outre Atlantique! L'introduction de ce poisson omnivore remonte à 1890 en France, pourtant il reste méconnu des pêcheurs dans certaines régions. C'est maintenant au tour des Français de s'intéresser à ce poisson et à sa pêche originale qualifiée de sportive.
Il existe de nombreuses espèces de bass, celui à grande bouche et celui à petite bouche étant les deux les plus connues. Seul le black bass à grande bouche s'est plutôt bien acclimaté dans les eaux françaises.
<br/> <img src="http://i47.servimg.com/u/f47/15/57/36/27/sans_t14.gif"/></span> </div>
<DD><div class="infobulle">Perches<span> La perche est, comme le brochet, un des carnassiers les plus répandus dans nos eaux. Ce poisson est présent dans la plupart des eaux du moment que le courant n'est pas trop fort. La perche vit par banc de plusieurs individus. Parfois, lorsqu'un individu est touché et qu'il parvient à s'echapper, il est capable d'alerter le reste de sa bande, c'est pour cela qu'il n'est pas recommandé de rater le poisson. Seul problème, le pêcheur n'est pas encore maître de cela...
<br/><img src="http://img94.imageshack.us/img94/5899/sanstitre1yy.gif
"/></span> </div>
<DD><div class="infobulle">Gardons<span> Le gardon est un Cyprinidé de silhouette ovale, plus ou moins haute. Ses nageoires ventrales et anale sont orangées, l’iris de son œil a du rouge surtout vers le haut. Sa taille fait le plus souvent entre 10 et 20 cm. Les records dépassent 30 cm pour plus de 2kg
<br/><img src="http://img253.imageshack.us/img253/7077/sansre7.gif"/></span> </div>



<DT>Poissons blanc
<DD><div class="infobulle">Carpe<span>La Carpe :<br/>
Nom féminin<br/>
Grand poisson des eaux douces profonde, calmes et tièdes, caractérisé par ses grandes écailles, ses quatre barbillons et sa longue dorsale<br/>
Elles peuvent vivre 20 ans atteindre plus de 25 kg et plus de 70 cm de longueur<br/>
Elles se nourrissent de petites proies animales et végétales<br/>
Leur élevage intensif [cypriniculture] se pratique en Europe centrale<br/>
Les carpes sont très polymorphes <br/>
<img src="http://img100.imageshack.us/img100/3784/sansre2.gif"/></span> </div>
<DD><div class="infobulle2">Carassin<span> Espèce de carpe sans barbillons.
<br/><img src="http://img600.imageshack.us/img600/8735/carrasin.png"/></span> </div>
<DD><div class="infobulle2">Tanche<span> <img src="http://img822.imageshack.us/img822/2329/sansre10.gif"/></span> </div>
<DD><div class="infobulle2">Chevesne<span> Les chevesnes (chevaines) comme les vandoises et les blageons, appartiennent au genre Leuciscus qui comprend une vingtaine d'espèces et sous-espèces en Europe. Avec son corps fusiforme et cylindrique couvert de grandes écailles et sa tête massive, le chevesne est un poisson robuste. Son dos est bleu-vert à gris brun avec des reflets verdâtres. Ses flancs sont plus clairs et son ventre est blanc..
<br/><img src="http://img821.imageshack.us/img821/6850/sansre7b.gif"/></span> </div>
<DD><div class="infobulle2">Autres poissons blancs<span> On utilise le terme "poisson blanc" pour désigner, non pas des poissons dont la couleur de peau est blanche mais ceux dont la chair est pâle et présente peu de goût, par opposition aux salmonidés ou aux carnassiers. Sur ce site, on regroupera également dans la catégorie des poissons blancs tous les poissons qui ne sont classés dans aucune autre catégorie.
A ce titre, il pourra sembler bizarre au lecteur que l'anguille soit considérée comme un poisson blanc. Cette dernière, bien que présentant parfois un comportement carnassier, n'est pas une espèce purement carnassière. Elle peut avoir un comportement carnivore (vers, insectes,...) ou charognard loin des carnassiers classiques. Le même genre de réflexion pourrait se faire pour le poisson-chat ou le chevaine, omnivores invétérés qui ont à la fois un comportement alimentaire végétarien, carnivore et/ou carnassier.
Il y a donc poissons blancs et poissons blancs...
<br/><img src="http://img593.imageshack.us/img593/267/sansre9.gif"/></span> </div>



<DT>Nom?
<DD><div class="infobulle2">Truite fario<span>  Description :<br/>
La truite commune est dotée d’un corps allongé, légèrement aplati latéralement.<br/>
La tête forte se termine par une bouche largement fendue.<br/>
L’ensemble des maxillaires de la langue et des os de la bouche portent de nombreuses dents dirigées vers l’arrière.<br/>
La nageoire caudale est généralement droite à son extrémité.<br/>
Le corps est couvert d’environ 120 petites écailles au niveau de la ligne latérale.<br/>
Sa robe varie fortement en fonction des régions mais aussi des cours d’eau et des caches qu’elle occupe.<br/>
La coloration la plus courante est brune jaune sur le dos, s’éclaircissant sur les flancs marqués de points rouges et bruns
<br/><img src="http://img412.imageshack.us/img412/4007/sansre12.gif"/></span> </div>
<DD><div class="infobulle2">Truite arc-en-ciel<span>La truite arc-en-ciel :<br/>
Comme tous les autres membres des salmonidés, se caractérise par son aspect fusiforme. Par rapport à la truite fario, elle possède un corps plus élancé,
recouvert de petites écailles plus nombreuses que chez la fario
ainsi qu’une plus petite tête se terminant par une bouche moins fendue.
Quant à sa coloration, impossible de la confondre avec un autre poisson.
Le dos est gris foncé tandis que les flancs sont gris-argenté et parsemés de petits points noirs également présents sur les nageoires dorsale, anale et caudale.
Le ventre est blanc, parfois jaunâtre ou rosâtre.
Mais ce qui lui a valu son nom de truite arc-en-ciel, est la très caractéristique bande irisée qui suit la ligne latérale des opercules jusqu'au pédoncule caudal.
Sa coloration dépend de la taille du sujet ainsi que de son habitat et peut être rose-mauve, rose-violacé
<br/><img src="http://img88.imageshack.us/img88/8356/sansre11r.gif"/></span> </div>



<DT>Autres poissons
<DD><div class="infobulle2">Saumon de fontaine<span> Le saumon de fontaine est un poisson magnifique :<br/> Sa robe est de couleur vert-bleuté que vient ponctuer des taches rouges et bleues. D’autres taches vermiculées jaunes pâles ornent la partie supérieure de ses flancs, deux bandes rouges plus ou moins claires agrémentent son ventre et de magnifiques liserés blancs crèmes viennent se placer sur le bord antérieur des nageoires pelviennes, pectorales et anale. Le saumon de fontaine à une tête très trapue et une bouche très largement fendue, surtout chez les mâles de l’espèce puisqu’elle arrive bien au delà du bord postérieur de l’oeil. Ces nageoires sont bien développées et laissent imaginer qu’il est un puissant lutteur. Sa nageoire caudale, à l’inverse de celle de la truite, est très échancrée. Sa longévité n’est que de 4 à 6 ans ce qui implique qu’il devient mature sexuellement assez rapidement (2 à 3 ans). Il ne devient pas très gros mais peut quand même atteindre la taille respectable de 50 cm (taille moyenne 20 à 30 cm) pour un poids maximum de 2 à 3 Kg (poids moyen de 300 à 400 gr).
<br/><img src="http://img337.imageshack.us/img337/2065/sansre13.gif"/></span> </div>

<DD><div class="infobulle2">Silure<span> Description :<br/>
- Corps allongé et trapu, dépourvu d' écailles, mais recouvert d' un abondant mucus gluant<br/>
- énorme gueule entourée de 3 paires de barbillons<br/>
- 2 très longs au dessus de la bouche et 4 plus courts sous le menton<br/>
- coloration variable, foncée sur le dos, plus claire sur le ventre et plus ou moins marbrée
<br/><img src="http://img573.imageshack.us/img573/2887/sansre14.gif"/></span> </div>

<DD><div class="infobulle2">Anguille<span> Née quelque part en mer de Sargasses, au nord des Bermudes peuplées de légendes, la larve de l’anguille, aidée par les courants, entame une traversée de près de 6 000 km qu'elle effectue en un peu moins d'un an, pour arriver sur nos côtes de fin octobre jusqu'à mai. Cet alevin alors nommé pibale (en Gironde) ou civelle (en pays nantais), grandit en eau douce avant de remonter les fleuves à l’heure de la reproduction qui la fera regagner ses eaux de naissance… Entretemps, l’anguille aura passé une dizaine d’années dans des eaux continentales !
<br/><img src="http://img23.imageshack.us/img23/3292/sansre15.gif"/></span> </div>

<DD><div class="infobulle2">Autres poissons d'eau douce<span> Nous pouvons rencontrer plusieurs espèces de poissons dans les eaux douces. Il n'est pas possible de tous les référencer et certains ont peu de chance de se retrouver dans des lacs ou carrières.<br/>
<br/>
Il y a plusieurs méthodes pour classer les poissons.<br/>
Selon leur famille. Par exemple la famille des cyprinidés ou des salmonidés.<br/>
Selon leur méthode alimentaire:<br/>
- le "blanc" qui se compose de poissons fouilleurs comme la tanche ou la carpe,<br/>
- les carnassiers qui chassent pour se nourrir, comme le brochet ou le sandre.<br/>
<br/>
Voici quelques espèces, et parfois sous-espèces que nous pouvons facilement apercevoir.

<br/><img src="http://img84.imageshack.us/img84/8082/sansre16x.gif"/></span> </div>
</DL>


et le css :

Code:

/* Infobulle */
.infobulle, .infobulle2
{
position:relative;
z-index:24;
color:black;
text-decoration:none
}

.infobulle:hover, .infobulle2:hover
{
z-index:25;
background-color: none;
}

.infobulle span, .infobulle2 span
{
display: none;
}

.infobulle:hover span
{
display:block;
position:absolute;
top:20px;  left:32px;  width:400px;
border:1px solid red;
background-color: yellow;
color: black;
text-align: justify;
font-weight:none;
padding:5px;
font-size: 12px;
}

.imgchatrep
{
width: 100px;
display: block;
margin: auto;
}

.infobulle2:hover span
{
display:block;
position:absolute;
bottom:20px;  left:32px;  width:400px;
border:1px solid red;
background-color: yellow;
color: black;
text-align: justify;
font-weight:none;
padding:5px;
font-size: 12px;
}


[pierre du 31]

up

[pierre du 31]

up

[pierre du 31]

up

[pierre du 31]

up

[kidon]

Déjà l'erreur que je peux remarquer c'est qu'il manque les balises de fermeture

Code:

</dd>

et

Code:

</dt>

à ma connaissance la balise

Code:

<imput>

n'existe pas, ne serait-ce pas

Code:

<input>

plutôt ?

il manque plusieurs fermetures de balises à votre code.

j'ai modifié pour qu'il soit plus correcte.

Code:

<DL>
            <DT>Carnassier
            <DD><div class="infobulle">Brochet<span><b>Le Brochet :</b><br/>
                            nom masculin , (salmoniforme)<br/>
                            Poisson ésocidé des eaux douces, aux dents redoutables, aux nageoires impaires rejetées en arrière et qui contribuent, ainsi que sa forme cylindrique, son museau aplati, à la propulsion soudaine qui permet à l' animal de saisir ses proies (autres poissons, grenouilles, oiseaux aussi gros que lui), brochet de mer, nom usuel du spet
                            Le brochet peut dépasser 1 m de long et 20 kg<br/>
                        <img src="http://i47.servimg.com/u/f47/15/57/36/27/sans_t12.gif"/></span> </div></DD>

            <DD><div class="infobulle">Sandre<span><b>Le sandre : </b><br/>
                        Description :<br/>
                        - corps élancé, ovale, dont le tronc rappelle une perche et la tête un brochet dos gris verdâtre avec taches allongées verticalement, ventre gris plus argenté<br/>
                        - bouche armée de nombreuses dents acérées dont certaines sont plus particulièrement développées alors que d'autres sont réduite en soies<br/>
                        - ventrales en position thoracique, deux dorsales légèrement séparées, la première à 13 - 15 rayons épineux est mouchetée, la seconde ayant 1 à 3 rayons épineux et 19 - 24 rayons mous, ventrales à 1 et anale à 2 - 3 rayons épineux<br/>
                        <br/><img src="http://i47.servimg.com/u/f47/15/57/36/27/sans_t13.gif"/></span> </div></DD>
            <DD><div class="infobulle">Black Bass<span>Le black-bass est un poisson originaire des USA: sa pêche a d'ailleurs conquis plus de 40 millions de personnes outre Atlantique! L'introduction de ce poisson omnivore remonte à 1890 en France, pourtant il reste méconnu des pêcheurs dans certaines régions. C'est maintenant au tour des Français de s'intéresser à ce poisson et à sa pêche originale qualifiée de sportive.
                        Il existe de nombreuses espèces de bass, celui à grande bouche et celui à petite bouche étant les deux les plus connues. Seul le black bass à grande bouche s'est plutôt bien acclimaté dans les eaux françaises.
                        <br/> <img src="http://i47.servimg.com/u/f47/15/57/36/27/sans_t14.gif"/></span> </div></DD>
            <DD><div class="infobulle">Perches<span> La perche est, comme le brochet, un des carnassiers les plus répandus dans nos eaux. Ce poisson est présent dans la plupart des eaux du moment que le courant n'est pas trop fort. La perche vit par banc de plusieurs individus. Parfois, lorsqu'un individu est touché et qu'il parvient à s'echapper, il est capable d'alerter le reste de sa bande, c'est pour cela qu'il n'est pas recommandé de rater le poisson. Seul problème, le pêcheur n'est pas encore maître de cela...
                        <br/><img src="http://img94.imageshack.us/img94/5899/sanstitre1yy.gif"/></span> </div></DD>
            <DD><div class="infobulle">Gardons<span> Le gardon est un Cyprinidé de silhouette ovale, plus ou moins haute. Ses nageoires ventrales et anale sont orangées, l’iris de son œil a du rouge surtout vers le haut. Sa taille fait le plus souvent entre 10 et 20 cm. Les records dépassent 30 cm pour plus de 2kg
                        <br/><img src="http://img253.imageshack.us/img253/7077/sansre7.gif"/></span> </div></DD>



            <DT>Poissons blanc
            <DD><div class="infobulle">Carpe<span>La Carpe :<br/>
                        Nom féminin<br/>
                        Grand poisson des eaux douces profonde, calmes et tièdes, caractérisé par ses grandes écailles, ses quatre barbillons et sa longue dorsale<br/>
                        Elles peuvent vivre 20 ans atteindre plus de 25 kg et plus de 70 cm de longueur<br/>
                        Elles se nourrissent de petites proies animales et végétales<br/>
                        Leur élevage intensif [cypriniculture] se pratique en Europe centrale<br/>
                        Les carpes sont très polymorphes <br/>
                        <img src="http://img100.imageshack.us/img100/3784/sansre2.gif"/></span> </div></DD>
            <DD><div class="infobulle2">Carassin<span> Espèce de carpe sans barbillons.
                        <br/><img src="http://img600.imageshack.us/img600/8735/carrasin.png"/></span> </div></DD>
            <DD><div class="infobulle2">Tanche<span> <img src="http://img822.imageshack.us/img822/2329/sansre10.gif"/></span> </div></DD>
            <DD><div class="infobulle2">Chevesne<span> Les chevesnes (chevaines) comme les vandoises et les blageons, appartiennent au genre Leuciscus qui comprend une vingtaine d'espèces et sous-espèces en Europe. Avec son corps fusiforme et cylindrique couvert de grandes écailles et sa tête massive, le chevesne est un poisson robuste. Son dos est bleu-vert à gris brun avec des reflets verdâtres. Ses flancs sont plus clairs et son ventre est blanc..
                        <br/><img src="http://img821.imageshack.us/img821/6850/sansre7b.gif"/></span> </div></DD>
            <DD><div class="infobulle2">Autres poissons blancs<span> On utilise le terme "poisson blanc" pour désigner, non pas des poissons dont la couleur de peau est blanche mais ceux dont la chair est pâle et présente peu de goût, par opposition aux salmonidés ou aux carnassiers. Sur ce site, on regroupera également dans la catégorie des poissons blancs tous les poissons qui ne sont classés dans aucune autre catégorie.
                        A ce titre, il pourra sembler bizarre au lecteur que l'anguille soit considérée comme un poisson blanc. Cette dernière, bien que présentant parfois un comportement carnassier, n'est pas une espèce purement carnassière. Elle peut avoir un comportement carnivore (vers, insectes,...) ou charognard loin des carnassiers classiques. Le même genre de réflexion pourrait se faire pour le poisson-chat ou le chevaine, omnivores invétérés qui ont à la fois un comportement alimentaire végétarien, carnivore et/ou carnassier.
                        Il y a donc poissons blancs et poissons blancs...
                        <br/><img src="http://img593.imageshack.us/img593/267/sansre9.gif"/></span> </div></DD>



            <DT>Nom?</DT>
            <DD><div class="infobulle2">Truite fario<span>  Description :<br/>
                        La truite commune est dotée d’un corps allongé, légèrement aplati latéralement.<br/>
                        La tête forte se termine par une bouche largement fendue.<br/>
                        L’ensemble des maxillaires de la langue et des os de la bouche portent de nombreuses dents dirigées vers l’arrière.<br/>
                        La nageoire caudale est généralement droite à son extrémité.<br/>
                        Le corps est couvert d’environ 120 petites écailles au niveau de la ligne latérale.<br/>
                        Sa robe varie fortement en fonction des régions mais aussi des cours d’eau et des caches qu’elle occupe.<br/>
                        La coloration la plus courante est brune jaune sur le dos, s’éclaircissant sur les flancs marqués de points rouges et bruns
                        <br/><img src="http://img412.imageshack.us/img412/4007/sansre12.gif"/></span> </div></DD>
            <DD><div class="infobulle2">Truite arc-en-ciel<span>La truite arc-en-ciel :<br/>
                        Comme tous les autres membres des salmonidés, se caractérise par son aspect fusiforme. Par rapport à la truite fario, elle possède un corps plus élancé,
                        recouvert de petites écailles plus nombreuses que chez la fario
                        ainsi qu’une plus petite tête se terminant par une bouche moins fendue.
                        Quant à sa coloration, impossible de la confondre avec un autre poisson.
                        Le dos est gris foncé tandis que les flancs sont gris-argenté et parsemés de petits points noirs également présents sur les nageoires dorsale, anale et caudale.
                        Le ventre est blanc, parfois jaunâtre ou rosâtre.
                        Mais ce qui lui a valu son nom de truite arc-en-ciel, est la très caractéristique bande irisée qui suit la ligne latérale des opercules jusqu'au pédoncule caudal.
                        Sa coloration dépend de la taille du sujet ainsi que de son habitat et peut être rose-mauve, rose-violacé
                        <br/><img src="http://img88.imageshack.us/img88/8356/sansre11r.gif"/></span> </div></DD>



            <DT>Autres poissons</DT>
            <DD><div class="infobulle2">Saumon de fontaine<span> Le saumon de fontaine est un poisson magnifique :<br/> Sa robe est de couleur vert-bleuté que vient ponctuer des taches rouges et bleues. D’autres taches vermiculées jaunes pâles ornent la partie supérieure de ses flancs, deux bandes rouges plus ou moins claires agrémentent son ventre et de magnifiques liserés blancs crèmes viennent se placer sur le bord antérieur des nageoires pelviennes, pectorales et anale. Le saumon de fontaine à une tête très trapue et une bouche très largement fendue, surtout chez les mâles de l’espèce puisqu’elle arrive bien au delà du bord postérieur de l’oeil. Ces nageoires sont bien développées et laissent imaginer qu’il est un puissant lutteur. Sa nageoire caudale, à l’inverse de celle de la truite, est très échancrée. Sa longévité n’est que de 4 à 6 ans ce qui implique qu’il devient mature sexuellement assez rapidement (2 à 3 ans). Il ne devient pas très gros mais peut quand même atteindre la taille respectable de 50 cm (taille moyenne 20 à 30 cm) pour un poids maximum de 2 à 3 Kg (poids moyen de 300 à 400 gr).
                        <br/><img src="http://img337.imageshack.us/img337/2065/sansre13.gif"/></span> </div></DD>

            <DD><div class="infobulle2">Silure<span> Description :<br/>
                        - Corps allongé et trapu, dépourvu d' écailles, mais recouvert d' un abondant mucus gluant<br/>
                        - énorme gueule entourée de 3 paires de barbillons<br/>
                        - 2 très longs au dessus de la bouche et 4 plus courts sous le menton<br/>
                        - coloration variable, foncée sur le dos, plus claire sur le ventre et plus ou moins marbrée
                        <br/><img src="http://img573.imageshack.us/img573/2887/sansre14.gif"/></span> </div></DD>

            <DD><div class="infobulle2">Anguille<span> Née quelque part en mer de Sargasses, au nord des Bermudes peuplées de légendes, la larve de l’anguille, aidée par les courants, entame une traversée de près de 6 000 km qu'elle effectue en un peu moins d'un an, pour arriver sur nos côtes de fin octobre jusqu'à mai. Cet alevin alors nommé pibale (en Gironde) ou civelle (en pays nantais), grandit en eau douce avant de remonter les fleuves à l’heure de la reproduction qui la fera regagner ses eaux de naissance… Entretemps, l’anguille aura passé une dizaine d’années dans des eaux continentales !
                        <br/><img src="http://img23.imageshack.us/img23/3292/sansre15.gif"/></span> </div></DD>

            <DD><div class="infobulle2">Autres poissons d'eau douce<span> Nous pouvons rencontrer plusieurs espèces de poissons dans les eaux douces. Il n'est pas possible de tous les référencer et certains ont peu de chance de se retrouver dans des lacs ou carrières.<br/>
                        <br/>
                        Il y a plusieurs méthodes pour classer les poissons.<br/>
                        Selon leur famille. Par exemple la famille des cyprinidés ou des salmonidés.<br/>
                        Selon leur méthode alimentaire:<br/>
                        - le "blanc" qui se compose de poissons fouilleurs comme la tanche ou la carpe,<br/>
                        - les carnassiers qui chassent pour se nourrir, comme le brochet ou le sandre.<br/>
                        <br/>
                        Voici quelques espèces, et parfois sous-espèces que nous pouvons facilement apercevoir.

                        <br/><img src="http://img84.imageshack.us/img84/8082/sansre16x.gif"/></span> </div></DD>
        </DL>

Les infobulles vont vers le haut quand elle font partie de la class infobulle2 et vers le bas pour la class infobulle, c'est ce que vous avez précisé dans le css:

Code:

top:20px;
bottom:20px;

[pierre du 31]

Merci mais les infobulle s'affiches encore un coup en haut un coup en bas (les 4 première en bas) et le reste en haut

[pierre du 31]

up

[pierre du 31]

up

[pierre du 31]

up

[pierre du 31]

up

[pierre du 31]

up

[pierre du 31]

up

[Invité]

Salut pierre du 31,
ton code est censé être en page d'accueil ?

a++

[pierre du 31]

non, dans un message

[Invité]

Re,
si tu pouvais donner un peu plus de renseignements,
on pourrait avancer un peu plus vite .

Actuellement, tous les titres sont l'un en dessous de l'autre ?
Ou l'un à coté de l'autre?
a++

[pierre du 31]

les titres sont les un en dessous des autres

Voici l'url ou est le message
http://peche-lac-riviere.forumactif.fr/t248-les-differents-poisson-et-leur-description-detaillee

[Invité]

Re,
désolé pour le retard ,
je viens de créer les boutons et aussi le déplacement des infobulles .
Tu peux regarder ici stp et me dire si cela te convient .



http://testdesforums.1fr1.net/t47-annonce-pierre-du-31#104

a++

[pierre du 31]

Merci, par contre pour les espace entre chaque catégorie, diminuer a 2 ligne de celle du dessus a chaque fois.

Et pour les nom des poissons pas d'espace entre!

Si non tout est superbe.

Désoler du dérangement.

[Invité]

Salut pierre du 31,
tu peux regarder de nouveau , si cela te convient:

Les sauts de ligne ont été supprimé car le texte se positionne comme tu l'écris .

Supprimes tout le contenu HTML et CSS et remplace par:

Code:


<div class="M14_tout">
<h1>Carnassier</h1>
<a class="info"><p>Brochet</p><span><b>Le Brochet :</b>
nom masculin , (salmoniforme)
Poisson ésocidé des eaux douces, aux dents redoutables, aux nageoires impaires rejetées en arrière et qui contribuent, ainsi que sa forme cylindrique, son museau aplati, à la propulsion soudaine qui permet à l' animal de saisir ses proies (autres poissons, grenouilles, oiseaux aussi gros que lui), brochet de mer, nom usuel du spet
Le brochet peut dépasser 1 m de long et 20 kg
<img src="http://i47.servimg.com/u/f47/15/57/36/27/sans_t12.gif"/></span></a><br>
<a class="info"><p>Sandre</p><span><b>Le sandre : </b>
 Description :
 - corps élancé, ovale, dont le tronc rappelle une perche et la tête un brochet dos gris verdâtre avec taches allongées verticalement, ventre gris plus argenté<br/>
 - bouche armée de nombreuses dents acérées dont certaines sont plus particulièrement développées alors que d'autres sont réduite en soies
 - ventrales en position thoracique, deux dorsales légèrement séparées, la première à 13 - 15 rayons épineux est mouchetée, la seconde ayant 1 à 3 rayons épineux et 19 - 24 rayons mous, ventrales à 1 et anale à 2 - 3 rayons épineux<br>
<img src="http://i47.servimg.com/u/f47/15/57/36/27/sans_t13.gif"/></span>
</a>
<a class="info"><p>Black Bass</p><span>Le black-bass est un poisson originaire des USA: sa pêche a d'ailleurs conquis plus de 40 millions de personnes outre Atlantique! L'introduction de ce poisson omnivore remonte à 1890 en France, pourtant il reste méconnu des pêcheurs dans certaines régions. C'est maintenant au tour des Français de s'intéresser à ce poisson et à sa pêche originale qualifiée de sportive.
 Il existe de nombreuses espèces de bass, celui à grande bouche et celui à petite bouche étant les deux les plus connues. Seul le black bass à grande bouche s'est plutôt bien acclimaté dans les eaux françaises.
<br> <img src="http://i47.servimg.com/u/f47/15/57/36/27/sans_t14.gif"/></span>
</a>
<a class="info"><p>Perches</p><span> La perche est, comme le brochet, un des carnassiers les plus répandus dans nos eaux. Ce poisson est présent dans la plupart des eaux du moment que le courant n'est pas trop fort. La perche vit par banc de plusieurs individus. Parfois, lorsqu'un individu est touché et qu'il parvient à s'echapper, il est capable d'alerter le reste de sa bande, c'est pour cela qu'il n'est pas recommandé de rater le poisson. Seul problème, le pêcheur n'est pas encore maître de cela...<br><img src="http://img94.imageshack.us/img94/5899/sanstitre1yy.gif"/></span>
</a>
<a class="info"><p>Gardons</p><span> Le gardon est un Cyprinidé de silhouette ovale, plus ou moins haute. Ses nageoires ventrales et anale sont orangées, l’iris de son œil a du rouge surtout vers le haut. Sa taille fait le plus souvent entre 10 et 20 cm. Les records dépassent 30 cm pour plus de 2kg<br/><img src="http://img253.imageshack.us/img253/7077/sansre7.gif"/></span>
</a><br>
<h1>Poissons blanc</h1>
<a class="info"><p>Carpe</p><span>La Carpe :
    Nom féminin
    Grand poisson des eaux douces profonde, calmes et tièdes, caractérisé par ses grandes écailles, ses quatre barbillons et sa longue dorsale<br>
    Elles peuvent vivre 20 ans atteindre plus de 25 kg et plus de 70 cm de longueur<br>
    Elles se nourrissent de petites proies animales et végétales<br/>
    Leur élevage intensif [cypriniculture] se pratique en Europe centrale<br>
    Les carpes sont très polymorphes <br>
    <img src="http://img100.imageshack.us/img100/3784/sansre2.gif"/></span> </a><br>
<a class="info"><p>Carassin</p><span> Espèce de carpe sans barbillons.
<img src="http://img600.imageshack.us/img600/8735/carrasin.png"/></span>
</a>
<a class="info"><p>Tanchev</p><span><img src="http://img822.imageshack.us/img822/2329/sansre10.gif"/></span>
</a>
<a class="info"><p>Chevesne</p><span> Les chevesnes (chevaines) comme les vandoises et les blageons, appartiennent au genre Leuciscus qui comprend une vingtaine d'espèces et sous-espèces en Europe. Avec son corps fusiforme et cylindrique couvert de grandes écailles et sa tête massive, le chevesne est un poisson robuste. Son dos est bleu-vert à gris brun avec des reflets verdâtres. Ses flancs sont plus clairs et son ventre est blanc..
<img src="http://img821.imageshack.us/img821/6850/sansre7b.gif"/></span>
</a>
<a class="info"><p>Autres poissons blancs</p><span> On utilise le terme "poisson blanc" pour désigner, non pas des poissons dont la couleur de peau est blanche mais ceux dont la chair est pâle et présente peu de goût, par opposition aux salmonidés ou aux carnassiers. Sur ce site, on regroupera également dans la catégorie des poissons blancs tous les poissons qui ne sont classés dans aucune autre catégorie.
A ce titre, il pourra sembler bizarre au lecteur que l'anguille soit considérée comme un poisson blanc. Cette dernière, bien que présentant parfois un comportement carnassier, n'est pas une espèce purement carnassière. Elle peut avoir un comportement carnivore (vers, insectes,...) ou charognard loin des carnassiers classiques. Le même genre de réflexion pourrait se faire pour le poisson-chat ou le chevaine, omnivores invétérés qui ont à la fois un comportement alimentaire végétarien, carnivore et/ou carnassier.
Il y a donc poissons blancs et poissons blancs...
<img src="http://img593.imageshack.us/img593/267/sansre9.gif"/></span>
</a>

<h1>Nom?</h1>
<a class="info"><p>Truite fario</p><span>  Description :
    La truite commune est dotée d’un corps allongé, légèrement aplati latéralement.
    La tête forte se termine par une bouche largement fendue.
    L’ensemble des maxillaires de la langue et des os de la bouche portent de nombreuses dents dirigées vers l’arrière.
    La nageoire caudale est généralement droite à son extrémité.
    Le corps est couvert d’environ 120 petites écailles au niveau de la ligne latérale.
    Sa robe varie fortement en fonction des régions mais aussi des cours d’eau et des caches qu’elle occupe.
    La coloration la plus courante est brune jaune sur le dos, s’éclaircissant sur les flancs marqués de points rouges et bruns
    <br><img src="http://img412.imageshack.us/img412/4007/sansre12.gif"/></span>
</a>
<a class="info"><p>Truite arc-en-ciel</p><span>La truite arc-en-ciel :
    Comme tous les autres membres des salmonidés, se caractérise par son aspect fusiforme. Par rapport à la truite fario, elle possède un corps plus élancé,
    recouvert de petites écailles plus nombreuses que chez la fario
    ainsi qu’une plus petite tête se terminant par une bouche moins fendue.
    Quant à sa coloration, impossible de la confondre avec un autre poisson.
    Le dos est gris foncé tandis que les flancs sont gris-argenté et parsemés de petits points noirs également présents sur les nageoires dorsale, anale et caudale.
    Le ventre est blanc, parfois jaunâtre ou rosâtre.
    Mais ce qui lui a valu son nom de truite arc-en-ciel, est la très caractéristique bande irisée qui suit la ligne latérale des opercules jusqu'au pédoncule caudal.
    Sa coloration dépend de la taille du sujet ainsi que de son habitat et peut être rose-mauve, rose-violacé
  <img src="http://img88.imageshack.us/img88/8356/sansre11r.gif"/></span>
</a>

<h1>Autres poissons</h1>
<a class="info"><p>Saumon de fontaine</p><span> Le saumon de fontaine est un poisson magnifique :
Sa robe est de couleur vert-bleuté que vient ponctuer des taches rouges et bleues.
D’autres taches vermiculées jaunes pâles ornent la partie supérieure de ses flancs, deux bandes rouges plus ou moins claires agrémentent son ventre et de magnifiques liserés blancs crèmes viennent se placer sur le bord antérieur des nageoires pelviennes, pectorales et anale.
Le saumon de fontaine à une tête très trapue et une bouche très largement fendue, surtout chez les mâles de l’espèce puisqu’elle arrive bien au delà du bord postérieur de l’oeil.
Ces nageoires sont bien développées et laissent imaginer qu’il est un puissant lutteur.
Sa nageoire caudale, à l’inverse de celle de la truite, est très échancrée.
Sa longévité n’est que de 4 à 6 ans ce qui implique qu’il devient mature sexuellement assez rapidement (2 à 3 ans).
Il ne devient pas très gros mais peut quand même atteindre la taille respectable de 50 cm (taille moyenne 20 à 30 cm) pour un poids maximum de 2 à 3 Kg (poids moyen de 300 à 400 gr).
<img src="http://img337.imageshack.us/img337/2065/sansre13.gif"/></span>
</a>
<a class="info"><p>Silure</p><span>
Description :
- Corps allongé et trapu, dépourvu d' écailles, mais recouvert d' un abondant mucus gluant.
- énorme gueule entourée de 3 paires de barbillons.
- 2 très longs au dessus de la bouche et 4 plus courts sous le menton.
- coloration variable, foncée sur le dos, plus claire sur le ventre et plus ou moins marbrée
<img src="http://img573.imageshack.us/img573/2887/sansre14.gif"/></span>
</a>
<a class="info"><p>Anguille</p><span> Née quelque part en mer de Sargasses, au nord des Bermudes peuplées de légendes, la larve de l’anguille, aidée par les courants, entame une traversée de près de 6 000 km qu'elle effectue en un peu moins d'un an, pour arriver sur nos côtes de fin octobre jusqu'à mai. Cet alevin alors nommé pibale (en Gironde) ou civelle (en pays nantais), grandit en eau douce avant de remonter les fleuves à l’heure de la reproduction qui la fera regagner ses eaux de naissance… Entretemps, l’anguille aura passé une dizaine d’années dans des eaux continentales !
<img src="http://img23.imageshack.us/img23/3292/sansre15.gif"/></span>
</a>
<a class="info"><p>Autres poissons d'eau douce</p><span> Nous pouvons rencontrer plusieurs espèces de poissons dans les eaux douces. Il n'est pas possible de tous les référencer et certains ont peu de chance de se retrouver dans des lacs ou carrières.
Il y a plusieurs méthodes pour classer les poissons.<br>
Selon leur famille. Par exemple la famille des cyprinidés ou des salmonidés.
Selon leur méthode alimentaire:
- le "blanc" qui se compose de poissons fouilleurs comme la tanche ou la carpe,
- les carnassiers qui chassent pour se nourrir, comme le brochet ou le sandre.
 Voici quelques espèces, et parfois sous-espèces que nous pouvons facilement apercevoir.
<img src="http://img84.imageshack.us/img84/8082/sansre16x.gif"/></span>
</a>
</div>


Pour la CSS:

Code:


.M14_tout h1
{
width:150px;
text-align:center;
color:green;
font-size:12px;
margin-bottom:-10px;
font-weight:bold;
}

a.info p
{
top:0;
margin-bottom:-25px;
margin-top:-10px; 
color:green;
border:1px solid red;
background:yellow;
padding:5px;
text-align:center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
cursor:pointer;
width:150px;
}
a.info
{
position:relative;
text-decoration:none;
width:150px;
}

a.info:hover{z-index:10;}
a.info span
{
display: none;
}
a.info:hover span
{
display:block;
position:absolute;
top:-40px;
left:170px; 
width:400px;
border:1px solid red;
background-color: yellow;
color: black;
text-align: justify;
font-weight:none;
padding:5px;
font-size: 12px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}


Pense bien à valider les modifications en cliquant sur le bouton "Valider".
a++

[Ea]

Bonjour,


Où en est votre problème ?

Cordialement.

[pierre du 31]

Le ode fonctionne, par contre, j'ai un problème avec les infobulle du bas, elles sont coupées par le bas de page.

http://peche-lac-riviere.forumactif.fr/t248-les-differents-poisson-et-leur-description-detaillee

[Ea]

C'est une particularité de phpbb3, quand quelque chose dépasse on ne le voit pas ( ça a son utilité pour une image énorme par exemple ).

Vous pourriez retirer cette fonctionnalité en ajoutant ceci dans le css ( PA > Affichage > Couleurs > Feuille de style ) :

Code:

#main-content .content { overflow: visible; }

Après avoir mis ça, ce qui dépasse ( comme l'infobulle ) devrait être tout de même visible.

Cordialement.

[pierre du 31]

merci