Blog d'aide de Blog4ever

 les modos 

Je n'arrive pas à régler le margin-top du buttom "Go" de nav recherche.
J'ai ceci pour la nav recherche dans mon CSS :

/*nav recherche*/
nav .recherche_nav {
  float: right;
  height: 2px;
}
nav .recherche_nav input { /*case pour écrire "recherche sur le blog" juste en dessous du logo dans la barre (nav.a)*/
    background: none repeat scroll 0 0 #a20000;
    border-radius: 0px;
    color: #fff;  
    font-size: 11px;
    width: 200px !important;
    height: 30px !important;
    border: 2px solid #000000 !important;   
  -webkit-box-shadow: 2px 2px 2px #000000;
  -moz-box-shadow: 2px 2px 2px #000000;
  box-shadow: -2px 2px 10px 3px rgba(0, 0, 0, 0.3),
            2px 1px 20px 3px rgba(0, 0, 0, 0.3)!important;
  
}
nav .recherche_nav button {
    margin-top: -70px !important;
    height: 10px !important;
    background-color: #3b3b3b !important;
    border: 3px solid #fff !important;
    box-shadow: -2px 2px 10px 3px rgba(0, 0, 0, 0.3),
            2px 1px 20px 3px rgba(0, 0, 0, 0.3)!important;
}
/*bloc recherche*/ 
textarea, input[type="text"], input[type="password"],
 input[type="datetime"], input[type="datetime-local"],
 input[type="date"], input[type="month"], input[type="time"],
 input[type="week"], input[type="number"], input[type="email"],
 input[type="url"], input[type="search"], input[type="tel"],
 input[type="color"], .uneditable-input { 
background-image: url(https://static.blog4ever.com/2016/08/821467/fd-gris-cases-recherche-fonc---noel-2016.png) !important;  /*fond devant le bouton "recherche" tout en bas du blog juste au dessus de la barre acc, précédent, haut du blog...*/
background-repeat: repeat;
border: 2px solid #a20000 !important; 
border-radius: 10px !important; 
box-shadow: 2px 2px 5px #000 inset!important; 
margin-left: 1100px!important; 
margin-top: -70px !important;  
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
color: #fff !important;  /*modifs faites le 14 10 2016 pour noel 2016*/ 
width: 180px;
height: 40px !important;  /*ajout fait le 13 10 2016 pour design noel 2016 cela modifie la hauteur des cases dans recherche mais aussi menu flottant pour s'inscrire au blog*/ 
}
.gs-result .gs-title, .gs-result .gs-title * {
color: #fff !important;
text-decoration: underline;
} 
/*FIN bloc recherche*/ 

Voir ma capture pour le positionnement :



Merci pour votre aide !
Bonne journée 
:sol:

Dernière modification le jeudi 24 Novembre 2016 à 13:10:18

Coucou

Voici les css ! à modifier en gras pour s'aligner avec les autres blocs ,  puis ajouter le dernier code  /* position du button  GO */



/*bloc recherche*/
textarea, input[type="text"], input[type="password"],
 input[type="datetime"], input[type="datetime-local"],
 input[type="date"], input[type="month"], input[type="time"],
 input[type="week"], input[type="number"], input[type="email"],
 input[type="url"], input[type="search"], input[type="tel"],
 input[type="color"], .uneditable-input {
background-image: url(https://static.blog4ever.com/2016/08/821467/fd-gris-cases-recherche-fonc---noel-2016.png) !important;  /*fond devant le bouton "recherche" tout en bas du blog juste au dessus de la barre acc, précédent, haut du blog...*/
background-repeat: repeat;
border: 2px solid #a20000 !important;
border-radius: 10px !important;
box-shadow: 2px 2px 5px #000 inset!important;
margin-left: 1100px!important;
margin-top: -50px !important;  
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
color: #fff !important;  /*modifs faites le 14 10 2016 pour noel 2016*/
width: 180px;
height: 40px !important;  /*ajout fait le 13 10 2016 pour design noel 2016 cela modifie la hauteur des cases dans recherche mais aussi menu flottant pour s'inscrire au blog*/
}
.gs-result .gs-title, .gs-result .gs-title * {
color: #fff !important;
text-decoration: underline;
}

/* position du button  GO */
label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 40px!important;   /* grosseur du button */
    margin-top: -60px;
}
/* button hover*/
label, input, button:hover {
background:#a22;
border: 3px outset;
color:#fff;
}


:sol:

simon
c'est super ! Mais à chaque fois que je fais une modif un changement se fait ailleurs 
comme ici :



:snif:

il y a encore plein de chose qui ne vont pas regarde les captures 

Si ça chamboule tout alors je vais remettre le CSS d'avant !
A moins que tu trouves une solution.
:b2: d'avance simon
:sol:

coucou

Les codes que je t'ai donné ne sont pas en cause.

J'ai trouvé 2 codes pour tes soucis mais il reste des ajustements à faire.

/*le bouton envoyer message*/
#articles_commentaires_submit{
margin-top: 10px;
}
l/* le bouton de Connexion au site */
.btn{
margin-top: -160px
}


Voila pour l'instant

simon
loin de là ma pensée que tes codes sont en cause, je dirai plutôt que c'est surement moi qui ne fait pas les bonnes manipulations.
Je suis trop nulle dans le domaine "codes".

Je ne le trouve pas le bouton envoyer message et l'autre tu peux me dire les numéros de lignes STP !

:b2::b2::b2::sol:

Bonjour Christine:sol:, très jolie blog ma belle, je ne sais pas ci cela viens de mon PC cependant tout paraît très gros ou est ce ton design et quand on ouvre je trouve dommage de voir des boutons en premier au lieu de bien voir ta bannière qui est vraiment belle , je ne trouve pas cela esthétique et regarde l'image ci dessous dans contact est ce normal .

Pixelles
:b2::b2::b2:

:sol:

:snif::snif::snif:

AU SECOURSSSSSSSSSSSSSSS !!!! Mon blog a un énorme souciiiiiiiiiiiiiiiiii 

A L'AIDEEEEEEEEEEEEEEEE

Je vais voir si je trouve de quoi remettre en état ton css

Pas de panique !
Fermes ta gestion  STP

:sol:

Kikou @simon@ 
je ne suis plus dans ma gestion trop peur de faire encore des bêtises.
:b2: mille fois !
:sol:

 

J'ai failli caler mais j'ai corrigé et c'est correct donc tu peux reprendre la main.
Je n'ai pas tout testé donc informes moi s'il y a des choses qui clochent. 

  

simon
D'accord je te tiens au courant !
:coupe: tu es un champion !
:b2::sol:

simon
Une chose que j'ai remarqué la fenêtre en bas de page "Inscrivez vous au blog" n’apparaît pas. 
Je vais faire une sauvegarde tout de suite.
:sol:


 

coucou

Je verrai ça demain .

Parfois sous firefox ça ne fonctionne pas.

j'ai testé sous IE11 et c'est bon.

bonne nuit

@Soleilvie@
Petit cadeau pour ton blog.

Ligne 1355

/*tombe la neige dans le logo*/

nav ul {
    margin: 0 0 0 10px !important;
    float: center;
  background:url("https://static.blog4ever.com/2010/11/451105/tombe-la-neige.gif") repeat scroll 0 0;
}

J'ai testé et c'est pas mal mais si ça ne te plait pas ce n'est pas grave.

simon

:b2: pour le cadeau mais je ne vois pas de neige ???
:sol:

c'est bon Simon je la vois mdr mdr il fallait que je mette le background mdr 
:b2::b2::b2::b2:
:sol:


:oe:

Oui tu as raison j'aurai dû mettre mes  :ptdr:
:sol: