hoquet sur gifs et photos
bruno095


Site/blog

229 messages

posté le 2011-11-02 à 14:28:31

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



stephanenancy


1162 messages

posté le 2011-11-02 à 14:44:29

bruno

c'est dans le css

#contenu a:hover

il me semble que c'est text-decoration

essaye de mettre

text-decoration : none;

bruno095


Site/blog

229 messages

posté le 2011-11-02 à 15:27:34

bonjour stephanenancy
tu peux répéter en français car je suis le du blog et en plus je ne voudrai pas faire de betise car c est soleilvie qui ma fait mon blog
cordialement


stephanenancy


1162 messages

posté le 2011-11-02 à 15:48:36

coucou bruno

Dans ta gestion de ton blog

1 clique sur votre blog

2 clique sur Diz Perso

3 clique sur modification du CSS

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



et dans ce bloc 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

bruno095


Site/blog

229 messages

posté le 2011-11-02 à 15:55:57

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


Soleilvie


Site/blog

1331 messages

posté le 2011-11-02 à 15:55:59


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.



bruno095


Site/blog

229 messages

posté le 2011-11-02 à 15:58:20

cc soleilvie
on c est croisé


stephanenancy


1162 messages

posté le 2011-11-02 à 16:03:36

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

Soleilvie


Site/blog

1331 messages

posté le 2011-11-02 à 16:16:04

Coucou Bruno
yesss nos messages se sont croisés

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


stephanenancy


1162 messages

posté le 2011-11-02 à 16:40:03

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 ...




Soleilvie


Site/blog

1331 messages

posté le 2011-11-02 à 17:15:53

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


simon


Site/blog

3176 messages

posté le 2011-11-02 à 18:04:17

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:


Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




bruno095


Site/blog

229 messages

posté le 2011-11-02 à 18:10:43

re stephane
merci sa fonctionne
a la place de 15px j ai mis "#"
merciiiiiiiiii
cordialament


bruno095


Site/blog

229 messages

posté le 2011-11-02 à 18:12:11

merci simon sa c est croisé

merci a tous de votre aide



stephanenancy


1162 messages

posté le 2011-11-02 à 19:36:55

tous le monde




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

simon


Site/blog

3176 messages

posté le 2011-11-02 à 20:12:06

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;
}



Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




bruno095


Site/blog

229 messages

posté le 2011-11-02 à 21:28:18

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é!!!!



Soleilvie


Site/blog

1331 messages

posté le 2011-11-03 à 09:36:12

Bruno, Stéphane et ,
Stéphane et merci pour votre aide.

Bonne journée à tout le monde





bruno095


Site/blog

229 messages

posté le 2011-11-03 à 15:52:17

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



simon


Site/blog

3176 messages

posté le 2011-11-04 à 11:10:43

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.


Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




bruno095


Site/blog

229 messages

posté le 2011-11-04 à 15:27:40

bonjour simon
merci beaucoup pour tes explications
j ai mis

Margin-left: auto;
Margin-right: auto;

cordialement


Ce sujet est fermé, vous ne pouvez pas y répondre

Il faut être membre de ce forum pour ajouter un nouveau sujet ou répondre à un sujet, dans cette catégorie



Cliquez sur la carte :
dashboard ===> Nombre d'utilisateurs en ligne===> Nombre de personnes sur chaque page
lecteurs ===> Une liste des pages les plus consultées, avec le nombre de visiteur sur chaque page.
cartes ===>Le mode normal vous montre d'où viennent les visiteurs. Les cibles clignotent pour les personnes qui viennent de se connecter.
Historique :
lines => 24 h day ===>Un graphique des visiteurs durant les dernières 24 heures.

Recommander ce blog | Contacter l'auteur | Signaler un contenu | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs