Learning About Position in CSS

In my last post about CSS, I had discuss about Floating, now I will discuss about positioning. The idea behind positioning is fairly simple. It allows you to define exactly where element boxes will appear relative to where they would ordinarily be—or relative to a parent element, another element, or even to the browser window itself

The properties of positioning are :

position

Values

static | relative | absolute | fixed | inherit

Initial value

static

Applies to

all elements

The values of position have the following meanings:

static

The element's box is generated as normal. Block-level elements generate a rectangular box that is part of the document's flow, and inline-level boxes cause the creation of one or more line boxes that are flowed within their parent element.

relative

The element's box is offset by some distance. The element retains the shape it would have had were it not positioned, and the space that the element would ordinarily have occupied is preserved.

absolute

The element's box is completely removed from the flow of the document and positioned with respect to its containing block, which may be another element in the document or the initial containing block (described in the next section). Whatever space the element might have occupied in the normal document flow is closed up, as though the element did not exist. The positioned element generates a block-level box, regardless of the type of box it would have generated if it were in the normal flow.

fixed

The element's box behaves as though it was set to absolute, but its containing block is the viewport itself.

4D Releases 4D Web 2.0 Pack v11 Release 2 (11.2)

4D announced the release of 4D Web 2.0 Pack v11 Release 2. The new version, a combination of two products - 4D AJAX Framework and 4D for Flex - brings a powerful set of tools, plug-ins, and components that allow 4D developers to harness the power of Web 2.0 technologies, and deliver live web and rich internet applications to browsers, desktops, and portable devices such as the iPhone.

here for complete article

Manage Wordpress blog from iPhone

Introducing the first Open Source app that lets you write posts, upload photos, and edit your WordPress blog from your iPhone or iPod Touch. With support for both WordPress.com and self-hosted WordPress (2.5.1 or higher), users of all experience levels can get going in seconds.

here for visit the sites

Layout Style using Floating

Floating, on the other hand, first came to us in CSS1, based on a capability that had been added by Netscape early in the Web's life. Floating is not exactly positioning, but it certainly isn't normal-flow layout either. Keep a few things in mind with regard to floating elements. In the first place, a floated element is, in some ways, removed from the normal flow of the document, although it still affects the layout. In a manner utterly unique within CSS, floated elements exist almost on their own plane, yet they still have influence over the rest of the document.

Floating Property :

Values

left | right | none | inherit

Initial value

none

Applies to

all elements

Example :

< src="example.gif" style="float: left; margin:25px" alt="example">

iPhone Resources

iPhone Toolbox is an daily updated blog aims to collect the best resources for iPhone users, including free Wallpapers, Icons, Web Applications and iPhone news . this site designed with high usability and user can choose 6 color themes for viewing this site,enjoy!!!

4D Releases 4D Web 2.0 Pack v11 Release 2 (11.2)

4D announced the release of 4D Web 2.0 Pack v11 Release 2. The new version, a combination of two products - 4D AJAX Framework and 4D for Flex - brings a powerful set of tools, plug-ins, and components that allow 4D developers to harness the power of Web 2.0 technologies, and deliver live web and rich internet applications to browsers, desktops, and portable devices such as the iPhone.

for complete article here

CompareValidator in asp.net

The CompareValidator control enables you to perform a data type check, like we need to make sure the data a user enters in two fields on an input form is the same, such as when performing password or email verification.

The CompareValidator has six important properties:

• ControlToValidate : The ID of the form field being validated.

• Text : The error message displayed when validation fails.

• Type : The type of value being compared. Possible values are String, Integer, Double, Date, and Currency.

• Operator The type of comparison to perform. Possible values are DataTypeCheck, Equal, GreaterThan, GreaterThanEqual, LessThan, LessThanEqual, and NotEqual.

• ValueToCompare : The fixed value against which to compare.

• ControlToCompare : The ID of a control against which to compare

Code Example :

< asp:TextBox ID="txtPasswd1" runat="server" TextMode="Password" >< /asp:TextBox >< br />
< br />
< asp:Label ID="Label6" runat="server" Text="Re-enter Password" Width="136px" >< /asp:Label >< br / >
< asp:TextBox ID="txtPasswd2" runat="server" TextMode="Password" >< /asp:TextBox >
< asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage="Password not match" ControlToCompare="txtPasswd1" ControlToValidate="txtPasswd2" Display="Dynamic" >< /asp:CompareValidator >

Share Media From PC to Mobile

zipclip.com is site that provide facility for share media from your PC to your mobile. Clip most anything you want from the web and send it straight to your phone or a friend's. its the best way to fun with your phone

Scrapboy Brings Facebook to Users' Desktops

Scrapboy Digital Media Corporation announced the availability of Scrapboy, its Facebook desktop application, to users in North America. Scrapboy allows users to stay connected with their friends' Facebook activities on their desktops and store those activities securely on the users' computers, not a remote server.

for complete article in here

Requiring That Data Be Filled In A Field

In asp.net we can use RequiredFieldValidator control and use the event handler of the control that completes the user's entry for the page to verify that validation was successful. for example, we need ensure that user has entered data in text box, such as first name and last name.

We must set two important properties when using the RequiredFieldValdiator control:

• ControlToValidate The ID of the form field being validated

• Text The error message displayed when validation fails

Code Example :

< %@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns="http://www.w3.org/1999/xhtml" >
< head runat="server">
< title >Code Example< /title >
< /head >
< body >
< form id="form1" runat="server" >
< div >
< asp:Label ID="Label1" runat="server" Text="First Name" Width="98px" >< /asp:Label >
 < br / >
< asp:TextBox ID="txtFirstName" runat="server" >< / asp:TextBox >
< asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Fisrt Name Must Be Filled" ControlToValidate="txtFirstName" >< /asp:RequiredFieldValidator >< br / >
< br />
< asp:Label ID="Label2" runat="server" Text="Last Name" Width="98px" >< /asp:Label > 
< br / >
< asp:TextBox ID="txtLastName" runat="server" >< /asp:TextBox >
< asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Last Name Must Be Filled" ControlToValidate="txtLastName">< /asp:RequiredFieldValidator>

< br />
< asp:Label ID="Label3" runat="server" Text="Age" Width="98px">< /asp:Label>
< br />
< asp:TextBox ID="TextBox3" runat="server" Width="35px">< /asp:TextBox>

< br />
< asp:Label ID="Label4" runat="server" Text="Adress" Width="98px">< /asp:Label>
< br />
< asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Width="300px">< /asp:TextBox>

< br />
< asp:Button ID="Button1" runat="server" Text="Save" />< /div>
< /form>
< /body>
< /html>

Free Icon Database

iconshock.com is site that give many more icon with different style and its ideal for you to intregrate with your web applications, software, catalogs, games, printing media and much more.its free, you can tray this site,enjoy!!!

Put Film In Website with snagfilms.com

At SnagFilms.com, you can watch full-length documentary films for free, but we also make it easy for you to take our films with you and put them anywhere on the web. When you embed a widget on your web site, you open a virtual movie theater and become a “Filmanthropist.” Donate your pixels and support independent film! And click on “info” on any widget to learn more about that film and a related charity you can also support.
With a library of 225 documentaries, and rapidly growing — browse by topic or go through the alphabet from A-Z — you’re bound to find films that resonate with your interests. There is a widget for EVERY film, so any film you like can be snagged

Generated Content in CSS

CSS2 and CSS2.1 include a new feature called generated content. This is content that is created by the browser but is not represented either by markup or content. To insert generated content into the document, use the :before and :after pseudo-elements. These place generated content before or after the content of an element by way of the content property (described in the next section).

If you're going to generate content, you need a way to describe the content to be generated. As you've already seen, this is handled with the content property, but there's a great deal more to this property than you've seen thus far

Content :

Values

normal | [ | | | attr() | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit

Initial value

normal

Applies to

:before and :after pseudo-elements

Example :

CSS script

h1:before {content:"This is first content"; display:block; color: red;}

HTML tag

< h1 >this is second content< /h1 >

InteleCom Launches Web 2.0 Viral Communication Tools Through Its Social Network

InteleCom announced that its new Web 2.0 Social Network toksee successfully launched 3 new viral communication tools or widgets for easy copy and placement on websites and blogs. All 3 immediately received top rankings from Widgetbox. The toksee chat or video messaging widget allows toksee Members to talk with and see their friends and family who also have the toksee online conference system.

for complete article in here

SQL Server 2005 Express in ASP.NET (Overview)

Microsoft SQL Server 2005 Express is the version of SQL Server bundled with Visual Web Developer, it is a royalty-free database engine. We can download it and use it for free in your applications. We also can distribute the database in commercial applications that you produce for others without paying royalties to Microsoft (registration at the Microsoft site is required to do this).
SQL Server 2005 Express works with the Windows XP, Windows 2000, and the Windows 2003 operating systems. It requires the .NET Framework 2.0 to be installed on its host computer. Because its free product, Microsoft has limited some of its features to encourage you to upgrade to the full version of SQL Server 2005, for example Full-Text Search, Reporting Services, Analysis Services, Notification Services, English Query, Data Transformation Services, or OLAP and a SQL Server Express database can be no larger than 4 gigabytes. Furthermore, SQL Server Express is limited to using 1 gigabyte of RAM.
We can use three tools to create new database objects when using SQL Server 2005 Express. We can use the Database Explorer in Visual Web Developer, you can use the Microsoft SQL Server Management Studio Express, and we can use the SQLCMD utility.

myStaffingPro Applicant Tracking System Increases Web 2.0 Functionality

myStaffingPro has added new Web 2.0 functionality into their clients' career search screens. The free enhancement expands upon the applicant's current ability to sign up for a career RSS feed. The RSS feed enables prospective applicants to sign up and receive new job positings directly on their feed reader or Google homepage. This feature provides one-click access to review a newly opened position and apply without having to manually visit the client's career search screen.

complete article in here

Photos Presentation Sites

Picsviewr is a FREE online service that allows you to view your photos in a cool and fast interface. It provides numerous templates to showcase your photos.

Photo Sharing Sites

MMSFace is free service site to send your pictures instantly to your Hi5, MySpace or Flickr account. All that you pay is the MMS fee to your mobile carrier. Also you can send a regular email with the photos attached if you have a mobile data plan and don't want to use MMS. esay for use and interacting interface, this site nice for you that have photo sharing hobby.

Move Over Dot.Com

Brace yourself for a new era of creative web addresses. ICANN, the non-profit Internet Corporation for Assigned Names and Numbers, has opened up top-level domains, the little .com, .org, .gov, .edu, .net suffixes or country abbreviation at the end of a web address, to any styling the human mind can conceive - and in scripts other than Roman - provided the creator coughs up $100,000.

more complete article in here

Website Templates

if you want many effective, attractive, and modern website, you can visit this site here.. This site provide many website templates and flash templates. you can choose one of them to your website, very cool template,enjoy!!!

About Selector in CSS ( con’t )

In addition to raw document elements, there are two other types of selectors: class selectors and ID selectors, which let you assign styles in a way that is independent of document elements. These selectors can be used on their own or in conjunction with element selectors. However, they work only if you've marked up your document appropriately, so using them generally involves a little forethought and planning.

Class Selectors

The most common way to apply styles without worrying about the elements involved is to use class selectors. Before we can use them, however, we need to modify your actual document markup so that the class selectors will work

example :

< class =" ‘error’"> This is a error message < /h1>

< class =" ‘error’"> Please enter your email correctly

Here, we’ve specified a class of error to both the h1 element and the p (paragraph) element. In CSS, class selectors are indicated by a class name preceded by a period (.).

Example : .error { color : red; font-weight:bold; }

This CSS will apply the styles noted in the declaration (a red, bold font) to all elements that have the class name error. In our markup, both the h1 and the p elements would become red and bold

Id Selectors

In some ways, ID selectors are similar to class selectors, but there are a few crucial differences. First, ID selectors are preceded by an octothorpe (#). The second difference is that instead of referencing values of the class attribute, ID selectors refer to values found in id attributes.

Example :

< id =" ‘error’"> This is a error message < /h1>

< id =" ‘error’"> Please enter your email correctly < /p>

then CSS

#error { color : red; font-weight:bold; }

This CSS will apply to all element that have id name error.

About Selector in CSS

Once of primary advantages of CSS is its ability to easily apply set of style to all elements of the same type.like example, by editing a single line of CSS, we can change background of all our heading. CSS has rule that divide become 2 parts : a selector, which tells the browser which element(s) will be affected by the rule; and a declaration block, which determines which properties of the element will be modified.

Example :

H1 { color : red }

H1 is a selector

color :red is a declaration block which is color is property and red is value

The selector, shown on the left side of the rule, defines which piece of the document will be affected. in this case, all element that contain H1 has become red.

Selector can also be grouping of selector, if we want the same style to apply to multiple elements. in that case we will want to use more than one selector or apply more than one style to an element or group of elements.

example :

h1,p { color : red }

in above example, elements h1 and paragraph have red text. By placing the h1 and p selectors on the left side of the rule and separating them with a comma, we have defined a rule where the style on the right (color: red;) applies to the elements referenced by both selectors. The comma tells the browser that there are two different selectors involved in the rule. Leaving out the comma would give the rule a completely different meaning.

about selector will be continue in the next post……

Final Voting Phase on OpenAjax Browser Wishlist

The OpenAjax Alliance is developing an Ajax industry wishlist for future browsers, using a dedicated wiki. The feature list now lists 37 separate feature requests, covering a wide range of technology areas, such as security, Comet, multimedia, CSS, interactivity, and performance.

for more complete article click here

A Free Ajax Guestbook

JibberBook is an easy-to-use, open-source guestbook built with PHP5 and JavaScript. It aims to create a pleasant user experience while giving you much flexibility.

Network MIDlet

MIDlet is application that develop using J2ME with Mobile Information Device Profile (MIDP). MIDP has a facility for build connection to external resource with GenericConnection Framework ( GCF ). it facility used for support client – server and datagram networking. MIDP implementation must support facility to access server and HTTP 1.1 protocol.

GCF providing HttpConnection interface for build all connection to network. Connector class and connection interface’s available in javax.microedition.io package. this decription about interface’s :

Connection : base connection that only can open and close.
ContentConnection : stream connection that provide accesed to web data.
DatagramConnection : datagram connection that useful for handle packet communication based.
InputConnection : input connection to a communication device.
OutputConnection : output connection to a communication device.

we must always use connector class to manage network connection. all method in connector class is static with the most important part is open() method. There are 3 version open() method :

• static Connection open( String Name ) throws IOException

• static Connection open ( String Name,int mode ) throws IOException

• static Connection open ( String Name, int mode, Boolean timeout ) throws IOException

the first parameter is connection string. this use to select connection type that why this parameter is very important.

int mode use to description connection mode, READ, WRITE or READ_WRITE. default is READ_WRITE

example :

StreamConnection conn = (StreamConnection).Connector.Open (http://www.google.com)

Useful Resource for J2ME Developing

here many useful information for develop J2ME including J2ME application, tools, books
and many more