Highlighted

Problème fichier CSS qui bloque le design d'un codage html ...

New Here ,
Aug 16, 2018

Copy link to clipboard

Copied

Bonsoir,

Alors je créer un design a partir de deux templates de sites différents.

j'ai réussi a avoir le design que je veux mais quand je met dans photos dans un certain style, le fichier CSS que je viens d'intégrer me bloque mon menu de navigation (Cf photos)

Une idée que problème qu'il peut y avoir? Je ne pense pas que ce soit dans le codage html mais dans le codage CSS (sauf que la j'y connais rien)

Capture d

Site avec la barre de menu (sans ajouter le ficher CSS dans le codage HTML)

Capture d

Fichier CSS intégré dans le codage (zone sélectionnée)

Capture d

Apres insertion du fichier CSS, les photos marchent mais la barre de menu disparait (si j'enlever le fichier CSS, les photos ne fonctionne pas)

Un idee? Je peux envoyer le codage CSS si besoin.

Je suis complètement bloqué,

Merci de votre aide.

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

The problem is that you are calling the Bootstrap library three times, namely

As it happens, the nature of CSS documents rules that the last style rule over-rides previous style rules that target the same identifier(s).

The big problem in your case is that the latter of the three stylesheets is written for Bootstrap 3, while the former two are written for Bootstrap 2

A further look at CE.html shows that there is a problem starting at 278 and ending at 294 where there is a stray ending main tag (</main> and a stray ending body tag (</body>).

Suggestions:

Views

273

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Problème fichier CSS qui bloque le design d'un codage html ...

New Here ,
Aug 16, 2018

Copy link to clipboard

Copied

Bonsoir,

Alors je créer un design a partir de deux templates de sites différents.

j'ai réussi a avoir le design que je veux mais quand je met dans photos dans un certain style, le fichier CSS que je viens d'intégrer me bloque mon menu de navigation (Cf photos)

Une idée que problème qu'il peut y avoir? Je ne pense pas que ce soit dans le codage html mais dans le codage CSS (sauf que la j'y connais rien)

Capture d

Site avec la barre de menu (sans ajouter le ficher CSS dans le codage HTML)

Capture d

Fichier CSS intégré dans le codage (zone sélectionnée)

Capture d

Apres insertion du fichier CSS, les photos marchent mais la barre de menu disparait (si j'enlever le fichier CSS, les photos ne fonctionne pas)

Un idee? Je peux envoyer le codage CSS si besoin.

Je suis complètement bloqué,

Merci de votre aide.

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

The problem is that you are calling the Bootstrap library three times, namely

As it happens, the nature of CSS documents rules that the last style rule over-rides previous style rules that target the same identifier(s).

The big problem in your case is that the latter of the three stylesheets is written for Bootstrap 3, while the former two are written for Bootstrap 2

A further look at CE.html shows that there is a problem starting at 278 and ending at 294 where there is a stray ending main tag (</main> and a stray ending body tag (</body>).

Suggestions:

Views

274

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 16, 2018 0
Adobe Community Professional ,
Aug 16, 2018

Copy link to clipboard

Copied

A link to your site will help us tremendously


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 16, 2018 0
New Here ,
Aug 17, 2018

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 17, 2018 0
Adobe Community Professional ,
Aug 17, 2018

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 17, 2018 1
Adobe Community Professional ,
Aug 17, 2018

Copy link to clipboard

Copied

The problem is that you are calling the Bootstrap library three times, namely

As it happens, the nature of CSS documents rules that the last style rule over-rides previous style rules that target the same identifier(s).

The big problem in your case is that the latter of the three stylesheets is written for Bootstrap 3, while the former two are written for Bootstrap 2

A further look at CE.html shows that there is a problem starting at 278 and ending at 294 where there is a stray ending main tag (</main> and a stray ending body tag (</body>).

Suggestions:


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 17, 2018 1
New Here ,
Aug 20, 2018

Copy link to clipboard

Copied

Yes that must be the problem,

All my site is in bootstrap 2 except a part that is in bootstrap 3

I am a beginner in HTML files ...

Is it possible to go from bootstrap 3 to 2?

Thank you !

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 20, 2018 0
Adobe Community Professional ,
Aug 20, 2018

Copy link to clipboard

Copied

Do you know the current version is Bootstrap 4.1? 

Bootstrap 2 is several years out of date and no longer being updated.

Bootstrap 3.7 is a good choice if you need to support older browsers (before IE 10).  Otherwise, you should start learning to work with Bootstrap 4.1 which uses Flexbox for layouts instead of floats.

Do not mix BS2 with BS3 or BS4 code.  Chose only 1 version.

https://getbootstrap.com/docs/4.1/getting-started/introduction/

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 20, 2018 1