Bookmark and Share

Text editor A good text editor is the heart of the hand-coding toolbox. You could use notepad or whatever plain text editor is bundled with your operating system, but there’s really no reason to settle. There are plenty of free alternatives with features to make hand-coding faster and easier. Windows – Notepad++ Hands-down the best editor for Windows. With syntax highlighting, auto tag completion, code folding, and much more, Notepad++ is a lightweight program with everything you need to code XHTML and CSS. Make sure you grab the TextFX plugin (built into newer versions) and the Explorer plugin (a nice file browser)... Read More

Sometimes it is useful to group the options of an HTML select element. Many developers use extra option elements and non-breaking spaces to create the visual appearance of hierarchical options, but there is another way: the often forgotten optgroup element. To create a group of options, wrap them in an optgroup element. To give the group a label, use the label attribute. Here is a simple example: Read More

When there are many browsers available for the users to surf the internet, it becomes evident for you to check the Cross Browser Compatibility of your website. Different people use different operating systems and browsers and you cannot control their wish to surf your website on one particular browser, just because your website does not look well on it. Though among many available browsers, Mozilla and I.E are the most used browsers around the world. But still while designing a website web designers make it sure to check the browser compatibility of the website in all browsers. To rescue the web designers... Read More

Different websites have different align position in the browser. Like top-centered, middle-centered and often left-top position. This is tutorial will show you how to align website to any part of the screen. I think i will be helpful for beginners. Read More

We have many major browsers like Internet Explorer, Opera, Firefox, Safari and SeaMonkey. I am really tired of using different CSS hacks and code for each of these browsers. So I want to offer you one universal CSS code which will help us to make shadows for text. This is a simple example of Creating Cross Browser Compatible CSS Text Shadows. We will not use Images, only clear CSS code which work for all browsers. Let’s create xhtml code: 1 2 3 4 <p> <span class="shadow">Cross Browser Compatible CSS Text Shadows</span> <span class="text">Cross Browser Compatible CSS Text Shadows</span> </p> I do not... Read More

This is an example of Creating Cross Browser Compatible CSS Text Shadows. We will not use Images, only clear CSS code which work for all browsers. Each browser uses its methods, so we need to create styles for each browser. Let’s start with default xhtml code which we will use for our example. Read More

In my opinion, each xhtml coder needs software for testing web-pages for various Internet Explorer versions . If you use standard methods and install all IEs, then one cannot guarantee the quality of work of the web-pages. Here is the tester I have found for myself: IE Tester IETester is a free Web Browser that allows you to have the rendering and JavaScript engines of IE8, IE7, IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process. But this soft has small bugs. Known problems and limitations : The Previous/Next buttons are not working... Read More

Rounded Menu Tabs in CSS

March 28th, 2009

A lot of my clients use menu with rounded corners in their websites and this menu items have rollover effect. So, the whole tab must be as a link. I have solved this problem and suggest you the next code example. Read More

Replace logo with text

March 16th, 2009

I want to write small tutorial for CSS and Xhtml. Let’s start with logo or image replacement of the text. This method is very useful for your website SEO and your users will not notice any changes. Search engines will read your logo as Real text, not as Image. Read More

Everybody knows about PNG-24 problem in the Internet Explorer 6. I have found the best solution on this site http://www.twinhelix.com/css/iepngfix/. This method uses Javascript to fix problem. I think it will help you. But for some reasons, sometimes this script does not work correctly on my server :( . I really don’t understand why. Read More

Page 2 of 212