Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,154,150 members, 7,821,924 topics. Date: Wednesday, 08 May 2024 at 09:52 PM |
Nairaland Forum / Iyenimofe's Profile / Iyenimofe's Posts
(1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (of 11 pages)
Webmasters / 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 |
Webmasters / 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 |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:02pm On Sep 20, 2013 |
PART 10 Styling Tables with CSS We treated tables in HTML. Certain. If you can recall, we discussed that tables-with the <table>-are used to arrange tabular data. Most designers, in the past, used tables to design whole web pages and in essence, whole websites. CSS put an end to that. With CSS, we can utilize an element called div tags-which we will discus in full later-to style web pages. So, it will be deemed archaic if you use tables to create your sites. However, tables are very powerful tools that can be used for multi purposes, if properly utilized. In this part we shall discuss some basic rules that can transform a traditional black and white table into something more interesting. 3 Likes 2 Shares |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 8:34pm On Sep 19, 2013 |
Sorry for the delay in posting the the next part. It shall be posted in the next 18 hours. We are never going on strike, though. 1 Like |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 7:13am On Sep 18, 2013 |
visita: Pls op can u kindly go over how to reconcile my HTML with CSS?https://www.nairaland.com/1383359/learn-web-design-live-nairaland/10 3 Likes 1 Share |
Business / Re: Business Logos With Subliminal Messages by iyenimofe(m): 6:43pm On Sep 17, 2013 |
Promhize: #2: Tour De FranceI must say:"Nice Interpretation of the yellow circle." Promhize: #15: Baskin Robbins1312 flavours?! |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:03pm On Sep 17, 2013 |
The next part is Styling Tables with CSS 1 Like 1 Share |
Webmasters / Re: Please, Can Someone Recommend Me Books For Computer Science, Java And Programin by iyenimofe(m): 11:17am On Sep 17, 2013 |
Check out the 'I Want to Learn Programming' thread in the Programming section.(Here on NL) The links provided there refer to good ebooks. |
Career / Re: Movies All Entrepreneurs Should Watch by iyenimofe(m): 11:03am On Sep 17, 2013 |
tunamania: you need to add JOBS to the list.. Afam4eva: Not forgetting JOBSI definitely think the movie, JOBS should be watched. Even though I haven't watched the movie, reviews about the movie have increased this urge of mine to download and/or watch the movie. And not forgetting that the movie immortalises Steve Jobs, one of the unerasable names in the history of computers. And of course the wonderful actor, Ashton Kutcher... |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:49am On Sep 17, 2013 |
isaiah981: i dont understand the target attribute in linkThis attribute specifies where a linked document will be opened. By default, a linked document is opened in the same tab. However, this can be altered by different values that will make the linked document open in a new tab or window. 3 Likes 1 Share |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 2:51am On Sep 15, 2013 |
Styling Ordered Lists with values roman and alpha respectively 1 Like 1 Share
|
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 2:50am On Sep 15, 2013 |
Styling Unordered Lists with values square, disc and circle respectively 1 Like 2 Shares
|
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:41pm On Sep 14, 2013 |
Next, let us examine an image that explains what we have just considered. 1 Like 1 Share |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:40pm On Sep 14, 2013 |
It should also be noted that images can be used as list item markers. Syntax: ul {list-style-image: url;} 3 Likes 1 Share |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:35pm On Sep 14, 2013 |
PART 9: Styling Lists with CSS In our Introduction to HTML courses, we discussed about lists-unordered,ordered and definition. Each type of list has its peculiar feature. Each list item <li> in an unordered list is preceded with a bullet point and in an ordered list, numbers. However, this default preferences can be modified with CSS. 1)Styling Unordered Lists: The bullet point that appears in unordered lists by default is a type of list item marker. A new list item marker can be set with the property- list-style-type. The possible values for this property are none,disc,circle and square. Syntax selector{list-style-type:value} 2)Ordered Lists: Instead of digits 1,2,3,4,e.t.c other list item markers can be used. The possible values for the property list-style-type are alpha, roman, greek, latin, e.t.c Syntax selector{list-style-type:value} 3 Likes 3 Shares |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:03pm On Sep 14, 2013 |
jay4genius: Boss Iyenimofe, Kudos to u for your selfless work. Please, how can i create a school site like this: amvilleschools.com can i do it with wordpress, joomla or dreamweaver??Why do you not want to try coding from the scratch? 1 Like |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:11pm On Sep 13, 2013 |
CSS Rule above applied to an HTML document. 4 Likes 2 Shares
|
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:10pm On Sep 13, 2013 |
CSS Rule 2 Likes 3 Shares
|
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 2:08pm On Sep 13, 2013 |
Next, lets view an image that discusses the CSS rules we have discussed. 1 Like |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 1:45pm On Sep 13, 2013 |
The property text-decoration, can be used to make a link underlined. Syntax a:link:{text-decoration:none} NOTE: 'link' in 'a:link' can be replaced with visited, hover or active. 3 Likes 4 Shares |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 1:12pm On Sep 13, 2013 |
Remember that the color name can be a color name, an HEX value or a RGB value. 2 Likes 1 Share |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 1:11pm On Sep 13, 2013 |
PART 8:Styling Links with CSS By default, an unvisited link is blue, a visited link is purple and an active link is red. The just concluded statement has been discussed in an HTML post. However, we might need to change this f the color of links match with the color of the page text or just for aesthetic purposes. There are many ways to go about this but the easiest way to this is what I shall discuss. Syntax a:link {color:color name;} a:visited {color:color name;} a:hover {color:color name;} a:active {color:color name;} NOTE: 1)a:link refers to an unvisited link 2)a:hover can appear only after a:link has been specified 3)a:active can appear only after a:hover has been specified 2 Likes 4 Shares |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 1:01pm On Sep 13, 2013 |
Thus, if we want to style the<p> tag, it will be something like this: p{font-family:"Lucida Console", "Courier New", Monospace; font-size:17px; } 4 Likes 3 Shares |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:14pm On Sep 13, 2013 |
The font-size property: This is included to specify the size of a text in a particular unit e.g pixels. It can be used to specify size for paragraphs, headings,e.t.c. However, do not increase the size of your paragraph text or any element to make it appear as headings. The h1-h6 tags are used for this. If you ignore this, it will affect the structure of your page when it is indexed by search engines. E.g p{font-size:17px;} If the font-size is not set, the default size of the element is used. 3 Likes 3 Shares |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:04pm On Sep 13, 2013 |
Editing Fonts: To change the font of a text, the font name would be included as the value of the property-'font-family'. E.g p{font-family:Arial;} However, it is better to include more than one font-family name. This is important if a browser does not support the included font. p{font-family:Arial, Verdana, Sans-Serif;} NOTE: 1) The font family names are separated by commas and not semi-colons. This is because the font family names are not different values but options for a value. 2) The first font-family name is the first choice followed by the second one ...,e.t.c 3)At the end of the font-family name options, include the generic font name. The browser will use this to select a font if none of the fonts you included are supported by the browser. 4) Contain font-family names that are in multiple words, in double quotation marks. E.g "Times New Roman" 4 Likes 3 Shares |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:34pm On Sep 11, 2013 |
2)Font Family: These are more specific. E.g Times New Roman, Verdana, e.t.c 2 Likes 2 Shares |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:32pm On Sep 11, 2013 |
The terms that most of us familiarize with the term 'fonts'- Times New Roman,Comic Sans, e.t.c are more detailed. Fonts could be classified as a generic or font family. 1)Generic Family: This classifies fonts in a general way. It is the main classification of fonts. You might have heard of the terms 'serif' and 'sans serif'. They are part of the generic family. The generic family consists of, in full: a)Serif:Fonts that fall under serif(e.g Times New Roman) have lines at the end of most of their characters and thus, tend to be used for designed texts. b)Sans Serif: These are the opposite of serif. They do not have these little lines and thus are used in context with much words. E.g Arial c)Mono Space: Mono means one. These fonts have significant 'one space' between each character. E.g Lucida Console 5 Likes 2 Shares |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:21pm On Sep 11, 2013 |
PART 7: Styling Fonts of Text Once again, we treat an untouched aspect-fonts. I am sure most of you know what fonts are. Just for clarity, they define the way a text appears i.e its design, boldness, style, e.t.c. So while you will use the color attribute to change the color of a text, you will use the font, for fonts. 3 Likes 2 Shares |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:59am On Sep 11, 2013 |
visita: op i really appreciate your effort right from HTML, please isn't it possible for you to show us examples just like you did in HTML?No problem bro, just wait for the time. |
Webmasters / Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:59pm On Sep 10, 2013 |
Opey4luv: The first time this gentle student will be talking in the class, Thanks boss. Attending class at 11:58 isn't a joke.Hope you got a cup of cofee |
Webmasters / Re: Clients From Hell Quotes by iyenimofe(m): 11:58pm On Sep 10, 2013 |
#10. CLIENT: Can our customers visit our website while they’re in our restaurant? ME: Of course, they can visit the website on their smartphone or laptop. Does your restaurant have WiFi available for customers? CLIENT: No, not yet. But maybe you can put WiFi on our website? 4 Likes |
Webmasters / Re: Clients From Hell Quotes by iyenimofe(m): 11:57pm On Sep 10, 2013 |
#9 CLIENT: Should I send the logo as jpg or jpeg? ME: Send it wtf. CLIENT: What’s that? ME: I’m joking with you, send it as a png. CLIENT: Nice try, but I’m not that stupid. |
(1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (of 11 pages)
(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 |