Problème positionnement et forme info bulle
Résolu/Fermé
Zakarya93
Messages postés
984
Date d'inscription
lundi 27 avril 2015
Statut
Membre
Dernière intervention
18 décembre 2020
-
25 juin 2015 à 23:52
Zakarya93 Messages postés 984 Date d'inscription lundi 27 avril 2015 Statut Membre Dernière intervention 18 décembre 2020 - 26 juin 2015 à 03:14
Zakarya93 Messages postés 984 Date d'inscription lundi 27 avril 2015 Statut Membre Dernière intervention 18 décembre 2020 - 26 juin 2015 à 03:14
A voir également:
- Problème positionnement et forme info bulle
- Mise en forme conditionnelle excel - Guide
- Dans cette présentation, sarah avait encadré directement le titre de certaines diapositives avant d'automatiser cette mise en forme pour tout le document. sur quelles diapositives avait-elle encadré directement le titre ? ✓ - Forum Bureautique
- Wifi info view - Télécharger - Divers Réseau & Wi-Fi
- Bad system config info - Forum Windows 10
- Triez la liste comme sur cette illustration (attention, on ne voit que le début …). quel est le mot formé par les 6 dernières lettres de la colonne code ? - Forum Excel
3 réponses
jordane45
Messages postés
37277
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
26 mars 2023
4 551
26 juin 2015 à 00:22
26 juin 2015 à 00:22
Hello
Tu n'as pas du suivre le tuto complètement ... car là.. ton CSS actuel ne suffira jamais à faire ça !
En gros.. .pour faire un BADGE .... il faut un truc du genre :
avoir une info bulle sur mon onglet "invitations" ronde et petite
Tu n'as pas du suivre le tuto complètement ... car là.. ton CSS actuel ne suffira jamais à faire ça !
En gros.. .pour faire un BADGE .... il faut un truc du genre :
.ibi_invitations { border-radius: 50%; width: 36px; height: 36px; padding: 8px; background: #fff000; border: 2px solid #666; color: #fff; text-align: center; font: 32px Arial, sans-serif; }
Zakarya93
Messages postés
984
Date d'inscription
lundi 27 avril 2015
Statut
Membre
Dernière intervention
18 décembre 2020
9
Modifié par Zakarya93 le 26/06/2015 à 00:31
Modifié par Zakarya93 le 26/06/2015 à 00:31
<!DOCTYPE html> <html> <head> <link rel='stylesheet' href='css/style.css'> </head> <meta charset="UTF-8" > <body> <div id='content'> ?<div class='header'> Bienvenue xzak47<p><a href="index.php?page=logout">Se déconnecter</a></p> </div>?<div class='menu'> <ul> <li><a href="index.php?page=membre">Accueil</a></li> <li><a href="index.php?page=update">Changer vos informations</a></li> <li><a href="index.php?page=liste_membre">les membres</a></li> <li><a href="index.php?page=amis">Vos amis</a></li> <li> <a href="index.php?page=invitations">Invitations</a> <p class='ibi_invitations'>1</p> </li> <li> <a href="index.php?page=conversations">Messages</a> </li> <li class="nbr">2 membres</li> </ul> </div><h3>Vos invitations</h3> <img src='avatar/defaut.jpg' height='100' width='100' alt='avatar'></img><div class='error'> jean a voulu vous ajouter comme ami(e)<br /> <a href='index.php?page=accepter&pseudo=jean'>Accepter</a>|<a href='index.php?page=refuser&pseudo=jean'> Refuser</a></div> </div> </body>
chaque titre de mes onglets est aussi décalé :/
Zakarya93
Messages postés
984
Date d'inscription
lundi 27 avril 2015
Statut
Membre
Dernière intervention
18 décembre 2020
9
26 juin 2015 à 03:14
26 juin 2015 à 03:14
J'ai résolu le soucis :)
26 juin 2015 à 00:25
or le tuto me donnait ce code (qui me faisait disparaitre mon "1") :
26 juin 2015 à 00:29
Bien sûr... il te faut l'adapter à tes besoins.... mais tu vois.. cette fois tu as bien ton rond avec ton "1" dedans...
Et puis .. je ne pense pas que le code du tuto fasse disparaitre le 1 ... peut-être est-il juste mal positionné (derrière autre chose....) ... mais pour le savoir..il faut le code source (généré) de ta page HTML.