Pearltrees Visualizes How You Organize the Web | Mashable This post is part of Mashable's Spark of Genius series, which highlights a unique feature of startups. If you would like to have your startup considered for inclusion, please see the details here. The series is made possible by Microsoft BizSpark. Name: Pearltrees Quick Pitch: Pearltrees is a new visual way to organize content on the Web and connecting people's interests. Genius Idea: How do you organize the web on the browser? Signing up for Pearltrees is simple, but getting used to the interface and all of its features is not as easy. Now for the organization part: you can create complex systems of pearls, known as pearltrees. Clicking on a pearl gives you a range of options that go beyond visiting your favorite website. Pearltrees takes a time investment to make it useful. Spark of Genius Series Sponsored by Microsoft BizSpark Entrepreneurs can take advantage of the Azure Services platform for their website hosting and storage needs.
Create a Tableless Layout | tutorialtastic.co.uk I bet you’ve heard the coding obsessed web designers getting their knickers in a twist about CSS layouts, yet you don’t know the first thing about them, right? Obviously that’s why you’re here! Well, providing you have a little CSS knowledge and know how to separate style from content, you should find this tutorial a doddle! Tableless Layout Basics Firstly, let’s take a look at your current coding. <html><head><title> my website </title><meta name="keywords" content="joe bloggs' website, site, pages,"><meta name="author" content="joe bloggs"><link href="stylesheet.css" rel="stylesheet" type="text/css"></head><body><table id="main"><tr><td><img src="images/bla.gif" align="left" alt="layout image 1"><br /></td></tr><tr><td><h1>Welcome to my website</h1><p>This is my wonderful website with funky content and groovy images! Look at those terrible tables. Let’s redo that page up there, assigning <div>s instead of <table>s (every ‘block’ of table needs a div): Tableless Templates ..etc.. Help!
Dave Raggett's Introduction to CSS Dave Raggett, 8th April 2002. This is a short guide to styling your Web pages. It will show you how to use W3C's Cascading Style Sheets language (CSS) as well as alternatives using HTML itself. The route will steer you clear of most of the problems caused by differences between different brands and versions of browsers. For style sheets to work, it is important that your markup be free of errors. A convenient way to automatically fix markup errors is to use the HTML Tidy utility. The following will teach you how to: use the style element link to separate style sheets set page margins set left and right and first-line indents set the amount of whitespace above and below set the font type, style and size add borders and backgrounds set colors with named or numeric values add style for browsers that don't understand CSS Getting started Let's start with setting the color of the text and the background. The style element is placed within the document head. Linking to a separate style sheet <!
How to Add HTML Signatures with Images to gmail Email Messages | Did you notice anything special about this screenshot of GMail message ? Well, it has an embedded animated graphic instead of the plain text signature. GMail has a wonderful rich text editor to compose emails but there are some desirable things that you cannot accomplish in GMail using standard techniques. For example: 1. 2. 3. 4. 5. Now the really good news is that you can do all the above easily with GMail and here's how to do it: To embed an HTML signature with Images in GMail ? Create an HTML signature snippet using notepad or WYSIWYG editors like Dreamweaver/Frontpage/Golive or online with Geocities/GooglePages/Tripod Lycos. Once you are satisfied with the layout, select the entire portion of the webpage that you want to appear in the GMail signature and drag it to the GMail compose window. I have an illustration here: Step 1: The HTML signature is created in Google Page Creator. Step 2: Open a new Gmail compose message window.