The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> CSS Coding, please check it and give me feedback
deb1
post Jun 13 2020, 12:49 AM
Post #1


Advanced Member
****

Group: Members
Posts: 109
Joined: 7-May 20
Member No.: 27,330



For CSS i came across a question which i am not sure how to do it ..... so i had a go at it and if some one can check it for me and tell me that if am doing it the right way or the wrong way that would be great . The html file will be saved as .html and the CSS file will be saved as .css
The places where you see "......." is where you can put any kind of text .Also if i am doing it the wrong way please explain what i am doing wrong so that i can understand smile.gif

The question is: Set some different list styles



For the html document :

<!DOCTYPE html>
<html>
<head>
<title>...</title>
</head>
<body>
<p>....</p>
<ul class="a">
<li>....</li>
<li>....</li>
<li>....</li>
</ul>
<ul class="b">
<li>....</li>
<li>....</li>
<li>....</li>
</ul>
<p>..........</p>
<ol class="c">
<li>......</li>
<li>......</li>
<li>......</li>
</ol>
<ol class="d">
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ol>
</body>
</html>


For the CSS file:

ul.a{list-style-type: circle;}
ul.b{list-style-type: square;}
ol.c{list-style-type: upper-roman;}
ol.d{list-style-type: lower-alpha;}








User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jun 13 2020, 05:00 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



What's the problem? Seems to work.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jun 13 2020, 05:40 AM
Post #3


.
********

Group: WDG Moderators
Posts: 9,653
Joined: 10-August 06
Member No.: 7



I don't see anything in the HTML that includes the CSS file. Here are a few examples on how to do it: https://htmlhelp.com/reference/css/style-html.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post Jun 13 2020, 11:10 AM
Post #4


Advanced Member
****

Group: Members
Posts: 109
Joined: 7-May 20
Member No.: 27,330



QUOTE(pandy @ Jun 13 2020, 05:00 AM) *

What's the problem? Seems to work.



The question is: Set some different list styles



so tell me is the css file info correct ? smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post Jun 13 2020, 11:13 AM
Post #5


Advanced Member
****

Group: Members
Posts: 109
Joined: 7-May 20
Member No.: 27,330



QUOTE(Christian J @ Jun 13 2020, 05:40 AM) *

I don't see anything in the HTML that includes the CSS file. Here are a few examples on how to do it: https://htmlhelp.com/reference/css/style-html.html


i just want to know if the coding is correct for the CSS file and the html file
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th April 2024 - 03:59 AM