What is happening to my css am a beginner | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

What is happening to my css am a beginner

15th Feb 2023, 4:45 AM
Kamdilichukwu
Kamdilichukwu - avatar
19 Answers
+ 2
Kamdilichukwu What is your question? What problem you are facing in css?
15th Feb 2023, 5:01 AM
R💠🇮🇳
R💠🇮🇳 - avatar
+ 2
Contents of html should go into the body tag And thats pretty compulsory Your html structure doesnt have a body or a head Make it in this structure first <html> <head > <title> My Page </title </head> <body> Your contents, all of that within the html tag that you have Except the html tag itself </body> </html>
15th Feb 2023, 2:43 PM
ASM
ASM - avatar
+ 2
Where is the reference of your stylesheet? Your html code shows no head, no stylesheet and no style. The classes you are showing must also be added to the html tags
16th Feb 2023, 10:42 PM
JOY
JOY - avatar
+ 1
Can you share code How can you say css isn't shown?
15th Feb 2023, 5:10 AM
R💠🇮🇳
R💠🇮🇳 - avatar
+ 1
Also Css course is available please go through
15th Feb 2023, 5:11 AM
R💠🇮🇳
R💠🇮🇳 - avatar
+ 1
<html> <h1>THE EIFFEL TOWER</h1> <a href="http://test.com" target="_blank"> <img src="https://sololearnassets.azureedge.net/eiffel-tower.jpg" alt="just our company" width="200px"> </a> <p></p> </div> <select> <option><p><strong>Eiffel Tower </strong>is a wrought-iron tower that stands<strong> 1,063 ft (324 m) tall</strong> in Paris.</p></option> <option><p> <strong>the Eiffel Tower </strong>is the most-visited monument in the world with over<strong> 7 million </strong>visitors< a year.</p></option> <option><p>Visitors can choose to go up using the Tower lift or the stairs. There are <strong>1,665 steps </strong>to the top.</p></option> </select> </div> <p><b>TRANSPORT</b></p> <ul> <li>Bus: lines 42, 69, 72, 82 and 87.</li> <li>Metro: Trocadero, Ecole militaire.</li> <li>Train: Champ de Mars - Tour Eiffel</li> </ul> <p><b>PRICE:</b></p> <table border="1"> <tr> <th>category</th> <th>price</th> </tr> <tr> <td>Adult</td> <td>$12</td> </tr> <tr
15th Feb 2023, 5:12 AM
Kamdilichukwu
Kamdilichukwu - avatar
+ 1
.strong{ color:#2493df; } .footer{ color:#595959; font-size:14px; text-align:center; } .heading{ font-size:20px; letter-spacing:2px; } .label{ font-size:16px; font-weight:bold; } {}
15th Feb 2023, 5:12 AM
Kamdilichukwu
Kamdilichukwu - avatar
+ 1
https://code.sololearn.com/WIXv62hY4g0C/?ref=app Like this you need to share the code and your code is working. CSS working properly footer,heading
15th Feb 2023, 5:16 AM
R💠🇮🇳
R💠🇮🇳 - avatar
+ 1
Yes it's not working because your code need to be corrected.
15th Feb 2023, 6:24 AM
R💠🇮🇳
R💠🇮🇳 - avatar
+ 1
Greetings pal. I can understand that you are not having a good time with your code, and extremely sorry for the late response, but I might have aom answers: - Document Type Declaration: Added <!DOCTYPE html> at the beginning for proper document structure. - Head and Title: Added <head> and <title> tags to define the document's title as "The Eiffel Tower" - CSS Styling: Moved the CSS styles to a <style> section within the <head>. - Image Description: Changed the alt attribute of the image to a more descriptive text "Eiffel Tower". - Replaced Select Element: Replaced the <select> element with an unordered list <ul> to display facts about the Eiffel Tower in a clearer way, bu if you want the <select> element, then there is absolutely no problem with keeping it. - Improved Transport Section: Added a heading "Transport" before the list. - Price Table: Kept the price table structure the same.
16th Mar 2024, 4:40 AM
<!DOCTYPE html><LESS ACTIVE>
<!DOCTYPE html><LESS ACTIVE> - avatar
+ 1
Here is the corrected code for you: <!DOCTYPE html> <head> <title>The Eiffel Tower</title> <style> .strong { color: #2493df; } .footer { color: #595959; font-size: 14px; text-align: center; } .heading { font-size: 20px; letter-spacing: 2px; } .label { font-size: 16px; font-weight: bold; } </style> </head> <body> <h1>The Eiffel Tower</h1> <a href="http://test.com" target="_blank"> <img src="https://sololearnassets.azureedge.net/eiffel-tower.jpg" alt="Eiffel Tower" width="200px"> </a> <ul> <li><strong>Height:</strong> 1,063 ft (324 m)</li> <li><strong>Title:</strong> Most-visited paid monument in the world</li> <li><strong>Visitors per year:</strong> Over 7 million</li> Next parts of code are in the next comment.
16th Mar 2024, 4:42 AM
<!DOCTYPE html><LESS ACTIVE>
<!DOCTYPE html><LESS ACTIVE> - avatar
+ 1
<li><strong>Access:</strong> Stairs or lift</li> <li><strong>Steps to the top:</strong> 1,665</li> </ul> <h2>Transport</h2> <ul> <li>Bus: lines 42, 69, 72, 82 and 87.</li> <li>Metro: Trocadero, Ecole militaire.</li> <li>Train: Champ de Mars - Tour Eiffel</li> </ul> <h2>Price</h2> <table border="1"> <tr> <th>Category</th> <th>Price</th> </tr> <tr> <td>Adult</td> <td>$12</td> </tr> </table>
16th Mar 2024, 4:43 AM
<!DOCTYPE html><LESS ACTIVE>
<!DOCTYPE html><LESS ACTIVE> - avatar
0
When writing my css it doesn't appear
15th Feb 2023, 5:04 AM
Kamdilichukwu
Kamdilichukwu - avatar
0
I can only see my html appearing but css doesn't show up
15th Feb 2023, 5:05 AM
Kamdilichukwu
Kamdilichukwu - avatar
0
But am a beginner that about the project
15th Feb 2023, 5:05 AM
Kamdilichukwu
Kamdilichukwu - avatar
0
Sure
15th Feb 2023, 5:10 AM
Kamdilichukwu
Kamdilichukwu - avatar
0
This my code
15th Feb 2023, 5:12 AM
Kamdilichukwu
Kamdilichukwu - avatar
0
Is not working
15th Feb 2023, 5:19 AM
Kamdilichukwu
Kamdilichukwu - avatar
0
If this still didn't help you with your problem, then feel free to message me on my sololearn accout!
16th Mar 2024, 4:44 AM
<!DOCTYPE html><LESS ACTIVE>
<!DOCTYPE html><LESS ACTIVE> - avatar