About the HTML-CSS category

hello in Applied Visual Design: Use the u Tag to Underline Text it says Wrap the u tag around the text “Ph.D. students”. It should not include the parent div that has the class of cardText .can i get full solution or a snip of that program if someone ahs dont it??

There must be only one <style>.....</style> tag and all your CSS styles should go in between them, what you have done is correct except you have added another style tag for the h2 selector… remove that extra style tag and move the h2 { } into the first <style></style>

<style>
p {

 }
h2 {

 }
</style>

This was a bit misleading to me, too.
Don’t worry about the div part. The solution is just to put the tag around “Ph.D. students”
< u >“Ph.D. students”< /u >

1 Like

I’m having a problem with “Applied Visual Design: Create a Horizontal Line Using the hr Element”
The task is: “Add an hr tag underneath the h4 which contains the card title.”

< h4 > Google Alphabet < /h4>

< p >Google was founded by Larry Page and Sergey Brin while they were < u>Ph.D. students< /u> at < strong>Stanford University< /strong>.< /p>

I entered the following but get the error: “the hr tag should come between the title and the paragraph”
< h4 > Google Alphabet < /h4>
< hr>
< p >Google was founded by Larry Page and Sergey Brin while they were < u>Ph.D. students< /u> at < strong>Stanford University< /strong>.< /p>

I can’t figure out why this isn’t working. I even looked ahead to the next challenge (which builds on this one) and the given code is written EXACTLY the way I have done above. Is this an error in the challenge or am I doing something wrong?

hi ,
I have the same problem as you , did you solve it

3 Likes

@QuincyLarson can you help me on: Make Links Navigatable with HTML Access Keys !PLEASE HELP!

2 Likes

cat photos
tell me please what’s wrong in this cuz when i submit it in the curriculum test it says :You need an a element that links to http://freecatphotoapp.com.

should i write the code to external link before the cat photo or after

3 Likes

PhotoApp

please the above code is giving me error. I get this error

Your style declaration should end with a ; .

1 Like

hey can you help me in html level 6

1 Like

i’m learning process and I’ve tried many tutorials, THIS IS GREAT!!! one naïve question, is there a tool/program that functions as your html lessons do, see changes on page as you do them, Thanks!

3 Likes

simple at no 2 line you put and then go on to no 6 and then put

1 Like

please i need help, i need to know how to manage my web development
i have gone through HTML and CSS
i have done some basic build up on html and css also adding javascripts on the site, can i use python for it to be dynamic? BECAUSE i created a sign up form and a log in form and a page menu, but when i run the code, they will appear on the same page, i want it to appear as sign up then log in then the page menu, JUST LIKE A NORMAL WEBSITE, i need help on the management of my code application please.

1 Like

you can ask a question related to HTML AND CSS i know these languages from core you can also visit my sitequeryhelp for further iformation

2 Likes

Hello guys i have created beautiful form using HTML AND CSS you can get code from herequeryhelp

5 Likes

Hello, in HTML how do I tell the browser to access pictures and videos when you click the images and video button.

3 Likes

``

Fault details



Terminal ID:
Terminal name:

Date Received:
Bank:
Fault description:
Fault categories:
Status:
Submit

Tell us what’s happening:

Your code so far


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, monospace;
  }

  p {
    font-size: 16px;
    font-family: monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
    .silver-background{
      background-color: silver;
    }
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>
<main>
  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <div class="silver-background">
  
    <p>Things cats love:</p>
    <ul>
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>
    <p>Top 3 things cats hate:</p>
    <ol>
      <li>flea treatment</li>
      <li>thunder</li>
      <li>other cats</li>
    </ol>
  </div>
  
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label><input type="checkbox" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/give-a-background-color-to-a-div-element[quote=“QuincyLarson, post:1, topic:182859, full:true”]
Ask about anything related to HTML and CSS, including web design tools like Sass and Bootstrap.
[/quote]

3 Likes

i guess you mean css properties, example:
then go into your css file and to target the showcase id you use #showcase { width:100%;
Background:black; }

3 Likes

browser zoom 100% in css.help2 please

1 Like