Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,162,012 members, 7,849,078 topics. Date: Monday, 03 June 2024 at 02:20 PM |
Nairaland Forum / Science/Technology / Webmasters / Learn Web Design LIVE On Nairaland!!! (526866 Views)
Learn Bulk SMS Web Design LIVE On Nairaland!!! Www.buymoresms.com / Web Design Live On Nairaland, Professional / Forum Website (2) (3) (4)
(1) (2) (3) ... (12) (13) (14) (15) (16) (17) (18) ... (121) (Reply) (Go Down)
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:52pm On Sep 20, 2013 |
There are numerous CSS rules that can be used to modify an HTML table. We will consider the most used of these. 1)Background color and color: The property 'background-color' is used to set the color of the background of cells in a table. It can be used for the table header<th>, table data<td> and the whole table. The color of the text that appears in the cell is now altered with the property 'color'. E.g table{background-color:black; color:white; } 3 Likes 2 Shares |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:53pm On Sep 20, 2013 |
2)Border: When using tables to present tabular information, you may want to make the borders visible. This is so by default. You can still specify it though, and add the thickness and color of it. E.g table{border:1px black} You can make the border invisible by setting the thickness to 0px. NOTE:Make sure that you did not set the border thickness in the corresponding HTML file. If you notice, the table by default, has a border for the table head<th>, table data<td> and the table itself. Most times, you will want to avoid this. In this case, the 'border-collapse' property comes to play. Syntax: table{border-collapse:collapse} 2 Likes 3 Shares |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:54pm On Sep 20, 2013 |
3)Dimensions: You will never want to try setting up a table without specifying its dimensions. This is done by...the 'width' and 'height' properties, you guessed right. table{width:250px height:100px} NOTE:The unit of the table dimensions can also be specified in %. With this, a table's dimension will be a certain percentage of another element. This will be discussed in full later in CSS Styling. 2 Likes 3 Shares |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:55pm On Sep 20, 2013 |
4)Alignment: The text in different cells of a table can have their alignment altered with the following properties: a)text-align: This is used to set the position of text in a cell, at the left, right or center. b)v-align: This is used to specify the vertical postion of text. Top, bottom or center E.g th{ text-align:center; v-align:bottom; } 2 Likes 3 Shares |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:57pm On Sep 20, 2013 |
5)Padding: When you pad something, you cushion its edges right? The same applies here. You can specify the amount of space between content in a cell and its borders with the padding property. E.g td{ padding:5px} The rule above, would add 5px of padding at the top, right, bottom and left. 3 Likes 3 Shares |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:01am On Sep 21, 2013 |
Now, lets check out a pictorial illustration of styling tables with CSS. The first image you shall see is an HTML table with no CSS styling. The image of the code to the table has been posted earlier, when treating HTML tables. 2 Likes 2 Shares
|
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:04am On Sep 21, 2013 |
Now, consider this CSS style sheet. 2 Likes 3 Shares
|
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:06am On Sep 21, 2013 |
Which will produce this: (Please, do not mind the aesthetics) 3 Likes 2 Shares
|
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 8:51am On Sep 21, 2013 |
Oya, everybody submit ur assignment. Latest 14 market dayz. @iyenimofe. Ride on boss, my grand mama say she be call ur # yesterday, bt busy, she go call u for night call today |
Re: Learn Web Design LIVE On Nairaland!!! by Henrique99: 5:54pm On Sep 22, 2013 |
O.p ure doin a gr8 job.hw i wish say i start d class 4rm d begining wit u |
Re: Learn Web Design LIVE On Nairaland!!! by Ganiyu11: 10:59pm On Sep 22, 2013 |
I need service of a web developer urgently. Please, send me an email to gtechinternet@yahoo.com to get started. |
Re: Learn Web Design LIVE On Nairaland!!! by newshubngcom(m): 12:59pm On Sep 23, 2013 |
This is a good initiative and i believe you can move it a notch higher by globalizing your reach. you sign up to tutor a class on [url]khanacademy.com [/url] if you are sure you have the skill. However you may need a website of your own to drive your online presence and personality. These guys are in Nigeria and they can help you set up a classy 1pager site. you can take a peep [url]www.elsorn.com [/url] Do keep up the good work to strategically place yourself. The future is all about the Youths. 1 Like 1 Share |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:12pm On Sep 23, 2013 |
Henrique99: O.p ure doin a gr8 job.hw i wish say i start d class 4rm d begining wit uNot too late. Begin and you can catch up in a week or so. The topics are discussed in bits to enhance simplicity and understanding with little help. newshubng.com:Y.S.G |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:40pm On Sep 23, 2013 |
So far we have considered 10 parts in our CSS tutorials. We have discussed the CSS syntax, explained what a selector is and its types. Properties and their values, ways CSS rules can be applied to am HTML document, e.t.c. In Summary the treated topics are : SECTION 1 1-Introduction to CSS 2-CSS Cascading and Inheritance- Inline Style, Inline Style Sheet, External Style Sheet 3-CSS Syntax 4-CSS Selectors SECTION 2 5-Styling Text with CSS 6- Styling Backgrounds with CSS 7-Styling Fonts of Text 8-Styling Links with CSS 9-Styling Lists with CSS 10-Styling Tables with CSS 3 Likes 3 Shares |
Re: Learn Web Design LIVE On Nairaland!!! by theguy12(m): 1:46pm On Sep 24, 2013 |
Re: Learn Web Design LIVE On Nairaland!!! by AliAbdul: 12:19am On Sep 25, 2013 |
wow visit http://naijaconnect.ml |
Re: Learn Web Design LIVE On Nairaland!!! by WINDSOW(m): 7:11am On Sep 25, 2013 |
brownlord: STILL BY THAT SAME POWER BESTOWED ON ME ON THAT DAY, WHERE ALL MY 143 FATHERSIS, WEB GUGURUS WHERE MADE IN STATIC POSITION, I AND ONLY I THE ONLY CLASS CAPTAIN OF THIS DEPARTMENT AND AT THE SAME TIME THE MOUTH PIECE OF THE GODS, HEREBY ADOPT THE DECISION OF OUR LECTURER IYENOMOFE TO MOVE ON TO THE NEXT LEVEL BEEN CSS, ANY ATTEMPT OR ATTEMPTED ATTEMPT FOR ANYONE TO GO PARIPASU, EXPLOSION REMAIN THE CASE.<Body>Amua is veberating in †ђξ lingua of †ђξ carried.Baba may Y̶̲̥̅̊o̶̲̥̅̊Your dazes be long</br> Ȋ̝̊̅ remain AjeboPoly from ileya du poly</body> |
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 8:09pm On Sep 25, 2013 |
WINDSOW: S.F du no to cultism I still remain, Ilya bensu connection, AAU, Ekp. ( Ekpoma Kill People ) in particular. Walk and stumble not. @class. Abeg make una no mind d language o. Na our prog. Language be that. Mr Lecturer sir. Ehen is our mid semester exam? |
Re: Learn Web Design LIVE On Nairaland!!! by brucebanner: 9:44pm On Sep 25, 2013 |
brownlord:They ought to rusticate you guys... |
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 10:49pm On Sep 25, 2013 |
brucebanner: Haba bros, u want to rusticate the captain of d class? U hash anyway temper justina with martins |
Re: Learn Web Design LIVE On Nairaland!!! by wisemania(m): 12:11am On Sep 26, 2013 |
WINDSOW:d baruda is highly Karid.... |
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 8:22pm On Sep 26, 2013 |
wisemania: Who r wah to fire that jara, peter i know, banabas i know not |
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 8:24pm On Sep 26, 2013 |
@ iyenimofe, Greetings Mr Lecturer hope you are doing fine. When is our next class sir? |
Re: Learn Web Design LIVE On Nairaland!!! by Neduzze5(m): 9:02pm On Sep 26, 2013 |
I am a New Student oh. Student Form <form> First name:<input type="text" name="Neduzze5" size="6"> <input type="text" name="Lastborn" size="6"> <br> Password:<input type="12345" name="password" maxlength="20"> <br> I am Human: <input type="radio" name="human" value="yes">Yes </select> <form action="http://www.mysite.pageforform.asp" method="get"> <input type="submit" name="submit" value="Submit"> </form> 5 Likes 1 Share |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:22pm On Sep 26, 2013 |
We shall now move to one of the most interesting parts of CSS styling- The Box Model. 2 Likes 2 Shares |
Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 10:55pm On Sep 26, 2013 |
Its time to start boxing boys for this class |
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 11:03pm On Sep 26, 2013 |
iyenimofe: We shall now move to one of the most interesting parts of CSS styling- The Box Model. Okay, although am not finding this CSS easy, but no qualms i go find time go night class for am, bn too busy may be thats why. Hope you doing good Mr Lecturer? |
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 11:05pm On Sep 26, 2013 |
Neduzze5: I am a New Student oh. Go bursary go pay your dues, make you go change am to receipt for admin block before you come here, nai una take dey fail so, una no sabi say una go ask questions 1 Like |
Re: Learn Web Design LIVE On Nairaland!!! by Emyo(m): 6:02am On Sep 27, 2013 |
Haven read from page 0 to 14..haven done all the <open tag> and </close>, and finally tested the web page created through firefox, I got this funny but hectic question to ask. Class mates please, what else should I do now that I have created html web pages from sign form to login form etc. How do I then make it a website that when i signup, another page flows in like that like that |
Re: Learn Web Design LIVE On Nairaland!!! by Neduzze5(m): 6:43am On Sep 27, 2013 |
Emyo: Haven read from page 0 to 14..haven done all the <open tag> and </close>, and finally tested the web page created through firefox, I got this funny but hectic question to ask. Me and you get almost the same question but I dey feel say na css work be that! |
Re: Learn Web Design LIVE On Nairaland!!! by Neduzze5(m): 6:45am On Sep 27, 2013 |
And CSS is not smiling oh |
(1) (2) (3) ... (12) (13) (14) (15) (16) (17) (18) ... (121) (Reply)
Domain Name Business; The Easiest & The Most Profitable Online Venture / How To Download Youtube Videos Using The ‘ss’ Trick
(Go Up)
Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health religion celebs tv-movies music-radio literature webmasters programming techmarket Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 39 |