Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

hoquet sur gifs et photos

0 appréciations
Hors-ligne
bonjour a tous
quand je passe ma souris sur mes 3 gifs en page d accueil et sur mes photos dans "photos" cela produit un décalage comme un "hoquet" j ai chercher sur le forum mais!!!!!!
alors je fais appel a votre aide
cordialement

:ph: :ph: :ph: :ph:
Stef

:b0: bruno

c'est dans le css

#contenu a:hover

il me semble que c'est text-decoration

essaye de mettre

text-decoration : none;

0 appréciations
Hors-ligne
bonjour stephanenancy
tu peux répéter en français car je suis le :bo1: du blog et en plus je ne voudrai pas faire de betise car c est soleilvie qui ma fait mon blog
cordialement
Stef

coucou bruno

Dans ta gestion de ton blog

1:flech: clique sur votre blog

2:flech: clique sur Diz Perso

3:flech: clique sur modification du CSS

et dans ton css tu as le bloc#contenu a:hover



et dans ce bloc :flech: tu mets : none; à la

place de ce que tu as mis dans text-decoration :


J'éspère que tu as compris ?



Derni?re modification le 02-11-2011 ? 15:51:43

0 appréciations
Hors-ligne
re stephanenancy
j ai sa:
#contenu a:hover
{
background : #;
color : #fb3305;
margin-left : 15px;
text-decoration : none;
}

3099 appréciations
Hors-ligne
:bd:
Bruno et Stéphane
dans le css Bruno que je t'ai envoyé il y a bien :

#contenu a:hover
{
background : #;
color : #fb3305;
margin-left : 15px;
text-decoration : none;
}

Je ne vois pas d'où cela peut provenir.


0 appréciations
Hors-ligne
cc soleilvie
on c est croisé :ptdr: :ptdr:
Stef

:b0: soleilvie

#contenu a:hover
{
background : #;
color : #fb3305;
margin-left : 15px;
text-decoration : none;
}

margin-left : sa vient de là moi je ne l'ai pas dans mon CSS

soit qu'il essaye de mettre que : 5px; ou #;


Derni?re modification le 02-11-2011 ? 16:09:27

3099 appréciations
Hors-ligne
Coucou Bruno
yesss nos messages se sont croisés :ptdr:

Coucou Stéphane

si il met 5px il est possible que le contenu H3 ne soit plus centré ?

Je sais plus et là je suis trop fatiguée pour revoir tout le CSS.

Mille excuses
Stef

coucou

Mais non sa à rien avoir avec le centrage du contenu

Partie "Contenu > liens au survol"= #contenu a:hover
c'est seulement les liens sur un site Web etc ...




3099 appréciations
Hors-ligne
:b1: je regarderai demain là je n'ai pas le moral.
Ma plus jeune fille vient de m'appeler en pleurs le grand père de son mari vient de décéder.

Bonen soirée

4055 appréciations
Hors-ligne
Coucou tout le monde


#contenu a
{
background : #;
color : #000000;
text-decoration : none;
font-size : 15pt;
font-family : Comic Sans MS;
line-height : 25px;
}
#contenu a:hover
{
background : #;
color : #fb3305;
margin-left : 15px; /* supprimer cette ligne ou mettre 0 px; */
text-decoration : none;
}


@stephanenancy tu as trouvé la solution.

Il faut comprendre que pour que contenu a: hover soit utile il faut qu'au passage souris il y ait des changements et si on demande un margin-left: 15px; , on commande de déplacer la photo de 15 px à partir de la gauche du bord de "contenu".Donc comme dans contenu a: il n'y a pas cet ordre, la photo bouge de 15 px.

Bref, il faut donc supprimer ce margin-left:

:bye:


0 appréciations
Hors-ligne
re stephane
merci sa fonctionne
a la place de 15px j ai mis "#"
merciiiiiiiiii
cordialament
:ph: :ph: :ph: :ph:

0 appréciations
Hors-ligne
merci simon sa c est croisé

merci a tous de votre aide

:ph: :ph: :ph: :ph:
Stef

:b1: tous le monde

:b2: Simon


Ah!tu vois je révise bien . +1

4055 appréciations
Hors-ligne
RE


a la place de 15px j ai mis "#"

Non ce signe # n'est pas bon pour cette fonction, il faut mettre simplement 0px;.

Parfois rien ne se produit mais ça peut créer des conflit ou perturber certains navigateurs.

Pour finir je mettrai les titres au centre:

#contenu h3
{
background : #;
background-image : url(http://sd-1.archive-host.com/membres/images/42018625211044268/contenu_h3.png);
background-repeat : no-repeat;
color : #000000;
width : 500px;
height : 80px;
padding-top : 25px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 5px;
margin-left : 100px;
margin-right : 0px;
margin-bottom : 10px;
font-size : 15pt;
font-family : Comic Sans MS;
border-width : px;
border-style : slid;
border-color : #;
text-align : center;
}
#contenu ul
{
list-style-type : round;
margin-left : 15px;
}


:bye:


0 appréciations
Hors-ligne
re simon
merci pour
Non ce signe # n'est pas bon pour cette fonction, il faut mettre simplement 0px;.


par contre j ai fait la modif
margin-left : 100px;
sa fonctionne quand je vais dans mes photos mais sur ma page d accueil c est décalé!!!!


3099 appréciations
Hors-ligne
:bd: Bruno, Stéphane et Simon,
Stéphane et Simon merci pour votre aide.

Bonne journée à tout le monde




0 appréciations
Hors-ligne
bonjour a tous

par contre j ai fait la modif

margin-left : 100px;
sa fonctionne quand je vais dans mes photos mais sur ma page d accueil c est décalé!!!!

j ai remis comme c'était
si quelqu'un aurai la solution

:ph: :ph: :ph: :ph:

4055 appréciations
Hors-ligne
RE

par contre j ai fait la modif

margin-left : 100px;
sa fonctionne quand je vais dans mes photos mais sur ma page d accueil c est décalé!!!!


La page d'accueil obéit aux règlex que l'on entre et si ton titre est décalé c'est que tu n'as pas fait "centrer" dans la gestion.
EXP: si tu met une photo dans la page d'accueil et qu'elle se trouve à gauche, il faut cliquer sur centrer car la règle margin-left: 100px; utilisé dans H3 ne commande pas ce qu'il se passe dans la page d'accueil ou dans les articles.

Dans H3 tu as mis cette image pour encadrer les titres:

et cette image avec margin-left: 100px; sera décalé pour être vers le centre.
Sinon il faut mettre :
Margin-left: auto;
Margin-right: auto;


J'espère que ces explications te conviennent.

:bye:


0 appréciations
Hors-ligne
bonjour simon
merci beaucoup pour tes explications
j ai mis
Margin-left: auto;
Margin-right: auto;

cordialement
:ph: :ph: :ph: :ph:
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Année 2011.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6065 autres membres