July 14, 08 by the programmer
CSS3 Offers a lot new possibilities for the designers and programmers. One of the new option is the ability to make rounded corners.
Unfortunately as always we have problems with Internet Explorer, it doesn’t support this feature, only Mozilla/Firefox and Safari 3 supports it.
Top left rounded corner:
Firefox: -moz-border-radius-topleft: 10px;
Safari: -webkit-border-top-left-radius: 10px;
Top right rounded corner
Firefox: -moz-border-radius-topright: 10px;
Safari: -webkit-border-top-right-radius: 10px;
Bottom left rounded corner
Firefox: -moz-border-radius-bottomleft: 10px;
Safari: -webkit-border-bottom-left-radius: 10px;
Bottom right rounded corner
Firefox: -moz-border-radius-bottomright: 10px;
Safari: -webkit-border-bottom-right-radius: 10px;
June 22, 08 by the programmer
If you want to change the case of some text, word, caption on your WEB page you can do that using CSS.
There is a property in the css called “text-transform“. This property has 4 possible values:
| Value |
Description |
| none |
Default. Defines normal text, with lower case letters and capital letters |
| capitalize |
Each word in a text starts with a capital letter |
| uppercase |
Defines only capital letters |
| lowercase |
Defines no capital letters, only lower case letters |
Examples:
<span style=”text-transform:capitalize;”>capitalized text</span> Capitalized Text
<span style=”text-transform:uppercase;”>uppercase text</span> UPPERCASE TEXT
<span style=”text-transform:lowercase;”>LOWERCASE TEXT</span> lowercase text
<span style=”text-transform:none;”>Text STAYS the SAME</span> Text STAYS the SAME
May 17, 08 by the programmer
Yesterday I was making a block that was supposed to load with ajax.
I made the page and also included the styles inside the page that was supposed to load with ajax.
Eveyting was ok while I was testing on Firefox but when I tried to test in IE 7 it did not work.
There was no design on the part that was loaded with ajax.
So I tried to put the style in an external style sheet and it worked.
So keep that in mind that if you load a block of html with ajax try to put the styles in an external stylesheet
