Posts Tagged ‘css’

22
Feb

Table Align Center Html

   Posted by: admin    in Bedside Table Lamps



table align center html

Guide to basic web design – Intro and Chapter 2 (Headings, Alignment Formatting)

Its All About The Text

Now that you have created your first page we are going to look at how you can change the format of your page to suit your own specific needs.

Most of the examples I will be writing will be without all the <HTML> and <BODY> tags. You may be best to create a template so you are not writing the basic structure over and over again. All of the examples in this section need to be put in the body section.

We will be creating paragraphs, headings, changing the format and size of the text

HEADINGS

Headings are mostly used for the titles on pages and other places where you want the text to be large and stand out. Headings range in size from <H1> to <H6>.

We will create an example so you can see the size of the headings. This maybe useful to keep as it may be good as a reference in the future, until you get used to what size you want when doing headings.

Task

We will create an example so you can see the size of the headings.

Open a new notepad file and type the following HTML

<HTML>

<HEAD>

<TITLE>Heading sizes</TITLE>

</HEAD>

<BODY>

<H1>Heading size 1</H1>

<H2>Heading size 2</H2>

<H3>Heading size 3</H3>

<H4>Heading size 4</H4>

<H5>Heading size 5</H5>

<H6>Heading size 6</H6>

</BODY>

</HTML>

As you did with the first page you created go to file/save as and in the web design book folder you created save this file as headingsizes.htm.

If you double click the new file you have created, a new browser window will open and you will see 6 different lines which represent the 6 different sizes.

Spacing

Line spacing is done by using the <BR> tag. The <BR> tag basically puts a blank line in your text.

Example(try this if you wish)

Put the following in the <BODY> Section of a new web page.

My name is Freddy<BR>

I Fancy A Curry<BR><BR>

But They Give Me Gas<BR><BR><BR>

If done correctly you should see a web page where all these lines are split up some have more spaces than others. Remember each <BR> inserts a blank line. <BR> is also one of the rare times you do not need to close the tag as all it is doing is inserting a line so there is NO NEED to close it with </BR>

When you type sentences and put a space between words it is always counted as one space.

For example you could put:

Hello             My name is Freddy.

The browser would output this as:

Hello my name is Freddy.

As you can see all the spaces you entered would be removed. There is a way to avoid this you can use the <PRE> tag to make the text appear in your browser exactly as you type it but always remember to close the tag afterwards </PRE>.

Horizontal Lines

If you have ever wondered how people did the horizontal lines across the screen as I used to do you will be amazed at how easy that is.

<HR COLOR=”red”>

That is all there is to it. You can change it to whatever colour you want. Also Note that colour is spelt the American way!!

Go ahead give it a try in your heading size document. Put the above code in the Body section below any code you already have. If you are using internet explorer you will see a red line. In other browsers it maybe grey.

Alignment

Text can be aligned a number of ways Left Aligned, Right Aligned, Center Aligned and also Justified(The text on each side is aligned making the text level on both sides).

Alignment can be applied to the <H> tag and also can be applied to the <P> tag.

The <P> tag is something we have not looked at yet. The P basically stands for paragraph. So when you have a block of text you basically start with <P> then write your paragraph then close the tag with </P>. You will understand the <P> tag further on in the exercise but for now we will start with the<H> tag that we have been covering.

So as a scenario say we wanted to have a big title at the top of the page that said “Products”. But we didn’t want it on the left hand side of the page we wanted it smack in the middle of page we could use the following

<H1 ALIGN=”center”>Products</H1>

Please note that centre in any HTML code is spelt the American way.

I have highlighted the code I have just put in. Formatting of any kind generally goes in the opening tag. We tell it what we want it to do which is ALIGN then we say we want it to align to the centre by using =”center”. As you can see where we want it to align to is put in double quotes. This would do exactly what we want and put the Heading in the centre of the page.

There are also 2 more types of alignment that come in handy. You can also align text or headings to the top or bottom using VALIGN. Valign stands for “Vertical Alignment”. This may not sound like it could have any use at the moment but as you progress you will find this useful.  I won’t go into detail but I guarantee you will use this at some point so it’s worth remembering that the example is here.

<H1  VALIGN=”top”>Test</H1> – This aligns the heading to the top of the page or Table cell.

<H1 VALIGN=”bottom”>Test</H1> – This aligns the heading to the bottom of page or table cell.

Its now time for some Practical exercises.

Type the code below into a new notepad document:

<HTML>

<HEAD>

<TITLE>Text And Heading Alignment</TITLE>

</HEAD>

<BODY>

<H1 ALIGN=”center”>This is centrally aligned</H1>

<BR>

<P ALIGN=”left”>This is a  paragraph that is left-aligned to the page. The first letter of each line appears under the first letter of the previous line. You may have to add more text than this to see its actual effect. I you have high resolution your page can eat up a lot of letters before it has to go to a new line</P>

<P ALIGN=”right”>This is a paragraph that is right-aligned to the page. The Last Letter of each line appears under and level with the last letter of the previous line. You may have to add more text than this to see its actual effect. I you have high resolution your page can eat up a lot of letters before it has to go to a new line </P>

<P ALIGN=”justify”>This paragraph is justified to the page, which means

that the first and last letters of each line will appear under the first

And last letters of the previous line.  We are putting a lot of text in this part as this paragraph needs to be relatively long to show the effects of a paragraph been justified if when you open this file all this text is on one or two line add more text until you have about 4 lines of text and you can see the effects. The weather is cold here today and I am getting very bored of writing sentences that don’t really make any sense and im tired so that makes it all the worse. Ok maybe that should do it I better go and see if it is long enough</P>

</BODY>

</HTML>

As  you can see we have a little bit of everything we have learnt in here.

We have a heading that is aligned then a line space. We have Paragraphs that align in various ways and are closed off with the </P> closing tag.

Text Formatting

To finish off this section we are going to look at the different styles of text you can have and the different fonts you can use.

As in programs like Word you can make text Bold Italic or Underlined or even a combination, Bold Italic, Bold Underlined

This can be done by using the following tags

  • <I> Will give you italics
  • <B> Will make the text bold
  • <U> Will Underline the text

Remember you must turn the tags off when you no longer want the text Bold for example

<B>I want this part BOLD</B>I don’t want this part bold

You can try this by putting the above code into a test file or in one of the files you have already created and seeing the results.

Different Fonts

As you may be aware from using other programs such as word processors there are a variety of fonts available. HTML gives you the ability to choose what font you want by using the <FONT> tag. If you don’t specify a font in your code it will always default to whatever font is select in the browser options.

The <FONT> tag also allows you to specify a font size unlike the <H> tag you have a choice of 1-7. In the below example I have selected The font Papyrus and a size of 5.

<FONT FACE=”papyrus” SIZE=”5”>This is Papyrus Size 5</FONT>

This would give me the following:

This is papyrus Size 5

Try this out yourself and experiment with different font faces and sizes. ALWAYS remember to close off the font tag when you want to stop using the font.

Below is an exercise that will try to get you to use what you have learnt. Have fun and see what you can do…

Exercise

  • Create a Page that has a heading in the largest heading size possible about any subject you want
  • Have a paragraph that is left Aligned that is about 3 lines long and is bold.
  • Have 3 or 4 Line spaces
  • Have another paragraph that is justified and is a different font and size to the first paragraph
  • Have 3 or 4 more lines spaces
  • Have a third and final paragraph. This paragraph again needs to be a different font and size to the first 2, this one should have the first sentence in italics the second sentence underlined and the third in bold.
  • When you have finished save the file as mysecondpage.htm and view your hard work in your browser

That’s it for this section. Have a practice on your own and look over the examples again if you are still unsure. If you are feeling confident lets move on to section 3.

About the Author

Developer of 7 years and founder of CA-Development – Web Design and web application design and development, aswell as bespoke software solutions and freelance work.


 Mail this post

Technorati Tags: , , , , ,

Tags: , , , , ,

18
Feb

Table Maker Online Free

   Posted by: admin    in Bedside Table Lamps



table maker online free

Sim Free Mobile Phones: Ensure Non-stop Communication Power

We live in a world which is fast progressing towards a destination where men and machines work hand-in-hand. The pace at which we are moving ahead is accelerating at a tremendous high – it’s time to feel the unstoppable thriller! Yes, the technical ignition in the mobile phone industry is getting bigger and better each passing day unleashing many a possibilities for us, the users. A bunch of mobile phone makers have established their names in the stepping stones of popularity all through their high end features and intelligent marketing strategies. Nokia, Sony Ericsson, Motorola have already been in the mobile phone manufacturing scenario for quite some time now, even consumer electronics brands like LG and Samsung have also jumped into the cut-throat mobile world.

Now the question is what has fuelled in the immense popularity of the mobile phones? With life becoming busy than ever, we hardly get any time to stand in front of our tables and make a landline call. Mobile phones not only help us in making and receiving calls on the move but also give us ultimate entertainment on our fingertips -thanks to features like music, camera, web access, gaming etc. Another reason for the growing popularity of mobile phone is that mobile phones have now become a lot more cheaper than the earlier years. You can now buy a feature-rich mobile phone without cutting a big whole in your pocket.

With the advent of the Internet, you can buy your handset right from the comfort of your home. What’s more, you can avail many a attractive mobile phone deals as well. If you are not interested in those deals, you can opt for sim free mobile phones which come with no network connection. To put it another way, sim free mobile phones are unlocked mobile phones which can be purchased online or from any mobile outlet. You buy the handset and select a connection from a network service provide and ensure non-stop communication power.

About the Author

Mobile Phones a complete stand of offers you Sim Free mobile Phones mobile phones with best networks on Contract Mobile Phones with 3 to 12 months deals.


 Mail this post

Technorati Tags: , , , , ,

Tags: , , , , ,

6
Feb

Table Css Properties

   Posted by: admin    in Bedside Table Lamps



table css properties

Web Development and Design in London: Using Divs Versus Using Tables

Most Web Development professionals in London have reached a crossroad in website design which will influence the way they proceed with current and future web design projects.

While there can be no argument over the benefits of CSS stylesheets in opposition to inline styling, there is still a great deal of controversy over the adoption of new web site design layout.

On the one hand we have the tried and trusted method of Web page creation using Tables and on the other we have the contemporary method of using DIV’s. The core problem is which method to use? Which method is better?

Web Development purists in London will argue for complete and full adoption of W3C (World Wide Web Consortium) CSS (Cascading Style Sheets), which means only using DIV tags to build and layout your website pages. There are a few major points they use to back up their argument, most of which surround and support SEO (Search Engine Optimisation).

The Benefits of using DIV’s

•The DIV tags original purpose is for the design and layout of website content.

•Using DIV’s means less code needed to construct a webpage, which means less code for a search bot to navigate through. This means quicker and more comprehensive indexing of your website. “Content is King” for search bots. •Because of the “Top down” method in which data is displayed in the website page, search engines are able to search and rank the importance of your content on your webpage.

But the ideas of the Web Development London are being challenged by industry professionals who claim that DIV layouts are simply not robust enough. Their major arguments for using Tables focus around Web browser compatibility.

The Benefits of using Tables

•The Table tag and its properties are universal across most if not all web browsers, meaning less technical “work-arounds” to make your design display properly. This means more time is spent on improving designs than trying to make designs simply display correctly.

•Table layouts allow the designer a level of measurement and accuracy which is difficult to obtain with a full DIV implementation.

•Tables make creating a visually intensive design easier. Why? Because what you see is what you get (WYSIWYG) as Tables set out content in a manner that is visually logical to the human eye.

So, back to the question, which method to use and which method is better?

Each website design or web development project should be evaluated for its needs and purposes before building can begin. You have to ask yourself what is most important for this site.

Most website builds have one major focus. This focus is either economic, informative or visually extravagant. All good websites contain elements of all three but tend to put emphasis on one of these areas.

Economic Focus

Economically driven websites focus heavily on driving traffic to their website in order to sell goods. These sites need great SEO (Search Engine Optimisation) and tend to use the latest technologies to give them the edge. In this case using DIV tags for structure would increase the overall SEO London of this site and could potentially offer a better solution than a Table layout.

Information Focus

Informative sites tend to have a great deal of content which is usually dynamic and populated from an integrated CMS (Content Management System). Your template needs to be malleable enough to expand with changing content. In this case using a combination of Tables and DIV’s is not a bad solution. Using Tables to setup a strong outer structure which will be cross browser compatible and using DIV tags within the Table structure to minimize the “code clutter” and give the site a little boost in SEO.

Visually Extravagant Focus

Everyone’s favorite kind of website. This type of website focuses on the visual impact on the user. Sites like these can be very intricate and building a website that doesn’t compromise the original design is vital. This style of website also needs to look good in all browsers. Using Tables would be the best approach for intricate designs because of its robust nature, browser compatibility and its ability to be precise.

In all three of the above cases there are a hundred counter arguments for using only DIV’s or only Tables. But before you tear your hair out over which method to use, remember that what this all boils down to is what is best for the client. As a website designer and builder your responsibility is to produce a website that fulfils their needs on time and on budget to the best of your abilities.

No one ever said there couldn’t be a compromise between Tables and DIV’s.

About the Author

Robert London is an employee at Lilo, a Web Development and Design company based in London. Lilo also specialises in Web Development London, Website Design and Branding, E-marketing, E-commerce, and Multimedia, Web Applications as well as SEO London. Lilo has offices in Blooms bury, London, Cape Town South Africa and Melbourne Australia.


 Mail this post

Technorati Tags: , , , , , ,

Tags: , , , , , ,

4
Feb

Html Table Background Color Transparent

   Posted by: admin    in Bedside Table Lamps



html table background color transparent

Creating Myspace Layouts – a Beginners Guide

Creating a MySpace layout is much like anything, there is countless ways to achieve the same goal and many different end goals you can reach. One means of making a Myspace layout is to learn HTML; however that can be a long and difficult process, and is not strictly necessary if all you want to do is create a Myspace layout for your Myspace page. Other alternatives include using an editor, however using a generator is generally the preference of anyone interested in starting out with their own myspace layout, who does not feel inclined to take a crash course in web design first.

You can find a Myspace editor through visiting a website such as Google and performing a search for that very query. Upon doing so you will be presented with a wide variety of options, which one you choose is very much up to you as most perform similar to identical functions. From there it is time to consider the look and feel you wish to go for. Some people like to sit with a pen and a pad, and sketch what it is they are going to create; others like to jump on in and start creating; whatever you choose to do, you will always be able to go back and change it later on.

Now preview your selection once you have selected the colors and features that you desire. If you are not happy continue to make edits, if you are happy click to generate the code. Now open up your Myspace page and copy the code into the relevant part of the page.

If you would prefer to approach your layout in a different way, click on edit “about me” page in your Myspace profile, and keep in mind that the code is critical for your Myspace page to show…

Table, td {

background-color:transparent;

border:none;

border-width:0;}

This code to follow has to be added in front of the tag, while you change color_code with your personal preference.

body

{background-color: color_code;}

If you wish to make an image your background then simply put in the web address where it asks you to put in the code.

body{background-image:url(“BACKGROUND WEB ADRRESS”);

background-attachment:fixed;}

Once you have the design that you are looking for, it is now time to consider ways of improving it further to ensure that you have the best looking Myspace page on the web. For many people this is never going to happen, because they do not have the time, the flair or the passion to make it work; however with a healthy mix of the before mentioned factors there is no reason why you can’t achieve your goal.

A great graphic designer will always make concepts and then refine his concepts and tweak them until he or she is happy with their work. That is what you should do too. After having made a few concepts you should consult your friends and family, always ensuring to take their comments on board to better impact the final result.

About the Author

Supplementary editorials that were writen by Guna Seelan related to free myspace template can be found on the web. He also writes articles about Free Clip Art, Free Banner, Free Clipart, Animated Avatars, Animated Banner are avilable on line.


 Mail this post

Technorati Tags: , , , , ,

Tags: , , , , ,

14
Jan

Dreamweaver Table Background No Repeat

   Posted by: admin    in Bedside Table Lamps

Learning Cascading Style Sheets Makes For Better Web Pages.

The other day I was asked why I like Cascading Styles Sheets (CSS) and what makes CSS so great. Here’s my answer to those questions.

The Holy Grail of CSS it to completely separate web page content from the instructions that control its look and feel. If this is achieved then it’s much easier for various devices to display the web page correctly. For example the same page would display correctly on a standard web browser (Internet Explorer, FireFox, Opera, Netscape, etc.), devices used by persons with a handicap, cell phones, and yet-to-be-developed interfaces. Nor would the web site designer have to make separate pages for some of these devices. Reality is quite different though and here in the real world CSS does not yet do all these things. But it does have enough positive benefits to learn how it works and to incorporate it into your web pages.

There are a different ways to control how things looks on a web page. For example, the color, size, and font used for a headline or the color, size, and font for a paragraph of text can be defined with in-line styles and tags. In-line means that these formatting commands for controlling the color, size, and font are mixed in with the content. This makes the source code for the page much harder to read and modify when you want to change it or fix a problem. In addition, because you’re repeating the same commands over and over down the page, it makes the file size of the page get larger and larger and less efficient (slower) for those browsing your site.

CSS is not repeated throughout the page. CSS can be defined in the head section of the HTML page, or put in a separate file and referenced from the HTML page, or you can even do both. CSS consists of definitions of how a page component should look on the page or device. For example, you can define that a headline should be red, 26 point, right aligned text and that a paragraph should be black, 10 point, left aligned text. Any normal HTML paragraph tags or headline tags would use these definitions when rendered.

You can define pretty much all the normal HTML objects this way; background color, background image, background image position, tables, cells, images, divs, etc. This removes the clutter from your HTML code and makes it much easier to read. But wait, there’s more! If you have a web site with more than one page and you use CSS, and, you put all your CSS definitions in a separate file, you have only one place to go to change the look and feel of all the pages in your site. If you have a 50 page site and you learn that the size of your text is too small or you used the wrong color to maximize sales: instead of having to edit 50 pages and change the definition of each paragraph tag, you simply edit the CSS file and you’re done!

You may be asking how to make one paragraph or a set of paragraphs look different than the default? One way is to define a class for that item. If you have a right column where you display ads, in your CSS you would make a class and give it a name such as “.rcol”. You would define the necessary items for the class that you want to control (paragraph or header tags). “.rcol p” would be used to control how a paragraph tag was rendered. To associate the class to the object, simple add “class=rcol” to the paragraph tag, or the Table tag if it’s in a table, or div tag if it’s in a div, etc. This is also where the term cascading in CSS earns it’s keep: the default definitions cascade down into a class as long as the class does not contain something that overrides the default. This means that in our example text rendered in a paragraph tag looks different for the rcol class. However, because that’s the only thing we’ve defined for rcol, everything else would look the same as the rest of the page.

You can also define size and positioning for objects in CSS. This is one place where we hit the real world of CSS pretty hard. Not all browsers support the size and position commands the same way. This leads to hacks that define a position and then use a command that is known, for example, to cause Internet Explorer to bail out of the CSS, after that line you use a position command that Netscape for example understands. CSS uses the last definition of an object so this technique can be used to “trick” or “hack”

CSS into working across more browsers than it normally would. I don’t recommend doing this. One reason is that it’s messy and easy to forget why you did something. The other reason is because as browsers are updated, or new devices come online, they may not follow these unwritten and unsupported hacks and your pages are apt to be all messed up. To get around this I usually use CSS as much as I possibly can and then use tables and in-line definitions to control positioning and size. Some people will go to great lengths to use CSS for everything, even replacing all tables, but here in the real world, your should get the page built, functioning, and in a form that can be used reliably on as many platforms as possible.

Not all web site software packages like Microsoft Front Page, Dreamweaver, or Adobe GoLive, etc. fully support CSS.

You’ll have to do some coding manually. Don’t worry, it’s not that hard. I have an online course that can teach you how, just follow the link at the end of this article.

Take the time to learn and understand CSS. Implement it in your web pages. It will be time well spent.

About the Author

Learn all about HTML, CSS, and more at Fred Black’s web site, www.WebSiteTrainingOnline.com An Introduction to Creating Web Sites.


 Mail this post

Technorati Tags: , , , , ,

Tags: , , , , ,

9
Dec

Table Background Html No Repeat

   Posted by: admin    in Bedside Table Lamps



table background html no repeat

Answering Queries On How To Make A Website With Rounded Corners

Plain HTML will allow you to create and design a webpage using its tags, which you can use to customize the font size, style, color, background, and image formats. However, the emergence of CSS as a style sheet that allows for a cleaner view of how the page is being formatted, down to the minor details and the specific distances between tables have made web designing more interesting. One of the advantages of learning how to style using CSS is that you will know how to make a website with rounded corners, a task that is impossible with plain HTML without the use of numerous images. This is a question that many would like answered, because dispensing the background image as a plain rounded image instead of a border that will be positioned in the exact place where you want it is unthinkable.

Many would argue that HTML is fully credited for website designing, and that CSS is merely an extension. While this may be true, this also means that CSS has functions that are not available in HTML or that can make designing easier. You can draw a representation of how you want your pages to look like, but when you are down to coding you will realize that you do not have all the tags that will complete your planned page. While basic HTML will give you what you want in terms of organization and structure, you will eventually realize that CSS is a better tool when it comes to the details and appearance of your page.

CSS can give you answers to simple queries like how to make a website with rounded corners, how to customize the links in your site and how to link your pages externally. You can also look for additional features that cannot be done with HTML. CSS also makes your coding template easier to understand, because the CSS inset can be externally linked to your HTML page. Hence, there is no need to crowd your page with overflowing tags that are repeatedly defined because they have to be used for different parts of the page. With CSS, you can use your declared styles all over again just by naming the appropriate parts with an identifier or attribute name.

Code snippets are available online that complete this task for you, and by carefully understanding them you are one step closer to the goal of creating rounded corners. You can edit images with rounded corners using Photoshop, or you can download premade images to be used in your pages. In any case, all you have to do is to gather the images, position them using CSS and HTML combined, and your page is ready to go. Learning how to make a website with rounded corners also come with the creation of a website that extends its length dependent on the information placed inside it. You have to check this part, because you do not want to launch a website that displays information outside the supposed corners of the page. The trick to having professional looking sites is to make them look like they are polished and clean. Achieving this will make your work better.

About the Author

Ready To Start Your Own Internet Based Business And Make Real Money Online? For A Limited Time Only – Go To http://www.InternetBasedBusiness.com For Your FREE eBook That Reveals The Secrets To Getting Your Own Profitable Internet Business In 24 Hours Or Less!


 Mail this post

Technorati Tags: , , , , ,

Tags: , , , , ,

30
Nov

Table Padding Right

   Posted by: admin    in Bedside Table Lamps



table padding right

How To Set A Festive Christmas Table

How To Set A Festive Christmas Table

Whether you are a novice or expert, setting a festive Christmas table can be easy and fun.  When I look at my Christmas table all set and decorated, it truly brings in the holiday spirit and warms the cockles of my heart.  The thoughts of family and friends permeate throughout my mind and remind me of how truly blessed I am.  What a wonderful life I have and the many blessings that have come my way.

As with any type of decorating, you want to have each room compliment each other. For instance, if your Christmas decorating is modern, you want to keep your Christmas Table Setting modern. As you walk into your Dining Room the character of the table should mimic your decorating taste. There are so many different products out there today that it can be difficult to choose but I know that you will find what you need to accomplish this.

Before you begin, let’s take a minute to go over the basics of table setting.

Keep in mind the following when planning to set your Christmas Table

How many guests are you having, what type of table – round, square or oblong, formal or casual? What type of mood are you looking to create? What do you need to accomplish your “look”?

Table Padding helps with the setting of your festive Christmas Table. Not only does the table padding protect your table finish from liquid spills, hot spots, scratches, dents and nicks it helps to absorb sound and gives the tablecloth a gentle flowing drape and prevents the tablecloth from sliding or pulling.

Table padding is made of felt and vinyl and the soft backing is safer for many modern finishes. Table padding comes in many sizes or can be cut to the size of your table or cut longer to include the drop or overhang. And there is always the option of having a custom made pad for your table.

Tablecloths come in standard sizes for square, round, oblong (rectangle) and oval. Need help figuring out what size and shape of tablecloth you need?

Do you know the difference between and oblong and oval tablecloth? Many time people confuse oblong with oval. An oblong tablecloth is designed to fit a rectangle table with square corners and an oval tablecloth fits an egg-shaped table.

Do you know how to figure out your tablecloth size?
Measure the width and length of your table. Add the overhang or drop, which is how long the tablecloth will hang over the side, typically the desired overhang is 10-12 to lap level on dining tables and 15 inches for banquet tables.

When you have these measurements, add the overhang times 2 to each measurement of your table. You don’t want the tablecloth to be too long. Your guests should be able to be able to sit and not have the tablecloth touch their legs, you don’t want anyone pulling that tablecloth!!

Example: If your table size is 30×72 inches and the desired drop is 10 inches you would figure it this way:
10 inch (drop size) X 2 would be 20 inches
Add the 30″ (from your table measurement) to the 20″ (doubled desired drop) = 50 inches
Add the 72″ (from your table measurement) to the 20″ (doubled desired drop) = 92 inches

The perfect cloth size for your table would be 50 X 92 inches. Since tablecloths come in standard sizes you would then select the size closest to those figures.

I have a rectangle table and start with a biege tablecloth, then I use a square green colored tablecloth laid down with the points showing at the mid point of the table, add a table runner and use a small corresponding table square.  Layering Looks stunning!!!

I am a big fan of Table Runners, they just add a little something extra to your table setting and can be used to compliment your linens, china and decor. Table runners can also be used to hide a leaf in the table. Table runners are sometimes called “scarves” and are pieces of material that run lengthwise or across your table. Table runners can run within the dimensions of a table or extend into the overhang.

You can really go all out and decorate your chairs.  There are many varieties of chair coverings or slipcovers that give your table an even more elegant look.

I use taffeta scarves or runners and tie them around the back of the chair with a big bow and place a flower in the middle of the bow.  This creates a stunning and polished look at your festive Christmas table.

There are so many things that you can do with a napkin.

Napkins are a piece of material (made of cloth or paper) used to clean the lips or fingers and for protection of clothing. Napkins can be made of a variety of fabrics including cotton, linen, silk, and cotton/polyester blends. Cotton, Linen, and Silk napkins are typically used for more formal settings while cotton/polyester blends are used for casual everyday dining.

Turning a plain piece of cloth into an exotic swan for instance, brings back my many days in the catering business. Napkin folding can turn your table into an elegant work of art and it is an easy and fun task. Not into napkin folding, then napkin rings are the best thing. There are napkin rings for anyone budget and taste.

The Charger is making a big come back on tables. The charger makes a table look more elegant, whether serving dinner to your family or entertaining the guests.

Chargers are simply under plates that are used at each place setting of a formal table. The charger will be larger than the actual dinner and salad plates used to hold the food. The dinner plate is never placed on the charger. When you are shopping for chargers, place the salad plate or soup bowl, not the dinner plate, on the charger to see how it sizes and coordinates.

The charger should compliment the choices of china, silverware, and décor of the table setting. A charger may be used with or without placemats, depending on your table setting.

The use of the right charger can add a touch of elegance to the table. By coordinating the design of the table setting, the color choices, and the pattern used for the china, the charger will beautify other pieces and create a sense of an elegant and festive table setting.

I could go on forever about the different types, shapes, sizes and colors of Christmas Dishes, there are so many that are available to you. What it really boils down to is your taste and what you like. For me, I like clean lines and borders and have a set of Mikasa China that I use for all holiday’s, ivory dishes with a gold inlaid border. Plain and simple and I use chargers, tablecloths, napkins and decorations to bring in the color of the holiday.

Now on the other hand, many people have a set of Christmas Dishes and Tableware such as Spode, Lennox, Mikasa and the list goes on from the most expensive to the least expensive. It’s up to you, your budget and your taste.

Most sets of china come with some basic serving dishes and if you are like me over the years I have accumulated additional serving pieces for my china. Then there are the holiday serving pieces that we save over the years.

But for ease of serving and cleaning, I like to use Stoneware/CorningWare serving dishes, that can easily go from the oven to your table. Stoneware is attractive, microwave proof and even oven proof. Right from your oven to your table, eliminating extra dishes, pots and pans. Another reason you need table padding, to save your table from the heat of serving dishes.

Just as versatile as stoneware is Corning ware, both help eliminate extra chores on a busy Christmas Day and add beauty to your Christmas Table.

Most of us know how to set a table, but for those that need a little refresher here is an overview…

* Forks should go on the left and spoons and knives to the right of the plate
* An easy way to remember the correct order to place utensils is that they go in the order in which you use them; so the salad fork goes on the outside left while the larger fork used to eat the main course goes on the inside left. Turn the blade of all knifes so they face toward the plate, why well in midevil times the blade pointing out meant harm to the person next to you.
* If you are using chargers, place the salad plate and/or soup bowl on the charger.
* Place the side plate or bread and butter plate to the left of your place setting;
* Place the wineglass at the tip of the main-course knife. The water glass and any other glasses should be arranged in the order they will be used with the first one on the outside.
* The napkins can go under the knife and spoon or on the side plate. If you choose to use napkin holders or fancy folds, the napkin can go on top of the charger plate set up or even in the water glass for a more decorative and elegant place setting.

Truth be told…I leave the place cards to the kids, who have a great time trying figuring out who sits next to who. It’s a great touch to create and decorate place cards.

Place the cards either on the charger plate setup or better yet in attractive place card holders which are placed on the charger plate setup or directly on top of the charger plate setup.

Using place or name cards adds a finishing touch on your festive Christmas Table Setting.

What do you say about Glassware? There are so many styles and shapes that just can boggle the mind.

If you are using a Christmas pattern such as Spode, you most likely have the coordinating glassware. Most importantly, set a water glass, wine glass if you serve wine or alcohol and for the more adventurous, a stylish shot glass for the tradition after dinner sambuca with coffee beans.

Finally, for an extra special touch, you could leave a small gift at each place setting. If you shop around in dollar discount stores you can find all kinds of small gift items. Wrap them and use ribbon to give them a holiday look. You could even place the name cards in a frame for your guests to bring home. Opening the gifts will make a great conversation starter when everyone sits down at the table.

Decorating your table with a festive Centerpiece will give your table a festive Christmas feeling. Candlesticks are another great way to decorate your table and add a flair of elegance. You can also use candles and music to create the perfect festive Christmas setting.

The final and finishing touches create a festive Christmas Table Setting!

About the Author

Ann Cohen is a mom, wife, friend and caterer who love babies, “green”, decorating and holiday’s. Being able to entertain and decorate on a budget is important today and loves finding that “great deal.” To get some more tips on how to’s, green and saving money check out How To Set A Festive Christmas Table and browse her selection of how to’s.


Olay Total Effects Revitalizing Foaming Cleanser Face Wash, 6.5 Ounce (Pack of 2)


Olay Total Effects Revitalizing Foaming Cleanser Face Wash, 6.5 Ounce (Pack of 2)


$15.95


This revitalizing daily foaming cleanser provides 7 anti-aging benefits in 1 cleansing step. Thorough Cleansing, Natural Moisture Balance, Pore Appearance Reduction, Line Appearance, Minimization, Radiance Enhancement, Maintains Softness, Gentle Purification. Use the Total Effects system for your anti-aging regimen: Total Effects 7-in-1 Daily Moisturizer (also available in UV or Fragrance-Free…

Olay Total Effects Cream for Mature Skin, 1.7 Ounce


Olay Total Effects Cream for Mature Skin, 1.7 Ounce


$15.50


Why is Total Effects Mature Skin Therapy right for you? With menopause, the signs of aging accelerate up to 2x faster. For those experiencing these effects, this daily facial moisturizer provides the benefit of 7 anti-aging therapies in 1 essential product with more intense moisture for menopausal skin. Line Minimization: Reduces the appearance of fine wrinkles. Intense Moisturization: For a ra…

Olay Regenerist Tone Targeted Tone Enhancer Facial Treatment Products


Olay Regenerist Tone Targeted Tone Enhancer Facial Treatment Products



Buy Olay Intensive Treatments – Olay Regenerist Tone Targeted Tone Enhancer 30ml/1oz…


Logitech Comfort Lapdesk N500


Logitech Comfort Lapdesk N500



The Logitech Comfort Lapdesk N500 gives you more comfort around your home – on the sofa, bed, or even the floor. The heat-shielding design protects your body from notebook computer heat….



 Mail this post

Technorati Tags: , , , , , ,

Tags: , , , , , ,

18
Nov

Table Padding Margin Css

   Posted by: admin    in Bedside Table Lamps



table padding margin css

Benefits Of Cascading Style Sheets

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL.

CSS provides web designers and users several benefits.

1. Separate content from presentation. An external style sheet can contain all the styles for your web site, changing the content means you only have to edit one style sheet. This makes editing websites containing lots of pages very easy.

2. Google benefits. Google gives more weight to content closer to the top of your HTML document. With CSS you can easily structure the content to appear first with the rest of the source code following it. This will help outrank your competitors who may have their navigation appear first and their content last.

3. Fast loading pages. Tables slow down the loading of web pages because the spider has to crawl through each Table. If your tables are nested inside each other your page will load even more slowly. CSS-based web pages speed up the loading of your pages considerably as the styles are all contained in one style sheet.

4. Small file size. CSS will reduce the file size of your html document. If you look at a web page that is designed with CSS you will notice that the size is very small compared to one designed with lots of tables. This also helps reduce load times.

5. Reduce clutter. CSS allows you to get rid of a lot of extraneous html code therefore making your site code neater and cleaner. This makes it easy to alter the code if you need to make edits.

6. Eliminate javascript. Many people surf the web with javascript turned off because they don’t want to be vulnerable to viruses or allow pop-ups. This means that the javascript navigation will not be seen. You can often achieve the same affect with CSS navigation. These allow for rollovers and other pretty affects and are much more user friendly.

7. Accessibility. If you use CSS2′s aural properties it provides information to non-sighted users and voice-browser users. The CSS2 “media types” allow authors and users to design style sheets that will cause documents to render more appropriately for certain devices.

8. Save time. CSS will allow you to design your site much faster than tables because there are some styles you can use for every site. I store “often used” CSS snippets in a special file where I can easily access them for any site I design.

9. Save money. CSS will shorten the project development process and eliminate design obstacles that occur from using tables. If designing many web sites you will be able to use the same style sheets or just make a few modifications to them. You will still charge for the design project but it won’t take as long as when using tables thus making you more money in a shorter time period.

10. Flexibility of design. You can use pixel precision in your web site designs. By adjusting the margins and padding of the CSS you can easily adjust the position of your content. You can also create very modern designs that can’t be duplicated with tables. For example you can use a background image for a header then place your content over it using the H1 tag for better page optimization.

11. Way of the future. The future of the web is moving towards better accessibility with web sites so they can be viewed by as many people as possible. This may be enforced in future web standards therefore if your web site is still using tables or deprecated tags it may become obsolete or disappear from the search engines.

12. Print friendly. When a user chooses to print a web page an alternative CSS document can be called up. This document can specify that formatting, images and navigation disappear and just the page content appear on the printed version.

<a href=”http://www.edenlight.co.uk” title=”Click here to visit the Eden Light website”>Eden Light</a> is a Manchester based <a href=”http://www.edenlight.co.uk” title=”Click here to visit the Eden Light website”>web design agency</a> who work with growing businesses around the world to develop highly effective sales-driven websites, web applications and perform <a href=”http://www.edenlight.co.uk/seo” title=”Click here to visit the Eden Light website for SEO”>SEO</a> campaigns.

About the Author

<a href=”http://www.edenlight.co.uk” title=”Click here to visit the Eden Light website”>Web Design Manchester</a>

<a href=”http://www.edenlight.co.uk/seo” title=”Click here to visit the Eden Light website”>SEO Manchester</a>


 Mail this post

Technorati Tags: , , , ,

Tags: , , , ,

18
Nov

Table Background Color Dreamweaver

   Posted by: admin    in Bedside Table Lamps



table background color dreamweaver

Web Design Software

Copyright (c) 2007 Dean Barnard

There are a number of software for web-site development. In fact there may be more than a thousand web-design software to meet various requirements. The most popular among them are adobe Dreamweaver and Microsoft FrontPage. The reason for their popularity is their simple WYSWYG user interface. They are easy to use and have familiar navigation buttons.

Adobe Dreamweaver

Not everyone is conversant with HTML or Hyper Text Markup Language. When I first heard of this gigantic description, I decided to forget about developing a web-site of my own. Who in his sane mind would try and learn this formidable language? But help was soon at hand ,like always, and I discovered this nice little software called Dreamweaver from a little known company called Macromedia ( which later became a force to reckon with and purchased by Adobe) . Dreamweaver is a WYSIWYG (What You See Is What You Get) web page editor which is made for people who depend more on creativity for their living than on software programming. You dont need any knowledge of HTML to use this program. It provides all the tools to import images, create text and layout. You can preview your web pages as they would appear on a web-site. It has excellent provisions to create navigation buttons with all kinds of rollovers and effects. Once all web pages are created, it provides an interface to connect with the host web server to which these can be uploaded. Modification and alteration of web pages can be accomplished at any time subsequently. You can therefore do away with the requirement of separate FTP (File Transfer Protocol) software, which saves a lot of effort and time.

Microsoft FrontPage

Has Microsoft ever missed a trick in the computer industry? It has its own Web page editor called FrontPage. As with its other offerings, creating web pages with FrontPage is a breeze. Just open the software and start clicking away. In my experience, this is as good as it can get, something like using Microsoft Word. I could create a web page in a jiffy, changing fonts and background color, playing with images and transparency. Formatting is easy. Once I decided on a certain text I could apply it to the complete site which saved a lot of time. I could wrap text around the imported images which gave a nice touch to my site. Remember, FrontPage comes loaded with plenty of clipart, which is really nice of Microsoft. DHTML (let the word not fog your brain) was of great help in animating the text and images. I confess that creating tables was almost a joke. As usual, FrontPage is nicely integrated with other Microsoft tools like Excel, Word and Office tools .It has a great publishing tool to upload the web pages to the host computer. Basically an all purpose web editor, if you are planning a nice little web-site.

About the Author

Join me at Perth Computer Help and I will be in touch soon friend.


 Mail this post

Technorati Tags: , , , , , ,

Tags: , , , , , ,

17
Nov

Table Border Style Collapse

   Posted by: admin    in Bedside Table Lamps



table border style collapse

Cascading Style Sheets and Email Display

Cascading Style Sheets and Email Display Designing the HTML version of your email message can be difficult since there are so many different email client and operating system combinations out there – and they have their own way of rendering HTML. And there really is no way to be positively sure which client your readers will be using to view your messages. If your reader has a Hotmail address, it’s generally safe to assume that he will be reading your message through the Hotmail web client. But what about your readers with private email addresses? Will they be using Microsoft Outlook? Will it be Outlook 2000, Outlook 2003 or Outlook 2007? Or maybe he’s using Lotus Notes? What if he had his TLD email forwarded to a Yahoo account? And is he using a Mac or a PC? Since you don’t really know the answers to any of these questions, when designing your email campaigns it’s important that you always design for the most accessibility. Cascading Style Sheets (CSS) offers the ability to make your email messages extremely graphic and enticing. Unfortunately, there is still limited support of r CSS with many email clients and across various platforms. One of the biggest CSS-offenders is Outlook 2007; and since studies show that up to 75% of email readers use Outlook, you just can’t ignore its rendering flaws. Unfortunately, Outlook 2007 has no support for floating elements, which is widely used in CSS for positioning objects. So it’s based to use a Table-based layout when designing your email campaigns. Think web design circa the year 2000. If you’re a new designer and have never dealt with tables before, you can get tons of how-to information from the W3C. While Outlook 2007 does support the property, I don’t recommend that you use it to attach your style sheet. At least 50% of your readers will have their images turned off, which means any linked elements will not be linked – and this includes your external style sheet. Besides, Gmail, Live Mail and Hotmail don’t support linked elements, so it’s a good idea not to use them anyway. Instead, define all of your styles within your message and never rely on an external style sheet for your email messages. Where, within the message, you should define your styles is another story altogether. Live Mail looks for the style sheet with the , Hotmail looks for the style sheet right below the tag. Outlook 2003, Outlook 2007, AOL, Yahoo, Entourage and Thunderbird will accept either placement, but Gmail doesn’t accept any of them. The best option is to use in-line style tags. In-line style simply means that the style for each element must be defined individually. Instead of defining your style sheet within your like this: or even something like this: you would define each element individually, like this:

This is your paragraph text.
When you’re defining those elements, keep in mind that not all CSS properties are supported across the board on all email clients. If you want to present a consistent message to all of your readers no matter how they are reading your mail, limit yourself to these CSS properties: . background-color
. border
. color
. font-size
. font-style
. font-variant
. font-weight
. letter-spacing
. line-height
. padding
. table-layout
. text-align
. text-decoration
. text-indent
. text-transform Those properties are supported on both Macs and PCs in: . AOL
. Entourage
. Gmail
. Live Mail
. Outlook 2003
. Outlook 2007
. Thunderbird
. Yahoo Properties to avoid include: . background-image
. background-position
. background-repeat
. border-collapse
. border-spacing
. bottom
. caption-side
. clear
. clip
. cursor
. direction
. display
. empty-cells
. float
. font-family
. height
. left
. list-style-image
. list-style-position
. list-style-type
. margin
. opacity
. overflow
. position
. right
. top
. vertical-align
. visibility
. white-space
. width
. word-spacing
. z-index And now for even more bad news: Lotus Notes and Eudora have terrible CSS support and even many of the widely-accepted CSS properties may not render properly. And since more and more readers are now accessing email on PDAs and other handheld devices, you can never be 100% certain how or where your message will be read. So I suggest you always use Multipart-Mime messaging, and always include a link to your text version within the html version of your message. *** Want to keep these tips handy? I’ve created a downloadable “cheat sheet” that you can keep handy and access every time you compile an email message. Grab your free copy at the Modern Image website.
About the Author

Karen Scharf began designing and developing websites in 1998, when she began Modern Image Communications. The marketing communications firm has since grown to provide a wide variety of marketing-related services to small businesses and entrepreneurs, including the development, implementation and maintenance of various growth initiatives: business and marketing plan development, newsletter publication and distribution, copywriting services, graphic design and print ad creation, info-product development, and strategic planning. Modern Image Communications basically serves as a one-stop-shop for a small business’s marketing needs.


 Mail this post

Technorati Tags: , , , , , ,

Tags: , , , , , ,