Tag Archive for 'CSS'

How to … style the dotted link border in Firefox

How to

Today a short but usefull snippet.
On our website i discoverd a ugly, dotted corner on active and focus links in our menu (see picture)
Continue reading ‘How to … style the dotted link border in Firefox’

CSS floating problems

Today I had a really annoying problem with two floated elements and a clear afterwards. It´s well known if you want to put two elements (two div-container) side by side instead of one below the other you have to use CSS-floating and to stop the float afterwards (to start the normal document flow) you have to clear the elements.

.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! :(

Continue reading ‘CSS floating problems’

Aptana IDE Webdevelopment

hey!

instead of  giving you TYPO3 hints and snippets i like to share my enthusiasm. Yesterday i found APTANA and started to work with. Amazing!

The hole IDE is nice to look at, good to work with and for now i discover so much features … WHOU.

I will continue posting here all the nice possibilities to work with.

Continue reading ‘Aptana IDE Webdevelopment’

overflow:auto – Internet Explorer 6 Bug

A few days ago – i found a funny behavior in IE6. Our lovely Browser has problems with the CSS tag overflow: auto;

Continue reading ‘overflow:auto – Internet Explorer 6 Bug’

How to … center a YAML Layout

How to

Some Layouts must be centered in your browser display. You can use several ways – i will present here my “best practice”

We use the CSS Framework from Dirk Jesse ->YAML . The author includes a horizontal alignment with the following code:
Continue reading ‘How to … center a YAML Layout’