Monday, January 23, 2012

Prestashop blank front office or failed to open stream

Today's tip is a real problem that may waste lots and lots of time to just find where the error is !! Prestashop is a php cms that is used to develop E-Commerce websites. Hosting prestashop on a linux/apache server will cause no problem at all, but hosting it on a Windows server causes some problems.
you may find your Prestashop Back Office working properly but front office is Blank !! this problem happens because of Folder and File Permissions.



Read more »
Posted by at No comments:
Labels:

Saturday, January 21, 2012

Beginner's tip : Flash window mode obaque

Hello developers ... today's tip is very simple but for some new developers it may waste most of their time thinking that it is a PROBLEM !!
Here is the Problem :
i develop a website that contains a flash banner, or a flash embedded object , and when i hover on the menu, the sliding sub-menu goes BEHIND the embedded flash object !!
solution is very simple actually, just when you embed your flash object write this property inside the embedding code :
wmode="opaque"

Example :
Read more »
Posted by at No comments:
Labels:

Friday, January 20, 2012

Browser Compatibility : vertical-align : middle using IE7 and CSS

Developing websites force the developer to work using different browsers with different versions also.

Internet Explorer's behavior with CSS is different than other browsers. CSS's vertical align : center doesn't work in IE7 and here is the expression to make it work perfectly.

Normal html developer :
1- in your folders, go to styles folder and create a new file called "style.ie7.css" .
2- in your page <head> tag insert the following code :
<!--[if IE 7]><link rel="stylesheet" href="[your style path]/style.ie7.css" type="text/css" media="screen" /><![endif]-->
3- Open "style.ie7.css" file and write the following expression inside the component ( div, a, li, ul ... etc ) that you want to vertically align center :
{
     margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}

Drupal Developer :
1- go to sites/all/themes/[YOUR_THEME] ... or where ever you put your themes folder, go inside it.
2- open the file called "style.ie7.css".
3- at the end of the code, add your components css class ( div, a, li, ul, .... etc ) and then add the following code inside it:
{
     margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}


this expression will calculate the height of every container and divide it by 2 to get the middle of the container, then it will put margin-top that puts your component vertically in the middle of its container.
Posted by at 1 comment:
Labels:

Hello and Welcome


Hello and welcome to Spitzer ... a blog for software solutions and tips & tricks about some tricky issues related to Web Development.

This Blog will mainly support web development using Drupal CMS , and if you face a problem at your work while developing a website using Drupal, you may find a solution here. So, come every now and then to check the new posts about some Common problems or even Rare problems that may face any developer on the internet.

About me, i am a Senior Web Developer ( and UI Developer as well ). I Develop websites using Drupal, Joomla, Prestashop, and more of CMS ( Content Management Systems ) that are commonly used nowadays for developing big projects and websites.

I wish you find a solution for your problem here and that i can save your time :)
Posted by at No comments:
Subscribe to: Posts (Atom)