Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,162,012 members, 7,849,078 topics. Date: Monday, 03 June 2024 at 02:20 PM

Learn Web Design LIVE On Nairaland!!! - Webmasters (15) - Nairaland

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 u
smiley Not 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:
This is a good initiative and i believe you can move it a notch higher by globalizing your reach.
Do keep up the good work to strategically place yourself.
The future is all about the Youths.
Y.S.G smiley
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
smiley
Re: Learn Web Design LIVE On Nairaland!!! by AliAbdul: 12:19am On Sep 25, 2013
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.

FURTHERMORE

ALL STUDENTS OF THIS DEPARTMENT ARE TO SUBMIT THEIR ASSIGNMENT LATEST 14 MARKET DAYS.
TO GOD HAVE SERIOUSLY LANDED.

</HTML>
<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:
<Body>Amua is veberating in †ђξ lingua of †ђξ carried.Baba may Y̶̲̥̅̊o̶̲̥̅̊Your dazes be long</br>
‎​Ȋ̝̊̅ remain AjeboPoly from ileya du poly</body>

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:

S.F du no to cultism I still remain, Ilya bensu connection, AAU, Ekp. ( Ekpoma Kill People ) in particular.
They ought to rusticate you guys...
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 10:49pm On Sep 25, 2013
brucebanner:
They ought to rusticate you guys...

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:
<Body>Amua is veberating in †ђξ lingua of †ђξ carried.Baba may Y̶̲̥̅̊o̶̲̥̅̊Your dazes be long</br>
‎​Ȋ̝̊̅ remain AjeboPoly from ileya du poly</body>
d baruda is highly Karid....
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 8:22pm On Sep 26, 2013
wisemania:
d baruda is highly Karid....

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.

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>

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.

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

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
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.