Nouveau prob de page d'acceuil x) | Résolu~ Bouton_activeNouveau prob de page d'acceuil x) | Résolu~ Bouton_hoverNouveau prob de page d'acceuil x) | Résolu~ Fb-hoverNouveau prob de page d'acceuil x) | Résolu~ Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Nouveau prob de page d'acceuil x) | Résolu~ EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Nouveau prob de page d'acceuil x) | Résolu~ EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Nouveau prob de page d'acceuil x) | Résolu~ EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Nouveau prob de page d'acceuil x) | Résolu~ EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Nouveau prob de page d'acceuil x) | Résolu~ EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Nouveau prob de page d'acceuil x) | Résolu~ EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Nouveau prob de page d'acceuil x) | Résolu~ EmptyMar 07 Fév 2023, 08:40 par Oxtran

-39%
Le deal à ne pas rater :
Pack Home Cinéma Magnat Monitor : Ampli DENON AVR-X2800H, Enceinte ...
1190 € 1950 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Nouveau prob de page d'acceuil x) | Résolu~

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Voilà donc eeh... je reviens vous saouler <3
En bref c'est que j'ai deux petits probs: Malgré que j'ai essayé de centrer la colonne de gauche et celle de droite, ça me donne ça:
Spoiler:
Donc c'est ça j'aimerais que les deux colonnes en question soient plus centrées ._.
Han et aussi dans mon code de la page d'Acceuil je m'y perds x_x y'a quelqu'un qui pourrait me le simplifier un peu aussi ._.? Por favor. Voici mon code complet~:

Code:
<FONT size=1>
<TABLE>
<TBODY>
<TR>
<TD align=middle>
<DIV align=center>Partenaires | More <A class=postlink href='http://kiss-university.forumactif.org/%22http://kiss-university.forumactif.org/partenariat-f116/liste-des-partenaires-t34.htm#155"\'>[x]</A></FONT> <BR><A href="http://hakujoo.keuf.net/"><IMG alt="Hakujoo " src="http://img9.xooimage.com/files/c/3/a/bouton4hakujoo-120334c.png"></A><BR><A href="http://yonsei-university.forumactif.org/ "><IMG alt="Yonsei University " src="http://i86.servimg.com/u/f86/12/66/01/83/bouton10.gif"></A><BR><A href="http://berlin-city-x.xooit.com/"><IMG alt="Berlin City " src="http://i40.tinypic.com/140m87s.jpg"></A><BR><A href="http://tokyolife.forum-actif.net "><IMG alt="Tokyo’s Life " src="http://i28.tinypic.com/24q7pfd.jpg"></A><BR><A href="http://are-you-alive.forumactif.com/"><IMG alt="Are You Alive " src="http://img523.imageshack.us/img523/2512/luxurepart.gif"></A><BR><A href="http://do-your-life.jeun.fr/ "><IMG alt="Do Your Life" src="http://images3.hiboox.com/images/0508/copr6s0l.gif"></A><BR><A href="http://vampire-rpg.forumactif.com"><IMG alt="Vampire RPG " src="http://img115.imageshack.us/img115/3107/boutonlien3avg8.jpg"></A><BR><A href="http://judgment-day.forums.actifs.com/ "><IMG alt="Judgment Day" src="http://i86.servimg.com/u/f86/12/66/92/65/parten10.gif"></A><BR><A href="http://aloa-liberta.forumactif.com/ "><IMG alt="Aloa Liberta " src="http://i40.tinypic.com/2wbw7li.jpg"></A><BR><A href="http://obsession21.free.fr/"><IMG alt=Obsession src="http://obsession27.free.fr/button119.jpg"></A><BR></DIV>
<P> </P></TD>
<P></P>
<TD align=left>
<P></P>
<P></P>
<DIV style="MARGIN: auto; WIDTH: 100%; TEXT-ALIGN: center">
<P><IMG alt="" src="http://i480.photobucket.com/albums/rr163/Ikotai/Welcome.png" border=0></P>
<DIV style="OVERFLOW-Y: auto; WIDTH: 400px; MAX-HEIGHT: 150px">
<P><BR><FONT size=2>Ceci est un forum <STRONG>NC-15</STRONG> puisque certains rps peuvent contenir des scènes de hentaï/yaoi/yuri; si vous n'avez pas l'âge, croyez être choqués ou bien n'aimez pas cela vous n'avez qu'à passer votre chemin.<BR><BR>Passez régulièrement voir les news! Elles sont postées régulièrement et contiennent beaucoup d'informations importantes concernant le règlement en vigueur et autres.<BR><BR>Design v.3 Halloween ©️ Iko’ <BR>Contexte ©️ Iko' & Za<BR>Toute reproduction, même partielle, est un délit !</FONT></P></DIV>
<H2>Liens importants</H2>
<DIV id=menu><A href="http://kiss-university.forumactif.org/reglement-f3/le-reglement-t62.htm">Le règlement</A> <A href="http://kiss-university.forumactif.org/aides-et-plus-f159/le-contexte-t31.htm">Le contexte </A><A href="http://kiss-university.forumactif.org/aides-et-plus-f159/l-universite-recrute-t23.htm">Recrutement </A><A href="http://kiss-university.forumactif.org/reglement-f3/les-avatars-masculin-non-disponibles-t13.htm">Avatars masculins pris </A><A href="http://kiss-university.forumactif.org/reglement-f3/les-avatars-feminin-non-disponibles-t12.htm">Avatars féminins pris</A> <BR></DIV>
<P></P>
<DIV align=center></DIV></DIV></TD>
<DIV align=center></DIV>
<DIV align=center><FONT size=1></DIV>
<TD>
<P align=center>
<DIV align=center>Recherchés | More <A class=postlink href="http://kiss-university.forumactif.org/demande-de-prdfinis-f11/">[x]</A> </DIV>
<DIV align=left></DIV><FONT color=#000000></FONT>
<DIV align=center><A class=imginfo><FONT color=burlywood><IMG src="http://i480.photobucket.com/albums/rr163/Ikotai/Icons/Shun.png"></FONT><SPAN> </DIV>
<P align=center>
<TABLE cellSpacing=1 cellPadding=1 width=125 border=0>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center"><BR></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><A class=imginfo><A href="http://kiss-university.forumactif.org/demande-de-predefinis-f11/shun-kurushima-libre-t186.htm"><IMG src="http://i480.photobucket.com/albums/rr163/Ikotai/Icons/Shun2.png"></A></A></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1>
<DIV align=center>Shun Kurushima feat. Tonny Viet</DIV>
<DIV align=center>Élève masculin | 18 ans</DIV>
<DIV align=center>Autoritaire, froid et hautain</DIV><BR></FONT></TD></TR>
<TR align=middle></TR></TBODY></TABLE></P></SPAN></A><FONT color=#000000></FONT>
<DIV align=center><A class=imginfo><FONT color=burlywood><IMG src="http://i480.photobucket.com/albums/rr163/Ikotai/Icons/Nico.png"></FONT></DIV><SPAN>
<DIV align=center><BR></DIV>
<P align=center>
<TABLE cellSpacing=1 cellPadding=1 width=125 border=0>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center"><BR></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><A class=imginfo><A href=" http://kiss-university.forumactif.org/demande-de-predefinis-f11/nico-kanayomi-libre-t274.htm "><IMG src=" http://i18.servimg.com/u/f18/11/15/73/20/julian10.jpg "></A></A></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1>
<DIV align=center>Nico Kanayomi feat. Orlando Bloom</DIV>
<DIV align=center>Autres | 27 ans</DIV>
<DIV align=center>Caractère au choix</DIV><BR></FONT></TD></TR>
<TR align=middle></TR></TBODY></TABLE></P></SPAN></A><FONT color=#000000></FONT>
<DIV align=center><A class=imginfo><FONT color=burlywood><IMG src="http://i480.photobucket.com/albums/rr163/Ikotai/Icons/Koen.png"></FONT><SPAN> </DIV>
<DIV align=center><BR></DIV>
<P align=left>
<TABLE cellSpacing=1 cellPadding=1 width=125 border=0>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center">
<DIV align=center><BR> </DIV></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center">
<DIV align=center><A class=imginfo><A href="http://kiss-university.forumactif.org/demande-de-predefinis-f11/koen-pinkaew-libre-t307.htm"><IMG src="http://i42.tinypic.com/2zs79uc.png"></A></A></DIV></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1>
<DIV align=center>Koen Pinkaew feat. Pirath Nitipaisalkul</DIV>
<DIV align=center>Élève masculin | 18 ans</DIV>
<DIV align=center>Anxieux, insécure et solitaire</DIV>
<DIV align=left><BR> </DIV></FONT></TD></TR>
<TR align=middle></TR></TBODY></TABLE></P></SPAN></A></TD>
<P></P>
<P></P></TR></TBODY></TABLE>
<HR>

<CENTER><FONT size=4><IMG alt="" src="http://i480.photobucket.com/albums/rr163/Ikotai/Admins-modos-2.png" border=0></FONT></FONT></FONT></CENTER>

Merci d'avance <3


Dernière édition par Iko' le Sam 10 Oct 2009, 22:04, édité 1 fois
MessageSujet: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptySam 03 Oct 2009, 14:43
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
Tu devrais mettre ton CSS, comme ça on pourrait plus facilement t'aider ^^
Pour ton code, si tu as notepad, tu pourrais facilement le rendre plus clair. Mais si tu ne l'as pas, alors je pourrai le faire pour toi Razz

Par contre je vois tout plein de
Code:
<p></p>
Dans ton code, pourtant il n'y a aucun texte entre ceux-ci. Tu t'en sers pourquoi ?
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 19:57
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
En fait j'en sais rien o.o Au début j'avais modifié le tout sans html, et ça m'a mit des
Code:
<p></p>
partout u_u

Voilà mon CSS
Code:
a.imginfo {
  position: relative;
  color: #363636;
  text-decoration: none;
  border-bottom: 1px #363636 dashed;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
  border-left: 2px solid #361B1B;
  border-right: 2px solid #361B1B;
  border-top: 2px solid #361B1B;
  border-bottom: 2px solid #361B1B;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 30px;
  left: 20px;
  background: #2e2d2d;
  color: #FFFFFF;
  padding: 3px;
  border: 1px solid grey;
  border-left: 3px dotted #361B1B;
  border-right: 3px dotted #361B1B;
  border-top: 3px dotted #361B1B;
  border-bottom: 3px dotted #361B1B;
}

#menu a:link, #menu a:visited{
margin-left : 9px;
margin-right : 9px;
display: block;
font-family : "Trajan Pro", verdana;
color: #d2d2d2;
background-color: #2e2d2d;
text-align: center;
border-left: 9px solid #361B1B;
border-right: 9px solid #361B1B;
border-top: 1px solid #361B1B;
border-bottom: 1px solid #361B1B;
font-size: 15px;
margin-top: 4px;
margin-bottom: 4px
}

#menu a:hover, #menu a:hover:visited{
color: #575555;
font-size: 15px;
background-color: #212121;
border-left: 9px solid #361B1B;
border-right: 9px solid #361B1B;
border-top: 1px solid #361B1B;
border-bottom: 1px solid #361B1B;
margin-left: 2px;
margin-right: 2px;
}

a {
font-variant: small-caps;
}

tr.post span.gensmall {
display: none;
}

.titres {
color: #FFFFFF;
background-color: #361B1B;
font-variant: small-caps;
padding-left: 2px;
}

body {
background-position: bottom;
background-repeat: no-repeat;
}

Mais je vois pas en quoi ça pourrait être utile, ça doit être dans le html de ma page d'acceuil mon problème parce que mes colonnes ne sont pas centrées >.<
Mais je ne crois pas avoir Notepad
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 20:22
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
Non ce n'est pas nécessairement dans le HTML, car c'est dans le CSS que tu pourras changer les marges et le placement =)

Bref, je vais te mettre ton HTML en ordre et par la même occasion, je vais voir ce que je peux faire pour ton problème Wink Ça ne devrait pas être très compliqué.

Sinon, tu pourrais télécharger Notepad, enfin, ce n'est qu'une suggestion. Les codes HTML et CSS sont beaucoup plus clairs grâce à ce logiciel, enfin, beaucoup plus clair comparé à forumatif, qui fou tout ton code HTML du message d'accueil dans une minuscule case où tout devient bordélique.

Edit : Voici pour le "réaménagement" du HTML :
Spoiler:
Je vais maintenant m'occuper de ton problème =)


Dernière édition par Kael le Dim 04 Oct 2009, 21:03, édité 1 fois
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 20:35
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Je vais suivre ton conseil et télécharger ça de suite =D
Merci beaucoup au fait de m'aider Kael~
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:03
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
De rien, ça me fait plaisir !

Juste pour te dire que j'ai éditer mon message précédent, dans lequel j'ai mis ton code HTML "remanié". Pour ton problème, j'ai trouvé la solution :

Au tout début de ton code, en fait, la première balise :
Code:
<table>

Il te suffit de changer pour :
Code:
<table width="100%">

Et normalement ce devrait être mieux ^^
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:09
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Pour les colonnes ça va, mais maintenant mes infobulles elles marchent plus o.o
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:19
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
Mmmm... Pourtant je n'ai rien supprimé d'autre que les
Citation :


En fait, je crois que le problème vient du code HTML que tu as donné au début du sujet, car en ce moment sur mon forum test j'ai mis ce code (et non la version plus claire) ainsi que ton code CSS et les infobulles ne fonctionnent pas plus =/
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:22
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Moi pour ma part, les infobulles marchent très bien si je remets le code moins clair~
C'est bizarre xD
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:25
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
Effectivement, c'est plutôt étrange...

Tu m'as bien donné tout ton CSS ? Parce que si on a le même code HTML mais que le résultat n'est pas le même, alors la seule raison que je vois, c'est que nous n'avons pas le même CSS.

Edit : Essai ce code, je me suis rendu compte que j'avais enlevé quelques span, c'est peut-être la source du problème !
Spoiler:
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:28
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Je suis sûre que oui, atta je te le redonne:
Code:
a.imginfo {
  position: relative;
  color: #363636;
  text-decoration: none;
  border-bottom: 1px #363636 dashed;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
  border-left: 2px solid #361B1B;
  border-right: 2px solid #361B1B;
  border-top: 2px solid #361B1B;
  border-bottom: 2px solid #361B1B;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 30px;
  left: 20px;
  background: #2e2d2d;
  color: #FFFFFF;
  padding: 3px;
  border: 1px solid grey;
  border-left: 3px dotted #361B1B;
  border-right: 3px dotted #361B1B;
  border-top: 3px dotted #361B1B;
  border-bottom: 3px dotted #361B1B;
}

#menu a:link, #menu a:visited{
margin-left : 9px;
margin-right : 9px;
display: block;
font-family : "Trajan Pro", verdana;
color: #d2d2d2;
background-color: #2e2d2d;
text-align: center;
border-left: 9px solid #361B1B;
border-right: 9px solid #361B1B;
border-top: 1px solid #361B1B;
border-bottom: 1px solid #361B1B;
font-size: 15px;
margin-top: 4px;
margin-bottom: 4px
}

#menu a:hover, #menu a:hover:visited{
color: #575555;
font-size: 15px;
background-color: #212121;
border-left: 9px solid #361B1B;
border-right: 9px solid #361B1B;
border-top: 1px solid #361B1B;
border-bottom: 1px solid #361B1B;
margin-left: 2px;
margin-right: 2px;
}

a {
font-variant: small-caps;
}

tr.post span.gensmall {
display: none;
}

.titres {
color: #FFFFFF;
background-color: #361B1B;
font-variant: small-caps;
padding-left: 2px;
}

body {
background-position: bottom;
background-repeat: no-repeat;
}
Je me suis assurée que j'ai tout mis~
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:32
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
J'ai édité mon poste précédent pour y mettre un code, essaie-le ^^

Sinon, je crois comprendre pourquoi toi ça fonctionne, et pas moi. En ce moment, sur ton forum (avec le code original), les info-bulles ne fonctionnent pas pour moi. Donc ton code n'est probablement pas compatible avec mon navigateur =/
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:34
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Peut-être o.o tu as quel navigateur? Parce que si c'est un navigateur très commun, il vaudrait mieux que je change le code.
Pour ma part j'ai IE7

J'ai essayé le nouveau code et il marche =D
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:38
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
J'ai Mozilla Firefox, la version la plus récent ^^"

Effectivement, il faudrait l'adapter à tous les navigateurs, mais avant de le changer, assure-toi que ce n'est pas moi qui le voit mal, mais bien tous les utilisateurs de FireFox. Car si c¸a se trouve, le problème pourrait venir de chez moi, mais ça me surprendrait x')

M'enfin, c'est mieux de vérifier avec d'autres utilisateurs de Firefox auparavant (ou bien tu peux toi-même le télécharger pour voir de tes yeux le résultat)
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:42
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Non ce n'est pas que toi, je viens de télécharger Firefox et je ne les vois pas non plus.

...

Tu connais un code d'infobulle qui marche avec Firefox ._.?
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 21:50
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
Mmmm... Il se trouve que oui ! Le voici donc :

HTML (une info-bulle)
Spoiler:

CSS
Spoiler:

Si tu as besoin d'aide pour l'installer, n'hésites pas Wink (et n'oublie pas de personnaliser le CSS, je l'ai pris directement d'un de mes forums). À noter que dans ce code, l'icône (celle qui s'affiche n'est pas dans l'info-bulle) a une transparence. Si tu veux qu'elle soit opaque, met l'opacité à 1.
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyDim 04 Oct 2009, 22:11
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Ouais donc eh les seuls truc que je comprends pas c'est "CSS for enlarged image" et "CSS for enlarged image on hover". Oui je parle anglais, je sais ce que ça veut dire u_u mais je comprends pas quel effet ces codes ont sur l'infobulle, c'est tout~

Sinon je vais aller installer ça bientôt, pas toute suite FA a recommencé à planter U_U
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyLun 05 Oct 2009, 18:03
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
/*CSS for enlarged image*/ = L'image dans l'infobulle
/*CSS for enlarged image on hover*/ = L'info-bulle

En fait il y a deux endroits pour le code de l'info-bulle
Code:
thumbnail span{ /*CSS de l'info-bulle*/
position: absolute;
background-color: #f9f9f9; /*Couleur de fond de l'info-bulle*/
padding: 5px;
left: -1000px;
border: 2px solid #EDEDED; /*Bordure de l'info-bulle*/
-moz-border-radius:1px; /*Arrondi des bords de l'info-bulle*/
visibility: hidden;
color: #ADAFAE; /*Couleur du texte de l'info-bulle*/
text-decoration: none; /*Décoration du texte de l'info-bulle*/
}
Tu vas pouvoir changer la couleur, etc.

Code:
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 53px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 150px; /*Largeur de l'info-bulle*/
}
Le positionnement et la largeur
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyLun 05 Oct 2009, 18:15
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Ouais donc en fait j'ai essayé de tout changer, j'ai mit ceci comme code pour mon infobulle:
Spoiler:

Ainsi que ce CSS-ci *que je n'ai pas changé encore à des fins de test, sauf peut-être le background*

Spoiler:

Sauf que sur IE, le 3eme icone était une infobulle du 2eme, ainsi que sa propre infobulle, et la 4eme ne marchait tout simplement pas et se mélangeait à la 3eme. o.o
Sur Firefox, la 3eme était infobulle de la 2eme et la 4eme marchait. Je ne sais pas trop si c'est normal, sinon ça doit être parce que je suis royalement nulle =D X) J'ai mit ceci en html de la page d'acceuil au grand complet:

Spoiler:

._.

EDIT: Ha ouais jdois préciser, j'ai remis mon ancien code présentement pour ne pas trop avoir une mise en page bizarre longtemps o.o
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyLun 05 Oct 2009, 20:09
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
Code:
<table>
<tr>
<td>
<div class="thumbnail">
    <imguser>
        <img src="http://i480.photobucket.com/albums/rr163/Ikotai/Icons/Shun.png">
    </imguser>
  <span>
      <center>
          <img src="http://i480.photobucket.com/albums/rr163/Ikotai/Icons/Shun2.png">
          <br>
            <div>
                Shun Kurushima feat. Tonny Viet<BR>Élève masculin | 18 ans<BR>Autoriatire, froid et hautain<BR>By Hiroto Arima
            </div>
      </center>
    </span>
 </div>
</td>
</tr>

<tr>
<td>
  <div class="thumbnail">
    <imguser>
        <img src="http://i480.photobucket.com/albums/rr163/Ikotai/Icons/Nico.png">
    </imguser>
  <span>
      <center>
          <img src="http://i18.servimg.com/u/f18/11/15/73/20/julian10.jpg>
          <br>
            <div>
                Nico Kanayomi feat. Orlando Bloom<BR>Autres | 27 ans<BR>Caractère au choix<BR>By Danneel Kanayomi
            </div>
      </center>
    </span>
 </div>
</td>
 </tr>

<tr>
<td>
  <div class="thumbnail">
    <imguser>
        <img src="http://i480.photobucket.com/albums/rr163/Ikotai/Icons/Koen.png">
    </imguser>
  <span>
      <center>
          <img src="http://i42.tinypic.com/2zs79uc.png">
          <br>
            <div>
                Koen Pinkaew feat. Pirath NitiPaisalKul<BR>Élève masculin | 18 ans<BR>Anxieux, insécure et solitaire<BR>By Chaiyo Pinkaew
            </div>
      </center>
    </span>
 </div>
</td>
</tr>

<tr>
<td>
  <div class="thumbnail">
    <imguser>
        <img src="http://images.fanpop.com/images/image_uploads/Katie-katherine-heigl-91446_100_100.jpg">
    </imguser>
  <span>
      <center>
          <img src="http://images.fanpop.com/images/image_uploads/Katie-katherine-heigl-91444_100_100.jpg">
          <br>
            <div>
                Kimberly Stevens feat. Katherine Heigl<BR>Élève féminin | 19 ans<BR>Égocentrique, manipulatrice et sans scrupules<BR>By Isaline Fraser
            </div>
      </center>
    </span>
 </div>
</td>
</tr>
</table>
Essaie ce code (j'ai ajouté une table), mais sinon je n'arrive vraiment pas à trouver l'erreur
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyMar 06 Oct 2009, 08:17
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Donc eh après avoir réessayé j'ai vu que tout avait planté alors j'ai tout replacé sans lesinfobulles, à date tout vas bien.

Maintenant j'ai essayé avec une infobulle et sur IE comme sur Firefox ça marche, y'a que l'opacité qui ne marche pas avec IE mais on peut facilement vivre sans. BREF.
*écrit le message au fur et à mesure*
Donc là j'ai mit le deuxième et tout marche... *s'en va mettre les deux autres*
Bon dans le fond ça marche, y'a que le menu déroutant et le texte "Recherchés | More [x]" qui ne sont pas centrés sur Firefox mais sur IE oui mais bon x)
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptyVen 09 Oct 2009, 23:09
Revenir en haut Aller en bas
Invité
Invité




Nouveau prob de page d'acceuil x) | Résolu~ Empty
Bon, je suis content que ça fonctionne Smile

Et désolé de ne pas avoir été plus efficace x')
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptySam 10 Oct 2009, 17:25
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Nouveau prob de page d'acceuil x) | Résolu~ Empty
Nan tu as été terriblement efficace Kael x) *câlin*
Merci beaucoup =D
Jcrois que c'est résolu maintenant x)
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ EmptySam 10 Oct 2009, 22:01
Revenir en haut Aller en bas
Contenu sponsorisé




Nouveau prob de page d'acceuil x) | Résolu~ Empty
MessageSujet: Re: Nouveau prob de page d'acceuil x) | Résolu~   Nouveau prob de page d'acceuil x) | Résolu~ Empty
Revenir en haut Aller en bas
 

Nouveau prob de page d'acceuil x) | Résolu~

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Page d'accueil] Un cadre déformé par le Message sur la page d'accueil [RÉSOLU]
» 2 backgrounds fond de page ? Oô {RÉSOLU}
» [résolu] Enlèvement des boutons en bas de page
» Arrondir la page d'accueil? [résolu]
» [Résolu] Problème mise en page

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit