Blog d'aide de Blog4ever

:b1:  dans le css MasterDesign 

je n'arrive pas à centrer en hauteur les titres en texte "article, Album photo etc" dans leurs bloc de la barre latéral

Il me manque quelque chose dans mon code ? 
* BARRE LATERALE */
aside {
    background-image : url(https://);
background-repeat : repeat;
width : 250px;
float:left;
}
aside h2,
aside h3 {
 background-image : url(https://);
background-repeat : repeat;
color : #EEF5FA;
width : 210px;
height : 130px;
margin-top: 0px;
font-size : 15px;
font-family : Trebuchet MS, Arial, Verdana;
border-width : 0px;
border-style : solid;
border-color : #;
text-align : center;
  display: inline-block;
             color: #000000;
    font-family: 'HelveticaNeueLT Com 57 Cn', 'Arial Narrow', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}

Et j'ai aussi un autre probleme:snif: au sujet pied de la page quand je suis sur MasterDesign mon bas de page l'image est bien complete par contre dès que je vais sur Voir mon blogue il m'en manque une grande partie

Dernière modification le dimanche 26 Novembre 2017 à 18:16:47

Bonsoir nana 

Merci nana, en effet c'était une erreur de la dimension de mon image ,le bas de page est top maintenant .

ça a tellement évolué sur les codes du Design je suis un peu perdu. On pouvait faire autrement que d'aller sur Master Design ?

Bonsoir L' ami

ATTENTION il y a 2 fois nav dans le css donc supprimes celui en trop et gardes celui-ci

nav {
    background: #33FF99;
        background-image: none;
        background-repeat: repeat;
    background-image: url(https://static.blog4ever.com/2017/11/840775/big_artfichier_840775_7462453_201711232603896.png);
    background-repeat: repeat;
    width: 960px;
    height: 80px;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: auto;
}

:bye:

Bonsoir simon

J'ai enlever 
nav {
    height:40px;
    text-transform :uppercase;
    position:relative;
    z-index:4;

}

C'est pire j'ai la barre de navigation qui est large

et avec ceux çi

nav { 
    background: #33FF99; 
        background-image: none; 
        background-repeat: repeat; 
    background-image: url(https://static.blog4ever.com/2017/11/840775/big_artfichier_840775_7462453_201711232603896.png); 
    background-repeat: repeat; 
    width: 960px; 
    height: 70px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: auto

ma barre et devenu normale ,mais j'ai toujours le meme probléme avec le texte

Dernière modification le dimanche 26 Novembre 2017 à 20:54:43

Il y a plein de codes nav dans le css donc il faut retirer ceux qui sont en double
@+

Pour centrer les titres et les grossir  essaies ça  en gras

ligne 1415

nav a {
    background-image: url(https://static.blog4ever.com/2017/11/840775/big_artfichier_840775_7460118_201711215740357.png);
    background-repeat: no-repeat;
    text-decoration: none;
    width: 130px;
    height: 70px;
    margin-left: 125px;
    font-size: 18px!important;
    font-family: Arial;
    border-width: 0px;
    border-style: solid;
    color: #000000;
    font-family: 'HelveticaNeueLT Com 57 Cn', 'Arial Narrow', Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: center;
    display: block;
    padding-top: 10px;
}

Merci simon c'est vrai que c'est mieux pour la barre horizontal .

simon

J'ai enlevé tous les  codes nav en double dans le css  et rien ne fait sur le menu les titres ne sont toujours pas centrer sur la hauteur . Je suis aller voir les 2 sites de  et je ne voie toujours pas ce qui cloche dans mon code css * BARRE LATERALE */

re

J'ai fait des corrections donc je pense que c'est bon.

:bye:

Coucou simon c'est toujours pareille

simonC'est de ma faute j'ai désactiver MasterDesign  trop compliqué pour moi .Je le fait en css html et il est presque fini ;J'ai meme réussi à centrer les titres par contre il me reste que le bas page . sur le site de  le code 

.diz-bas{
background-color : #;
background-image: url("https://static.blog4ever.com/2017/11/840775/big_artimage_840775_7467123_20171126382818.png");
      font-size : 224px
border : 1px solid #000000;
}
#barre_bas a{
background-color : #FFFFFF;
color : #000000;
}
#barre_bas a:hover{
background-color : #000000;
color : #FFFFFF;
}

marche bien sur ça page de teste

,mais sa ne marche pas sur ma page de css html

Dernière modification le lundi 27 Novembre 2017 à 01:21:49

re

J'ai vu que tu étais en css personnalisé et j'ai réglé la barre hier soir tard.


.menu_bloc h2 {
  background-image: url('https://static.blog4ever.com/2017/11/840775/big_artfichier_840775_7462405_201711233412240.png');
  background-repeat: repeat;
  color: #transparant;
  padding: 55px 30px;
{  /*erreur*/

J'ai corrigé le css et ajouté une hauteur pour faire rentrer l'image.

Donc tout va bien.

:bye:

Bonjour simon 

C'est super ça marche

Merci beaucoup pour ton aide. 

:bye:

Le hover de la barre du bas n'est pas top.

Petite bricole

#barre_bas a:hover{
background-color : #fff;
  border:3px inset #000;
color : #transparant;   /* ce code n'est pas bon */*/à supprimer )*/
}

color : #transparant; mais transparent  ( attention car l'écriture va disparaitre au survol)

J'ai modifié  color : #ffffff; (blanc)

Merci simon

Bonsoirsimon


J'ai voulu faire quelques modifs dans le css en  ajoutant des bordures et des modules suplémentaires et je viens de me rendre compte que je n'ai que 1/3 de la page du bas .Et je ne sais pas pourquoi ?

Dernière modification le lundi 27 Novembre 2017 à 19:28:44

simon

C'est bon j'ai résolu .La page du bas est remise à sa place .

re

Il faut faire une sauvegarde du css avant d'intervenir...:am: