Category Archive for ‘HTML’ at fragmente

Archive for the 'HTML' Category

CSS: center background image in Firefox & Co.

Published

blumentritt

on July 1, 2010

in CSS, Development and HTML

. 0 Comments

Today just a short snippet.

To center a background image vertical and horizontal especially Mozilla Firefox need the attribute “fixed”:

body {
background-image: url(....);
background-position: center center;
background-attachment: fixed;
height: 100%;
}

Tested with: IE 6 – 8, Firefox 3.6, Safari 4

With this little trick, my day will be fine! Ole.

How to use position-absolute and z-index with Internet Explorer 7 and nested containers

Published

karrock

on May 27, 2010

in CSS, HTML and YAML

. 1 Comment

When you have a div-container which has the attribute position-absolute and you put a 2nd div-container inside (which has also a position-absolute attribute) it can happens that Internet Explorer 7 does not interpret this correct.

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.

Continue reading ‘How to use position-absolute and z-index with Internet Explorer 7 and nested containers’

How to delete csc-default and id tag in TYPO3 4.3

Published

blumentritt

on April 10, 2010

in HTML and TYPO3

. 0 Comments

How to …

Since TYPO3 Version 4.3 all the source code is tagged with unlovely id and class tags with div-wrapper.

<div id="c1" class="csc-default">

But with one little typoscript snippet you will get rid off it:

tt_content.stdWrap.innerWrap >

Now everything looks clean and sweet. I love TYPO3 anyway!

How to code a jQuery slider menu

Published

blumentritt

on March 21, 2010

in CSS, HTML, Javascript, TYPO3 and YAML

. 0 Comments

How to …

I show you a nice jQuery snippet for a smoothy slider menu.

This was my first jQuery experience – if you find some tuning options, tell me please!

Here you can see my script in Action: http://www.gyn-endoskopie.de/

Continue reading ‘How to code a jQuery slider menu’

How to use images base64 encoded inline an img-tag

Published

karrock

on March 13, 2010

in HTML

. 0 Comments

It´s feasible to put elements (like an image) in raw format (base 64 encoded) directly into an HTML-tag. I will show you an example with an img-tag.

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:

Continue reading ‘How to use images base64 encoded inline an img-tag’