Nav links is not visible

i think i know the basics of the HTML … the things i forget about it i go back to w3school and remind myself

and i would consider following another tutorial but idk a good one … and i know what “.header__nav” means
i only wanted to know about the “a, ul and li”

You DO NOT know the basics. Tough it out and start again with a BASIC course in HTML and CSS.

You can allways check all of that here on SitePoint: reference.sitepoint.com.

I recommend the reference here. The w3school site has a massive task and its few devs can’t really keep up with all new tings, so mind that some of the info thay have can be dated.

koku300.

Unzip and open this HTML file in your browser. DO NOT try to copy and paste any of it into your tutorial code. It does not use any of Russ Weakley’s classes and will not work in your tutorial.

I want to see if this is the behavor for the menu that you wish to see.

This is basic HTML and CSS. Nothing fancy. You should understand this completely before attempting anything like Russ has written.

runningmen-menu2.zip (289.1 KB)

1 Like

oh yeah exactly … thanks …
just out of curiosity, what exactly made you say i don’t know the basics of the HTML ?

No offence, but I would say that too because:

yeah but those are about CSS not HTML … i know i don’t know the basics of CSS

Those are HTML elements being addressed by CSS.

i know the “a” is for a link and “ul” is for unordered list and the “li” is for the items of the list …
i didn’t know the work of them in the CSS … just the CSS

i can use them all but just in a HTML file without CSS

Fair enough.

There are different types of CSS selectors that can be used to “target” parts of a web page.

CSS type selectors match elements by node name. Used alone, therefore, a type selector for a particular node name selects all elements of that type — that is, with that node name — in the document.

Syntax
element { style properties }

You might find it helpful to work through the tutorials here: http://www.htmldog.com/guides/css/

sorry didn’t mean to be annoying about knowing the HTML basics …
iam just not sure if i do cuz there was no test i took to evauate my knowlage

And there is our problem. If you can’t decide, how are we meant to know?

We’re not trying to criticise or put you down in any way. We’re trying to establish what level of knowledge you have so we can offer appropriate assistance. We wouldn’t want to be explaining very basic concepts to somebody who is intermediate, nor would we want to give you code which is too advanced and which you have no chance of understanding.

From what I’ve seen, I’d agree with @ronpat that the tutorial you are following at the moment is beyond your understanding of CSS, which is why I suggested you might find the tutorials I linked to more helpful at this stage. Once you have a better grasp of CSS basics, the tutorial will make more sense to you.

1 Like

actually that’s something common for …
whenver i learn something if i wasn’t tested in it i won’t be 100% sure i know all of what i think i know of it

i learned the basics from a series of videos on the youtube … then i started it over on w3school ( but i left the graphics and the js lessons, and iam not good in using the api’s which were mentioned in w3school ( but iam planning on knowing what’s most important of them later )

so i think iam an intermediate in HTML and begginer in CSS and none in the others ( Js, designing, PHP ) …

That’s OK, html should be the first thing to learn, then css, get a good grip on those before you get into any programming like js or php.

yeah ok … iam planning to do that

1 Like

It means that the <a> element and the <ul> element and the <li> element, the elements being targeted, must be inside the container with the className “header__nav”, descendants of “header__nav”. The <a>, <ul>, and <li> elements outside of “header__nav” are not affected by whatever styles are being applied to .header__nav a, .header__nav ul, and .header__nav li.

2 Likes

didn’t really understand that … but i think i will soon on my css tutorial …

thanks alot for taking this time from all of you

These are basics of css.

selector {
    property: value;
    another-property: another-value;
}

There are selectors which target elements within the html, there are various types of selectors you can use.
There are classes which start with a . like this: .NameOfClass
There are IDs which start with a # like this: #NameOfId
You can also target raw html elements, like body, p, ul, a ect…

So .MyClass {...} will target any element with that class name, like <div class="MyClass"></div>
ul {....} will target any <ul> element.

But you can have combinations in selectors to target more specific elements:-

.navigation li {....}

Where they are separated by a space, first is a parent element, followed by a child element. So that will target any list item <li> which is a child of an element with the class name navigation, like:-

<ul class="navigation">
    <li>This is targeted by the selector.</li>
    <li>So is this.</li>
</ul>
2 Likes

got it …

thanks alot