dsonesuk

Hitting cntrl F5, usually show latest changes.

Make sure changes appear after existing, beit a link to custom css file (best option) or editing of existing w3-css template css file (worst option, update will overwrite changes), then clear cache, history etc.

It comes under global attributes on that page.

I would give each anchor link a data-id="n" where "n" will be the number of id passed by json, then loop through anchors if id from json and data-id match insert the remaining values for country, name etc, if you can get url you can add that value all in one go.

Wrap in quotes 'p, div', then use for loop with makeBold.length to loop through collection from querySelectorAll(); to apply required style.

If you want to change all anchor attributes using linkElements , why are you targeting .item[i] which does not exist?

Maybe because close() is already a key function used by javascript. Try renaming it.

That is text on its own, as it suggests with #text, input are void elements they dont hold content so using that attribute name is useless, only the form element is a content container try using that as a reference, it will change both together though, not separately.

I believe you can set it to accept both. Short tags and long tags.

If the font does not exist on your o/s it won't work. You need to download/link to this font and refer to it in css. See https://www.w3schools.com/whatis/whatis_google_fonts.asp

Position absolute should only be used to overlay elements over another element. The direct child after body just requires min-height: 100%;.

The first script tag is a link to external javscript code, it has opening script tag, the src attribute then a closing script tag. Your inline js code should have a opening script tag NO src attribute, you also have async and defer attributes outside the bottom opening script tag.

Its the media queries setting font-size: 14px for (max-width: 767px) and (min-width: 320px), (max-width: 450px)

Refer to parent id class element, it depends. Original: .mydiv { color: lime !important; } Override examples: body div.mydiv { color: red !important; } #parentdiv div.mydiv { color: yellow !important; } .parentdiv div.mydiv { color: purple !important; }

You need to validate your page, it has misplaced javascript code, and div element. It also looks like it uses javascript to identify the scroll positioning, so you need to remove or turn it off. I dont see any load issues, but it could be down to problem mentioned at beginning.

Yes! Adding more than one link will cause the whole web site to burst into flames, or does it? Ever thought of...you know, just trying it!

Change display property, it only works if display: grid is used.

You should never use 100% width on body or html element, that will cause issues. Bootstrap deals with html code within body element, not html or body tags themselves. If you didn't use html, body with 100% height, and tried to use flex box to give a container height to fill page, it wouldn't because the body shrinks down to content which would be flex box element margins, padding and flex box would fill to that height of body. So you control body, html height depending on the design required.

You usually set body, html to height: 100%, Then set a outermost container to min-height: 100%; or nowadays min-height: 100vh;

As long as you use container-fluid within you html you should be fine, as container class adusts to device width using media queries which are fixed widths, while container-fluid uses 100% filling the width of parent container it is in.

Since bootstrap uses classes to apply different properties i would have thought yes! As long you custom class names don't conflict with bootstraps.

Err? parent width override child width, no it wouldn't unless child has width inherit. Width is not one of those properties that carries on down to children unlike font-size for instance. Being a block element the div and p element would fill the total width of parent (the div header width, the paragraph the div width), if that is what you are getting? Inline element width is determined by content. .foobar > div > p{ width: 860px; } Should be fine

You don't have a portfolio class, so it wouldn't work. https://www.w3schools.com/code/tryit.asp?filename=GJ9C01P6BR1H

Look up data-i18n, as used by wikipedia, you add translation of text in json file to specific language, when page loads you set language to use and it searches for data-i18n attribute and translate key value to the selected language.

Overflow on a outer container, with height 500px width: auto used on img element.