Blog for the Web Programmers » General http://blog.chandanweb.com A useful blog with code assitance on Typo3, Drupal, PHP, Apache, OpenSSL and PHP Frameworks Wed, 25 Jan 2012 08:35:04 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 How to create a table with fixed-width columns regardless of contents, and/or the type of browser in use (e.g. IE, NN, Opera)? http://blog.chandanweb.com/general/how-to-create-a-table-with-fixed-width-columns-regardless-of-contents-andor-the-type-of-browser-in-use-e-g-ie-nn-opera http://blog.chandanweb.com/general/how-to-create-a-table-with-fixed-width-columns-regardless-of-contents-andor-the-type-of-browser-in-use-e-g-ie-nn-opera#comments Wed, 10 Aug 2011 12:30:00 +0000 spabhat http://blog.chandanweb.com/general/how-to-create-a-table-with-fixed-width-columns-regardless-of-contents-andor-the-type-of-browser-in-use-e-g-ie-nn-opera Here is an example:

<table border=1 width=183 style=‘table-layout:fixed’>
<col width=67>
<col width=75>
<col width=41>
<tr>
<td>First Column</td>
<td>Second Column</td>
<td>Third Column</td>
</tr>
<tr>
<td>Row 1</td>
<td>Text</td>
<td align=right>1</td>
</tr>
<tr>
<td>Row 2</td>
<td>Abcdefg</td>
<td align=right>123</td>
</tr>
<tr>
<td>Row 3</td>
<td>Abcdefghijklmnop</td>
<td align=right>123456</td>
</tr>
</table>

Notice how a very long entry does not cause a column to expand.

There are three (3) elements involved here to maintain cross-browser consistency.
1) use of width attribute in the table tag
2) use of ‘table-layout:fixed’ property in the style attribute of the table.
3) use of col tags to designate column widths

Make sure the value of the width attribute of the table tag is equal to the total of the width attributes of the col tags.

The 3 elements altogether is redundant if you are using IE. But this approach is needed to take care of the way some browsers like NN behaves differently when specifying column widths.

There are other ways to accomplish this, but this approach is the *easiest* to maintain, especially if you frequently add and delete table rows and/or columns. You don’t have to put style sheet properties on every TD tags.

NOTE:

I used IE6, NN6, Opera7 and Firefox 0.9 to test this. Users of Netscape and Firefox may not like to see table cells with overflowing long texts (because of fixed column-widths), so I updated this FAQ to include the following code in the CSS style definition inside the <HEAD> tags or in the external CSS file:

<style>
td {overflow:hidden;}
</style>

NOTE: This is an archive/copy of the article posted here: http://www.tek-tips.com/faqs.cfm?fid=4499

]]> http://blog.chandanweb.com/general/how-to-create-a-table-with-fixed-width-columns-regardless-of-contents-andor-the-type-of-browser-in-use-e-g-ie-nn-opera/feed 0 Firefox Profile Manager and Backup/restore Profiles on Portable Firefox http://blog.chandanweb.com/general/firefox-profile-manager-and-backuprestore-profiles-on-portable-firefox http://blog.chandanweb.com/general/firefox-profile-manager-and-backuprestore-profiles-on-portable-firefox#comments Mon, 20 Jun 2011 13:49:00 +0000 spabhat http://blog.chandanweb.com/general/firefox-profile-manager-and-backuprestore-profiles-on-portable-firefox A. Creating a New Firefox Profile.
1. Close all instances of Firefox:

2. Run the following code:
F:\PortableApps\FireFox3Portable\App\Firefox\firefox.exe -P

NOTE: Make sure the above path suits your install location

4. It is nice to put the profiles into a central location, thus convenient in future.
Ex:
F:\PortableApps\FireFoxProfiles/ff3
F:\PortableApps\FireFoxProfiles/ff4
F:\PortableApps\FireFoxProfiles/ff5

3. You will get profile manager, now create as many profiles as you need
ex: firefox2, firefox3, firefox 4, firefox5 etc…

B. How to Backup Profile Data/Copy Profile data from one profile to a new one?

Profile data contains several things, the bookmarks, passwords, settings addons etc…

1. Just browse to “F:\PortableApps\FireFoxPortable\Data\profile”

2. Copy this to your profile folder ex to “F:\PortableApps\FireFoxProfiles/ff4″

C. Running the browser using a specific profile.
That’s all run your new Firefox Browser usign following Shortcut:
F:\PortableApps\Firefox4Portable\App\Firefox\firefox.exe -p firefox4 -no-remote

]]> http://blog.chandanweb.com/general/firefox-profile-manager-and-backuprestore-profiles-on-portable-firefox/feed 0 jcarousel adds empty item in circular mode http://blog.chandanweb.com/general/jcarousel-adds-empty-item-in-circular-mode http://blog.chandanweb.com/general/jcarousel-adds-empty-item-in-circular-mode#comments Fri, 27 May 2011 08:25:00 +0000 spabhat http://blog.chandanweb.com/typo3/jcarousel-adds-empty-item-in-circular-mode When using the circular mode in jCarousel(wrap : ‘circular’), we used to see a blank item initially, whhich used to get cleared in the next iteration.

i.e. It seemed like jCarousel generally expects at least one extra item, than the width of scroll area.
In our case the width of scroll area was occupied by 3 items then jQuery needs 3+1 news initially.
If width of scroll area is occupied by 4 news, then there must be 5 news minimum.

Now in such situation we must pre-fill some extra items, that has solved the issue.
ex:

/* When there is less than or equal to 3 items,
* the jcarousel shows blank items in the circular mode!
* So we will add some extra items in such case
* */
if( jQuery(‘#jcarousel .slider-ul’).length <= 3 ){
tempHtml = jQuery(‘#jcarousel .slider-ul’).html();
while(jQuery(‘#jcarousel .slider-ul’).length >= 4){
jQuery(‘#jcarousel .slider-ul’).html(tempHtml + tempHtml);
}
}

jQuery(‘#jcarousel .slider-ul’).jcarousel({
scroll : 1,
auto : 5,
wrap : ‘circular’
});

Hope this helps someone.

]]> http://blog.chandanweb.com/general/jcarousel-adds-empty-item-in-circular-mode/feed 0 Suckerfish dropdown menu sticking in ie7 ? http://blog.chandanweb.com/uncategorized/suckerfish-dropdown-menu-sticking-in-ie7 http://blog.chandanweb.com/uncategorized/suckerfish-dropdown-menu-sticking-in-ie7#comments Thu, 08 Jul 2010 05:44:23 +0000 Ganybhat http://blog.chandanweb.com/?p=246 Add the following code in to your css

#topmenu li:hover{

position:static;

}

This will fix the dropdown menu sticking ( dropdown menu not folding out ) problem in ie7.

]]> http://blog.chandanweb.com/uncategorized/suckerfish-dropdown-menu-sticking-in-ie7/feed 0 A Firefox theme personalised for ChandanWeb http://blog.chandanweb.com/general/a-firefox-theme-personalised-for-chandanweb http://blog.chandanweb.com/general/a-firefox-theme-personalised-for-chandanweb#comments Tue, 29 Jun 2010 14:22:40 +0000 spabhat http://blog.chandanweb.com/uncategorized/a-firefox-theme-personalised-for-chandanweb Today Ganapati (ganybhat) created a new firefox personas, available at the URL:

http://www.getpersonas.com/en-US/persona/240575

I really coudn’t stop myself from using it right away on my Firefox 3, and I loved the way it looked.

Thank you Gany.

]]> http://blog.chandanweb.com/general/a-firefox-theme-personalised-for-chandanweb/feed 0 SVN Errorcode 13 due to SeLinux, Could not open the requested SVN filesystem http://blog.chandanweb.com/linux/svn-errorcode-13-due-to-selinux-could-not-open-the-requested-svn-filesystem http://blog.chandanweb.com/linux/svn-errorcode-13-due-to-selinux-could-not-open-the-requested-svn-filesystem#comments Wed, 14 Oct 2009 14:59:36 +0000 spabhat http://blog.chandanweb.com/uncategorized/svn-errorcode-13-due-to-selinux-could-not-open-the-requested-svn-filesystem When we recently installed SVN on CentOS, we came across the following error message:

<m:human-readable errcode=”13″>Could not open the requested SVN filesystem</m:human-readable>

This seems to be due to incorrect setting of the SeLinux content. This can be changed by the following command:

chcon -R -h -t httpd_sys_content_t /PATH_TO_REPOSITORY/

ex:

chcon -R -h -t httpd_sys_content_t /home/svnRepo

Technorati : , ,
Del.icio.us : , ,

]]> http://blog.chandanweb.com/linux/svn-errorcode-13-due-to-selinux-could-not-open-the-requested-svn-filesystem/feed 0 Upgrade SVN Server to 1.6.5 on XAMPP http://blog.chandanweb.com/general/upgrade-svn-server-to-1-6-5-on-xampp http://blog.chandanweb.com/general/upgrade-svn-server-to-1-6-5-on-xampp#comments Wed, 30 Sep 2009 05:54:20 +0000 spabhat http://blog.chandanweb.com/uncategorized/upgrade-svn-server-to-1-6-5-on-xampp This is a quick help guide for all thise who would like to upgrade to latest SVN on XAMPP.

NOTE: Like with all software upgrades there could be high risk involved.
It is always better to take a backup prior to proceeding with any kind of upgrades.

We know that when a latest version of SVN is around it is time to upgrade.
If you have already customized your XAMPP it is not an easy task to upgrade XAMPP as it might waste several days of your work!

I however came up with a quick solution to this issue. SVN binaries are stored in the \xampp\apache\bin folder.
If you closely observe this folder you can find these binaries and there are also several related DLL files.

Now we know where the files are, and it is time to grab the latest SVN binaries and proceed to upgrade.

  1. Go to http://subversion.tigris.org/ and click on Windows Binaries link.


  2. Now select Tigris.org

  3. Select the “Subversion Win32 binaries for Apache 2.2.x”

  4. Extract these file to some temporary location on your PC, and you can see a lot of exe and dll files inside the bin folder!
    I noticed 40 files in SVN 1.6.5!
  5. Now it is time to back up the existing files. Stop Apache prior to backup.
  6. I used 7zip and created a zip file of entire bin folder. This saved me a lot of time in trying to find all SVN related files.

  7. Now you already have a bckup, and you can simply copy the latest SVN binaries from the temporary SVN bin folder to the xampp/apache/bin folder.
  8. Restart Apache and check if SVN is working fine now. This should work perfect.

I hope this would be useful. Please send yor comments / queries in case of any issues.

Del.icio.us : , , ,
Technorati : , , ,

]]> http://blog.chandanweb.com/general/upgrade-svn-server-to-1-6-5-on-xampp/feed 1 Writing IE 6 or IE 7 Specific CSS Code http://blog.chandanweb.com/general/writing-ie-6-or-ie-7-specific-css-code-2 http://blog.chandanweb.com/general/writing-ie-6-or-ie-7-specific-css-code-2#comments Fri, 05 Jun 2009 09:20:00 +0000 spabhat http://blog.chandanweb.com/general/writing-ie-6-or-ie-7-specific-css-code-2 This is sort of hack which helps you write CSS specific to IE6 / IE7.

EX:

_display:none;/* IE 6 Fix */
*display:none;/* IE 7 Fix */

NOTE: This code is not recommended if you are writing code that has to comply to CSS standards. In such cases you may have to switch to alternate methods.

One of the best methods is to use conditional CSS Comments as follows:

        <!--[if IE]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->

        <!--[if IE 6]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if IE 7]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if IE 8]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if IE 9]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if gte IE 8]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if lt IE 9]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if lte IE 7]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if gt IE 6]>
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <![endif]-->
        <!--[if !IE]> -->
                <link rel="stylesheet" type="text/css" href="ie.css" media="all" />
                <script type="text/javascript" src="ie.js"></script>
        <!-- <![endif]-->
]]> http://blog.chandanweb.com/general/writing-ie-6-or-ie-7-specific-css-code-2/feed 0 Blunders due to auto generated content http://blog.chandanweb.com/typo3/blunders-due-to-auto-generated-content http://blog.chandanweb.com/typo3/blunders-due-to-auto-generated-content#comments Thu, 23 Apr 2009 06:29:41 +0000 spabhat http://blog.chandanweb.com/typo3/blunders-due-to-auto-generated-content Recently I was going through Dmitry’s twitter entries, and I suddenly came across a blog titled “The (Often Amusing) Pitfalls of Auto-Generated Content” and I was really amused about the kind of Ads Google made by combining different keywords.

The same day ironically while I was searching for something I ended up in a Google news page here:
http://www.google.com/archivesearch?q=typo3&btnG=Search+Archives&scoring=t

imageimage image

This literally made me believe that Typo3 CMS is aged over 400 years!

I checked out the three news items listed in year 1605, and it seems like Google considers all numbers with four number digit as year! Well if anyone wants to prove that their company has over 500 year old history, here is an opportunity for you ;)

This is another cool instance of a bad program logic or probably not!

]]> http://blog.chandanweb.com/typo3/blunders-due-to-auto-generated-content/feed 0 Good resource for Web Programming http://blog.chandanweb.com/general/good-resource-for-web-programming http://blog.chandanweb.com/general/good-resource-for-web-programming#comments Fri, 05 Sep 2008 08:24:03 +0000 spabhat http://blog.spabhat.com/?p=50
  • Typoscript:
    http://www.typo3wizard.com/en/snippets.html
    This site has lots of useful Typoscript code.
  • ISO Country Code Listing
  • Dummy text generator in various languages!!!
    http://www.lipsum.com/
  • A good resource on TypoScript Conditional Statements
    http://wiki.typo3.org/index.php/TSrefConditions
    • ]]>     http://blog.chandanweb.com/general/good-resource-for-web-programming/feed 0