| Casual Articles |
Hubs | Hubbers | Topics | Request |
| #1 in Business | Subscribe Email Print |
|
You are here: Home > Internet and Businesses Online > Web Development > Creating Your Own Web Page is Easy - A Tutorial (Part 2) |
|
Casual Articles - Creating Your Own Web Page is Easy - A Tutorial (Part 2)
Home Based Businesses Are Becoming More And More Popular And Are Here To Stay n: static or fixed - This follows the normal flow. This is also affected by the other boxes except for the absolutely positioned ones. You need to define the width or the left and right margin.You might have been dreaming about having your own home based business but wonder if it could really work. The truth is that it can work and will be as successful as you make it. With careful planning and market research you will be able to come up with a product that could or could not be unique, but that catches the eye of the public. As long as you have a good marketable product you are set for success.Most new comers to the home based business scene opt for the online business. It is so much easier to market your product when you only have the internet. You have people looking day and night for products who enjoy shopping online visiting your website. Many people all over the world have discovered the convenience of shopping online. It is a lot of fun as well, often you end up buying things that you did not intend to just because you see them advertised and it is so easy to make a purchase.Most of the products offered online are about various types of information. Shoppers pay for information about anything. It is easier to pay for information you want about any subject rather than having to look it up in the library or where ever else you may find it. There is no shipping of products required as the products are delivered electronically in the form of audio files, e books, videos or sof Now, see the illustration below that will create 5 boxes, namely: headerbox, leftbox, centerbox, rightbox and footerbox. These are liquid boxes, which automatically adjust in width when the display window size of the computer is changed: style type="text/css" body { text-align: center; margin: 1px; } #headerbox { width: 100%; height: 15%; background-color: #9cf; border: 1px solid #00f; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #rightbox { float: right; width: 20%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #leftbox { float: left; margin-top: 5px; width: 20%; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #centerbox { width: 99%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #footerbox { width: 100%; text-align: center; height: 15%; vertical-align: middle; margin-top: 5px; background-color: #9cf; border: 1px solid #00f; } /style /head body div id="headerbox"HEADERBOX content area/div div Domain Name Choice - How to Choose a Good Domain Name Now, Let's continue with Part 2. We will discuss the following here:People new to the internet often tend to book a domain name before they have a website. This is quite the reverse approach and it happens because most people are not aware of the implications behind something as simple as a domain name. There are many small aspects like researching keywords, finding the most relevant search parameters, and understanding how your industry niche works on the internet before you can settle on the right domain name for your business.If your company name is already popular on some level and people recognize your brand then it is always wise to use the company name as your domain name. The same applies in case you have already launched offline marketing campaigns. Once your brand is established it is never wise to switch to another. However, if you are still working to establish your brand image or you have a new product that can serve as a new branding scheme then you should go for a domain name that describes your product or service rather than the name of the company or product.The keywords must be part of your domain name because all links will be keyword rich. Use hyphens to separate keywords and make meaningful domain names. Hyphens are easier to read and search engines prefer them too.When you have to basic domain name it is also important to book as many varia Creating tables Using CSS boxes as webpage layout Here's how: Creating tables Tables are very useful in the presentation of data. The following are the html tags to be used to create a basic table: Single-column table: table width="400" border="1" cellspacing="2" cellpadding="4"> trtdrow 1 data/td/tr trtdrow 2 data/td/tr /table Type the above in your mywebpage.html within the body tags, save and refresh your browser. That's the table on the web. Referring to the above html codes, width refers to the width of the whole table (you may also use pixel here like "800"), border is the outside line or outline of the table, cellspacing is the space between the cells, cells are the area where the data are located, cellpadding is the space between border and cells. You may change the values of these table attributes or properties based on your preference or requirement. Though the above table html codes are still working, W3C.org requires the table properties or attributes be defined in the style sheets or CSS. Using CSS, the above table properties could be presented as follows: Within style tags in the head: .type1 { width: 400px; padding: 4px; margin: 2px; } .border { border: 1px solid #000; } Then, within the body tags: table class="type1 border" trtdrow 1 data/td/tr trtdrow 2 data/td/tr /table Looking at the codes, "type1" is preceded by dot (.), meaning it is a class selector. For the next type of table properties or attributes, you may label it as type2, then type3 and so on or with other names you prefer. "border" is also a class selector and "border: 1px solid #000" is the thickness (1px), border type (solid) and color (#00f) of the border. There are more discussions of CSS in "Creating CSS boxes as web page layout" and in "Using CSS in styling your web pages" If you want to try the above, then type the codes within the style and body tags as noted, save it and refresh your browser. It must be the same as the first one. Now, let's make a 2-column or multi-column table: table width="400" border="1" cellspacing="2" cellpadding="4" trtdrow 1 data 1/td tdrow 1 data 2/td/tr trtdrow 2 data 1/td tdrow 2 data 2/td/tr /table Type the above in your mywebpage.html within the body tags, save and refresh your browser. That's the 2-column table on the web. To add a column, just insert td/td after /td. 1 td/td is one column, 1 tr/tr is one row and 1 table/table is one table. Now, lets make a table with 1 main heading and 3 subheadings: table width="400" border="1" cellspacing="2" cellpadding="4" trtd colspan="3"Main Heading/td/tr trtdSubheading 1/td tdSubheading 2/td tdSubheading 3/td/tr trtdrow 1 data 1/td tdrow 1 data 2/td tdrow 1 data 3/td/tr trtdrow 2 data 1/td tdrow 2 data 2/td tdrow 2 data 3/td/tr /table Type the above in your mywebpage.html within the body tags, save and refresh your browser. See? Yes, just use colspan to merge the columns. To merge 2 columns, use colspan="2" and for 3 columns, use colspan="3" and so on. If you want to merge rows, use rowspan instead of colspan. See this example: table width="400" border="1" cellspacing="2" cellpadding="4" trtd rowspan="2"merge row data/td tdrow 1 data 2/td/tr trtdrow 2 data 2/td/tr /table Now, type the above in your mywebpage.html within the body tags, save and refresh your browser. Now, you see that 2 rows in your first column were merged. Try creating your own table using different values to familiarize yourself in manipulating tables. bCreating CSS boxes for web page layout/b Before, tables are being used as layout of a web page. So, the header, right bars, left bars, main content areas and footer are inside of a table. This slows down the loading of the page as the browser will have to complete first the table before it will display the content. Your visitor may have already left before your page could be displayed. If you prefer to use table as your layout, you have to avoid using big tables. You better use small tables to allow the browser display your page little by little but faster. Though table could still be used, W3C requires CSS boxes to be used for layout instead of tables due to the issue of accessibility. CSS boxes load faster than tables. These could be controlled within the style sheets that could be within the head tags or in separate CSS file. The most critical part in css boxes is the positioning. So, I'll explain to you the positioning properties of these boxes, based on my experience: position: absolute - You have to define the x-axis and y-axis as point of reference of the corner of the box. x-axis is either left or right and y-axis is either top or bottom. You have to define also the width or the left and right margin or padding of the box. The box is not affected by the preceding or subsequent boxes. Likewise, the boxes preceding or following the boxes that are positioned as absolute are also not affected. float: left or right - You need to fix the width. You also need to select if left or right. The box will lean on the side you selected. It will lean on the box preceding it if there is enough space for it. This is affected by the other boxes except for the absolutely positioned boxes. no position or position: static or fixed - This follows the normal flow. This is also affected by the other boxes except for the absolutely positioned ones. You need to define the width or the left and right margin. Now, see the illustration below that will create 5 boxes, namely: headerbox, leftbox, centerbox, rightbox and footerbox. These are liquid boxes, which automatically adjust in width when the display window size of the computer is changed: style type="text/css" body { text-align: center; margin: 1px; } #headerbox { width: 100%; height: 15%; background-color: #9cf; border: 1px solid #00f; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #rightbox { float: right; width: 20%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #leftbox { float: left; margin-top: 5px; width: 20%; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #centerbox { width: 99%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #footerbox { width: 100%; text-align: center; height: 15%; vertical-align: middle; margin-top: 5px; background-color: #9cf; border: 1px solid #00f; } /style /head body div id="headerbox"HEADERBOX content area/div div i Holistic Recruiting – A New Age For HR Specialists & Executives /tr
trtdrow 2 data/td/tr
/tableGone are the days of simply getting hired because you have the proper job qualifications and experience. The new HR specialist is looking at a holistic recruiting approach.In simple terms "Emphasizing the importance of the whole person, and the interdependence of its parts", as defined in the dictionary. Meaning simply, recruiters are looking at the complete you, and not just the standard qualifications and experience you bring to the table.Through holistic recruiting, the HR specialist now looks at the complete you. And it's your emotional intelligence that defines the best part of the holistic approach to hiring. Your core values as a person drive your EQ or emotional intelligence. As such, the better you score at the EQ level, the better equipped you are for fast track hiring and thus, promotion. If you already communicate well, and understand all that's involved in being an active listener, then your EQ is already on solid ground.Example: In the past, we've all seen employees promoted well beyond their capabilities. Yes, they were very good at their job, and as such worthy of being promoted to supervisor level. Their EQ, or emotional intelligence, was never a factor, and thus we have all kinds of great workers promoted into positions they are totally unable to manage. Having the skill to do Looking at the codes, "type1" is preceded by dot (.), meaning it is a class selector. For the next type of table properties or attributes, you may label it as type2, then type3 and so on or with other names you prefer. "border" is also a class selector and "border: 1px solid #000" is the thickness (1px), border type (solid) and color (#00f) of the border. There are more discussions of CSS in "Creating CSS boxes as web page layout" and in "Using CSS in styling your web pages" If you want to try the above, then type the codes within the style and body tags as noted, save it and refresh your browser. It must be the same as the first one. Now, let's make a 2-column or multi-column table: table width="400" border="1" cellspacing="2" cellpadding="4" trtdrow 1 data 1/td tdrow 1 data 2/td/tr trtdrow 2 data 1/td tdrow 2 data 2/td/tr /table Type the above in your mywebpage.html within the body tags, save and refresh your browser. That's the 2-column table on the web. To add a column, just insert td/td after /td. 1 td/td is one column, 1 tr/tr is one row and 1 table/table is one table. Now, lets make a table with 1 main heading and 3 subheadings: table width="400" border="1" cellspacing="2" cellpadding="4" trtd colspan="3"Main Heading/td/tr trtdSubheading 1/td tdSubheading 2/td tdSubheading 3/td/tr trtdrow 1 data 1/td tdrow 1 data 2/td tdrow 1 data 3/td/tr trtdrow 2 data 1/td tdrow 2 data 2/td tdrow 2 data 3/td/tr /table Type the above in your mywebpage.html within the body tags, save and refresh your browser. See? Yes, just use colspan to merge the columns. To merge 2 columns, use colspan="2" and for 3 columns, use colspan="3" and so on. If you want to merge rows, use rowspan instead of colspan. See this example: table width="400" border="1" cellspacing="2" cellpadding="4" trtd rowspan="2"merge row data/td tdrow 1 data 2/td/tr trtdrow 2 data 2/td/tr /table Now, type the above in your mywebpage.html within the body tags, save and refresh your browser. Now, you see that 2 rows in your first column were merged. Try creating your own table using different values to familiarize yourself in manipulating tables. bCreating CSS boxes for web page layout/b Before, tables are being used as layout of a web page. So, the header, right bars, left bars, main content areas and footer are inside of a table. This slows down the loading of the page as the browser will have to complete first the table before it will display the content. Your visitor may have already left before your page could be displayed. If you prefer to use table as your layout, you have to avoid using big tables. You better use small tables to allow the browser display your page little by little but faster. Though table could still be used, W3C requires CSS boxes to be used for layout instead of tables due to the issue of accessibility. CSS boxes load faster than tables. These could be controlled within the style sheets that could be within the head tags or in separate CSS file. The most critical part in css boxes is the positioning. So, I'll explain to you the positioning properties of these boxes, based on my experience: position: absolute - You have to define the x-axis and y-axis as point of reference of the corner of the box. x-axis is either left or right and y-axis is either top or bottom. You have to define also the width or the left and right margin or padding of the box. The box is not affected by the preceding or subsequent boxes. Likewise, the boxes preceding or following the boxes that are positioned as absolute are also not affected. float: left or right - You need to fix the width. You also need to select if left or right. The box will lean on the side you selected. It will lean on the box preceding it if there is enough space for it. This is affected by the other boxes except for the absolutely positioned boxes. no position or position: static or fixed - This follows the normal flow. This is also affected by the other boxes except for the absolutely positioned ones. You need to define the width or the left and right margin. Now, see the illustration below that will create 5 boxes, namely: headerbox, leftbox, centerbox, rightbox and footerbox. These are liquid boxes, which automatically adjust in width when the display window size of the computer is changed: style type="text/css" body { text-align: center; margin: 1px; } #headerbox { width: 100%; height: 15%; background-color: #9cf; border: 1px solid #00f; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #rightbox { float: right; width: 20%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #leftbox { float: left; margin-top: 5px; width: 20%; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #centerbox { width: 99%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #footerbox { width: 100%; text-align: center; height: 15%; vertical-align: middle; margin-top: 5px; background-color: #9cf; border: 1px solid #00f; } /style /head body div id="headerbox"HEADERBOX content area/div div 5 Key How To Start a Travel Agency Steps to Instantly Increase Sales cellpadding="4"
trtd colspan="3"Main Heading/td/tr
trtdSubheading 1/td
tdSubheading 2/td
tdSubheading 3/td/tr
trtdrow 1 data 1/td
tdrow 1 data 2/td
tdrow 1 data 3/td/tr
trtdrow 2 data 1/td
tdrow 2 data 2/td
tdrow 2 data 3/td/tr
/tableCongratulations on recently starting a travel business. But do not rest now. Your work is not done yet. You need to unleash key tactics to enable relentless, sustained business growth to occur. Let’s look at the quickest, fastest and easiest strategies to build sales right now for a travel agency starting off.1. Follow up every enquiry with 5 multiple professional communications.Burn this secret into your mind. To build any business to consumer relationship you need to accept that several contacts should be considered the norm and not the exception when dealing with your prospects. Three, five or seven contacts or communications with your enquirer virtually means a booking will result with you rather than a hit or miss one contact approach.The biggest mistake most new travel businesses make is to NOT consistently follow up every enquiry. The best way to enable this to happen is to have a sales system whereby every consultant professionally and without fear is trained to simply have 3 or 5 or 7 communications after someone enquiries. I recommend you start with producing a simple 5 step sales system. Here is how you go about it.An example would be where a quotation has been given to a prospect (Step 1). Of course you have attempted to close the sale professionally but we know it will be nor Type the above in your mywebpage.html within the body tags, save and refresh your browser. See? Yes, just use colspan to merge the columns. To merge 2 columns, use colspan="2" and for 3 columns, use colspan="3" and so on. If you want to merge rows, use rowspan instead of colspan. See this example: table width="400" border="1" cellspacing="2" cellpadding="4" trtd rowspan="2"merge row data/td tdrow 1 data 2/td/tr trtdrow 2 data 2/td/tr /table Now, type the above in your mywebpage.html within the body tags, save and refresh your browser. Now, you see that 2 rows in your first column were merged. Try creating your own table using different values to familiarize yourself in manipulating tables. bCreating CSS boxes for web page layout/b Before, tables are being used as layout of a web page. So, the header, right bars, left bars, main content areas and footer are inside of a table. This slows down the loading of the page as the browser will have to complete first the table before it will display the content. Your visitor may have already left before your page could be displayed. If you prefer to use table as your layout, you have to avoid using big tables. You better use small tables to allow the browser display your page little by little but faster. Though table could still be used, W3C requires CSS boxes to be used for layout instead of tables due to the issue of accessibility. CSS boxes load faster than tables. These could be controlled within the style sheets that could be within the head tags or in separate CSS file. The most critical part in css boxes is the positioning. So, I'll explain to you the positioning properties of these boxes, based on my experience: position: absolute - You have to define the x-axis and y-axis as point of reference of the corner of the box. x-axis is either left or right and y-axis is either top or bottom. You have to define also the width or the left and right margin or padding of the box. The box is not affected by the preceding or subsequent boxes. Likewise, the boxes preceding or following the boxes that are positioned as absolute are also not affected. float: left or right - You need to fix the width. You also need to select if left or right. The box will lean on the side you selected. It will lean on the box preceding it if there is enough space for it. This is affected by the other boxes except for the absolutely positioned boxes. no position or position: static or fixed - This follows the normal flow. This is also affected by the other boxes except for the absolutely positioned ones. You need to define the width or the left and right margin. Now, see the illustration below that will create 5 boxes, namely: headerbox, leftbox, centerbox, rightbox and footerbox. These are liquid boxes, which automatically adjust in width when the display window size of the computer is changed: style type="text/css" body { text-align: center; margin: 1px; } #headerbox { width: 100%; height: 15%; background-color: #9cf; border: 1px solid #00f; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #rightbox { float: right; width: 20%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #leftbox { float: left; margin-top: 5px; width: 20%; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #centerbox { width: 99%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #footerbox { width: 100%; text-align: center; height: 15%; vertical-align: middle; margin-top: 5px; background-color: #9cf; border: 1px solid #00f; } /style /head body div id="headerbox"HEADERBOX content area/div div The Four Top Secrets of Business Development and Risk Management s, left bars, main content areas and footer are inside of a table. This slows down the loading of the page as the browser will have to complete first the table before it will display the content. Your visitor may have already left before your page could be displayed. If you prefer to use table as your layout, you have to avoid using big tables. You better use small tables to allow the browser display your page little by little but faster.Everyone loves a winner! In the business world, the more money you make, the more effective and successful you and your business become. This truism is consistently born out by top business owners who take their ideas to market. But what are their secrets? Invariably, their success is the natural outcome of effective business development and risk management. They accomplish this by following the four steps outlined below.1. Think About It!All business activity begins with having an idea. Successful business people are thinking all the time about their business and how they can take it to the next level of development. In his classic book, “Think and Grow Rich,” Napoleon Hill starts at this very point when divulging his findings about successful businessmen, such as Andrew Carnegie. In fact, his book title starts with the word “THINK.”In business however, thinking is never divorced from knowing and doing. These three processes of thinking, knowing and doing feed on and fold back on each other in a never-ending cycle of focusing energy and productivity.2. Focus on Customer NeedsSuccessful business people take their ideas to the next stage of satisfying a customer need or want. All of their thinking is channeled into supplying a product or service that will addres Though table could still be used, W3C requires CSS boxes to be used for layout instead of tables due to the issue of accessibility. CSS boxes load faster than tables. These could be controlled within the style sheets that could be within the head tags or in separate CSS file. The most critical part in css boxes is the positioning. So, I'll explain to you the positioning properties of these boxes, based on my experience: position: absolute - You have to define the x-axis and y-axis as point of reference of the corner of the box. x-axis is either left or right and y-axis is either top or bottom. You have to define also the width or the left and right margin or padding of the box. The box is not affected by the preceding or subsequent boxes. Likewise, the boxes preceding or following the boxes that are positioned as absolute are also not affected. float: left or right - You need to fix the width. You also need to select if left or right. The box will lean on the side you selected. It will lean on the box preceding it if there is enough space for it. This is affected by the other boxes except for the absolutely positioned boxes. no position or position: static or fixed - This follows the normal flow. This is also affected by the other boxes except for the absolutely positioned ones. You need to define the width or the left and right margin. Now, see the illustration below that will create 5 boxes, namely: headerbox, leftbox, centerbox, rightbox and footerbox. These are liquid boxes, which automatically adjust in width when the display window size of the computer is changed: style type="text/css" body { text-align: center; margin: 1px; } #headerbox { width: 100%; height: 15%; background-color: #9cf; border: 1px solid #00f; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #rightbox { float: right; width: 20%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #leftbox { float: left; margin-top: 5px; width: 20%; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #centerbox { width: 99%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #footerbox { width: 100%; text-align: center; height: 15%; vertical-align: middle; margin-top: 5px; background-color: #9cf; border: 1px solid #00f; } /style /head body div id="headerbox"HEADERBOX content area/div div Honestly, Are We Really Competing Against Each Other? n: static or fixed - This follows the normal flow. This is also affected by the other boxes except for the absolutely positioned ones. You need to define the width or the left and right margin.When my current lease expires, if I trade-in my Porsche Cayenne for Cadillac, that’ll signify a win for Cadillac and a loss for Porsche, right?After all, when it comes to earning my business, these manufacturers are playing what’s termed a zero-sum game. If one wins, the other, by definition, loses.Throughout the economy there are examples of these rivalries, of pitched battles for scarce buyers. And most of us have been schooled to think that we’re incessantly competing, whether we’re students seeking scarce “A’s” in classes, or job seekers, hunting for the best positions.But the “new economy,” and especially e-commerce, are calling the traditional “me-against-the-world” mindset into question. I, for one, am finding that most of the people and companies against whom I used to think I was competing, simply aren’t significant factors in whether I earn business or fail to earn it.Here’s what I mean. I consult in the areas of customer service, telemarketing, and selling. I offer keynote speeches, seminars, on-site development programs, and a host of books, audio seminars and video seminars.My techniques are quite distinctive, and while there are some clients who love all of my stuff, and are proud to have become “Goodman-ized,” most folks don’t rely exclusively upon any single source Now, see the illustration below that will create 5 boxes, namely: headerbox, leftbox, centerbox, rightbox and footerbox. These are liquid boxes, which automatically adjust in width when the display window size of the computer is changed: style type="text/css" body { text-align: center; margin: 1px; } #headerbox { width: 100%; height: 15%; background-color: #9cf; border: 1px solid #00f; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #rightbox { float: right; width: 20%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #leftbox { float: left; margin-top: 5px; width: 20%; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #centerbox { width: 99%; margin-top: 5px; text-align: center; background-color: #cff; border: 1px solid #00f; height: 100%; } #footerbox { width: 100%; text-align: center; height: 15%; vertical-align: middle; margin-top: 5px; background-color: #9cf; border: 1px solid #00f; } /style /head body div id="headerbox"HEADERBOX content area/div div id="leftbox"LEFTBOX content area/div div id="rightbox"RIGHTBOX content area/div div id="centerbox"CENTERBOX content area/div div id="footerbox"FOOTERBOX content area/div /body First, you type the above html codes to you mywebpage.html within the head, style and body tags as noted in the above. Then, save it and refresh your browser or open the file with your browser. Are you seeing the headerbox on the top, the leftbox, rightbox and centerbox in the middle and footerbox at the bottom? Try to change the width of your browser window. See? The width of the boxes are also adjusting and that is excellent as your page will auto-adjust depending on the browser window size of your visitors! That is because I used %s in defining the width of boxes. Now, let me explain the above codes for creating boxes as your layout. headerbox - preceded with #, meaning it is an id selector and could be used only once per page; float: left means the box will lean on the left if fit; width: 100% means the box is 100% of the browser window and that is the reason why it is liquid; height: 15% means the box is 15% of the browser window; text-align: center is the alignment of the objects or characters inside the box; background-color: #9cf is the color of the space within the box; border: 1px solid #00f is same as discussed in Creating Tables. rightbox - same explanations in the above except for the float: right which means the box will lean on the right and margin-top: 5px is the distance from the bottom line of the box above (headerbox). leftbox - same explanations in the above. centerbox - same explanations in the above except that it has no position defined, meaning it will follow the normal. It will fit itself based on the available space. This will be its 100% or full size. More than this limit will distort the box alignment. footerbox - same explanations in the above except for the vertical-align: middle, which means that the objects or characters inside the box will be vertically-aligned in the middle. Try changing the values of the values of the css boxes above, then save. Refresh your browser and familiarize yourself with the effect of each change. Please note, however that there may be minor differences if the above css boxes are displayed with browsers other than internet explorer like firefox and opera. Continue with Part 3.
HTTP = HTML link (for blogs, profiles,phorums):
Related Articles:Unique Live-Auction Fundraising Strategies and Ideas
|