About the HTML-CSS category

About the HTML-CSS category
0
#144

I’m new to coding; I started the lessons on freecodecamp
Can you download the certificate at the end each section? I seeking to change careers and want to show potential employers that I have the skills they desire.

#145

Hello
I was looking for help on how to change the background color to blue.
Thank you
Nelson

Bootstrap Example
#146

Hello
I was looking for help on changing the backgroi=und color to blue.
Thank you
Nelson

Bootstrap Example

Basic Navbar Example

A navigation bar is a navigation header that is placed at the top of the page.

The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).

#147

hi im new to coding,right now im working on product landing page and i have a problem with #12" When I click the #submit element, the email is submitted to a static page (use this mock URL: ------) that confirms the email address was entered (and that it posted successfully)." this is what i have and cant make it work,can i ask for help with this?

#148

this is what i have for the code with submit element`
<input type=“email” name="email"required placeholder="Enter your email address"id=“email”
action=“https://…/email-submit”><input type=“submit” id=“submit” value="submit"name=“submit”>

` thanks in advance
#149

Use the image tag:

After src=, you add the link to the image, wrapped with quotation marks of course. “Link”.

Remember that the image tag is one of those HTML elements that are self-closing, so you don’t need a separate closing tag. You can also use the width and height attributes to control what size the image will display. For example, in the image I used above, if you wanted to let it display as 640px in width by 480px in height, you would do the following:

alt=“Forest picture.” width=“640” height=“480”>

The width and height attributes defines the image using pixels by default, so you don’t need to write “640px”. It’s a good idea to set a width and height to any image you use on your website, otherwise the image may flicker when the page loads.

In HTML5, though, it’s recommended that you use the “style” attribute when setting a width and height for the image. So, instead of the above, you will use:

alt=“Forest picture.” style=“width:640px;height:480px”>

As you may have noticed, when using the “style” attribute, you now have to add the “px”. A benefit of using the style attribute is that it prevents the style sheets from changing the size of the image.

#150

You will need to correct the link. You’ve written “” after the link. Remove that.

#151

You need to add the tag to your code. That’s what’s missing. Before your first

tag, which is on line #2, under your

tag, add . Then, at the end of your code under the final closing tag, add . The main tag needs to have a closing tag. This is what they mean by wrapping up your

tags in the tag.

#152

Tank u QuincyLarson in this still have good peolpe like u!!

#153

I tried everything that I could think of, stared at the code for a while, searched google, and tried some more. Could someone please offer a little advice?

<style>
  :root {
    --red-color: red;
    background-color: #FF0000;        
  }
  .red-box {        
    background: var(--red-color);
    height: 200px;
    width:200px;
  }
</style>
<div class="red-box"></div>

#154

You put background-color: red: in the wrong block.
The root is where you set the variable. The variable is called in .red-box but if a browser doesn’t recognize the variable you need to provide an alternative.

If you reset the code you’ll notice that in the .red-box block there’s a empty space before the background: var(--red-color); for you to put in the answer.

Oh, and btw, it’s just background…it told you that. NOT background-color

While this doesn’t entirely cover what you reported in 404 Error Reported about there not being a Hint page it at least answers the problem you’re seeing.
Read the instructions and guides carefully. HTML and CSS do what you tell them. It can be hard and frustrating when you don’t see the error you’ve made at first glance so take a step back. Get a sammich and then try looking again with fresh eyes.

1 Like
#155

Yeah, I probably inserted code there about 25 times it was just bad code on my end. Thanks for the help! I got it sorted. ‘#F00’ to the rescue.

#156

Hello, I have a doubt for my website, that if I want to insert h1, h2, h3, h4, h5 and h6 in random sequence but according to HTML this header tags should be in increasing sequence…?
Please help me…

#157

Hi Sunny,
not sure if I got your question right. You can use and insert the header tags as you wish and set them as you prefer in terms of the feel and look.

Normally the h1 it’s the main title, but that doesn’t mean that has to be strictly “bigger” than the h2 or before it, jut prioritize them in terms of search results importance.

Hope this helps!
Ciao

#158

Hi people!
I need help understanding the behaviours of <div> when applying margin.

I have two <div>, both with {margin: 24px auto} .
When I inspect them I can see that the second it’s stacked after the previous one, but the bottom margin (24px top and bottom) it’s not affecting this second one, which is actually touching the first <div> with its “box content”.

Which CSS class could be affecting this behaviour? What it could be wrong in my code?

Thanks!

#160

Hello RaniFloat, I’m currently trying to solve this problem as well. How were you able to get through this please?

#161

dont know what to do for Nest the existing img element within an a element.

#162

Posting the actual code would help others evaluate what you have going on. When you reply, simply press the button in the tool bar that looks like “</>” then paste your code in the highlighted area.

#163

Excellent coding.and can i start html,css and java script with online and study online.

Thanks,

#164

@DJB24 please make sure the spelling of “color” in background attribute.