For me it said always that the installtion path of WordPress was not found. Now, after a long while, I found a german blog article WordPress AutoUpdate bei Hosteurope. There is described that you just have to put one single line in the config file wp-config.php of WordPress and all works as expected. The problem which cause the error is the directory for temporary files, which is set by this line via a environmental variable.

putenv('TMPDIR='.ini_get('upload_tmp_dir') );
if ( !defined('ABSPATH') )
   define('ABSPATH', dirname(__FILE__) . '/');

Just put the bold line in your config-file at this position and then you can use WordPress auto update. But be sure to backup your data as explained in the WordPress Codex!

Related posts:

1. TYPO3 4.5 – sendmail on Host Europe Server
2. How to … use ssl and ssl-proxy on Host Europe via .htaccess with TYPO3

I had the problem, that the 2nd div-container (which is a fold-out CSS-menu) is larger than the sorrounding div. In IE 7 the CSS-menu lays, in the part outside the sorrounding container, behind those elements. But for a menu you aspect to be the first element in the hierarchy.

Those layer positions can be set using z-index in CSS. The higher the index, the higher the position of the element to users-view. So I set the z-index to a high value but in IE 7 nothing happened.

After trying a while I worked out a very easy solution. If you use for an element the position-absolute attribute it will be set out of the normal element-flow of the website and be positioned absolute to the given position. But IE 7 inherits the value from the parent-element (here the sorrounding div-container) which had no z-index.

So my solution is to give both, the surrounding and the inner div-container a z-index. The surrounding container gets (in my case) a higher z-index than the surrounding one and the problem is fixed!

The surrounding element is the YAML #topnav-element and the inner one is a div-container with list-items which are styled as a JS-free fully CSS-menu.

#topnav {
  overflow:visible;
  z-index:5;
  position:absolute;
  [...]
}

#inner_container {
  position:absolute;
  z-index:2;
  [...]
}

Related posts:

1. overflow:auto – Internet Explorer 6 Bug
2. How to code a jQuery slider menu
3. How to … center a YAML Layout

First of all you need your image in a base64 encoded format. For this you can use the base64-decoder-encoder of motobit.com. Just choose your file to upload and afterwards hit “convert the source data”. The base64 encoded string will be shown in a textbox. For this example I use the external-link-image of wikipedia. And I´ll get back the following base64 encoded string:

iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAFVBMVEVmmcwzmcyZzP8A
ZswAZv////////9E6giVAAAAB3RSTlP///////8AGksDRgAAADhJREFUGFcly0ESAEAEA0Ei6/9P3sEcVB8k
mrwFyni0bOeyyDpy9JTLEaOhQq7Ongf5FeMhHS/4AVnsAZubxDVmAAAAAElFTkSuQmCC

If you have this, you need to extend your normal img-tag with the information about an inline used image in base64-format. You put this information in the src-attribute. After the keyword “data:” you have to put the mime-type of the encoded image. We have to use “image/png”. If you put all together it looks like this:

<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+P
AAAAFVBMVEVmmcwzmcyZzP8AZswAZv////////9E6giVAAAAB3RSTlP///////8AGksDRgAAADhJREF
UGFcly0ESAEAEA0Ei6/9P3sEcVB8kmrwFyni0bOeyyDpy9JTLEaOhQq7Ongf5FeMhHS/4AVnsAZubxD
VmAAAAAElFTkSuQmCC" border="0" alt="an image base64 encoded inline" />

This can be very useful if you e.g. want to give an image-tag or an html-code-snippet to a client or a colleague. So there is no need to copy or send the used image. It´s just enough to copy the html-code-snippet. Have fun …

No related posts.

But sometimes, maybe when you are at work, it is not that easy. Sometimes you need a little work around or a special CSS only for IE 6. Today it was one of those days. At work I made a site were articles are shown in a list, only one little overview-snippet for each article. Now I want, to made it more clearly arranged a solid line between each div-container. Thought and done in CSS, it worked fine – in Firefox. But not for Internet Explorer 6.

But after a little internet search I found a very easy to use solution: you have to put a margin-bottom also in your CSS-class and than IE 6 let the line appear.

This is my class.

.my_class {
   padding: 10px;
   border-bottom: 1px solid #999;
   margin-bottom: 1px; /* needed to show the border also in IE 6 */
   min-height: 190px;
}

Related posts:

1. css3 snippets for every day: border-radius, gradient, shadow, …
2. Floating problems with IE 6
3. CSS floating problems

The solution of this problem, just set the floating boxes with inline-attribute, works also for this right-floating problem. Just set for the CSS-id the following:

display: inline;

See the pictures below. The left one is with bug, the right one without. Hope this helps some others.

Related posts:

1. CSS floating problems

.element_a {float: left;}
.element_b {float: right;}
.element_c {clear: both;}

Today I had this problem. I was using within a YAML Layout (middle column) some elements, two were floated like shown above. Now I do a css clear for the hr-tag (horizontal dashed line) to stop floating. What I got was the stopped floating, but also a big gap above the line (see first picture below). I was now trying with Firebug and other tools to eliminate this gap for one or two hours and it doesn´t work.
I just wanted to put a negative margin-top to slide the element above. But this doesn´t work at all!

Then I had an idea: I tried out, if this problem also occur when I set a other element (instead of the hr-line) after the floated elements and clear this one. So I put an empty div-container after the floated elements, but I get the same problem.
I remembered the idea with the negative margin and test a little bit around with Firebug and then I see the solution. I can´t minimize the gap itself above the line. But I can set a negative margin for the bottom of the empty div-container, which will pull the elements a few pixels nearer to the top.

I tried it out and it worked! So if you have a similar problem you don´t have to clear the hr-element. Set just a div-element after the floated container and clear this one. Then set a negativ margin-bottm to close the gap above! Now I´m happy and can let the day end … in freedom.

PS:
Sorry that there will be no example available. I can´t put the HTML and CSS code here. But I can show you a little picture to illustrate the problem.

Problem with clearing

Solution of the clearing problem

Related posts:

1. Floating problems with IE 6
2. How to use position-absolute and z-index with Internet Explorer 7 and nested containers

For example you want to have a 2-column layout instead of a 3-column one the files in the css-directory set this layout. But when you make your own website you have to overwrite also some settings in the css-directory because you want to change the YAML-layout a bit. Layout, sizing or colours. There are two ways to do this.

1. You edit the files in the css-directory
2. You make a 2nd css-file especially for your website and include it as the last one in your html-file(s) (must be included before the IE7-hack will be included)

The first solution is good and easy but I prefer the 2nd one and now I will explain on a little example (from a project at my work I do at the moment).
I made a 2-column-layout with YAML for a little project at work. The template and layout is growing and will be finished in the next days. Now a collegue comes to me and we discuss the style and discuss about other internal websites and the corporate design. Now we decided to change to a 3-column layout, because it´s closer to the style-guide. I used the 2nd method and now I have the possibility to change the full YAML-core-layout and the overwriting files (in the css-directory) to get an 3-column layout without losing my special settings and layout-configurations for our design. If I used the first method I would have to backup the files in the css-directory, make with YAML-Builder a new 3-column layout and redo the changes from the backuped files again in the new one. This would be more complex.
The downside is, that you have a extra file and you have to include this extra css-file in every html-file you make.

Related posts:

1. How to build a YAML fullscreen layout
2. How to … center a YAML Layout