• 62
    0

    In this blog I will discuss many recipes regarding CSS interactions with images. Recipes include dealing with borders, manipulating background images, rounding corners on boxes, replacing HTML text with images,  and much more. Settig a Background Image Setting a background image that does not repeat. Use the background-image and background-repeat  properties to control the display ...
  • 51
    0

    Here is the example given below for two-column layout with columns that resize to the width of the browser. This technique works because all columns are set to float and their widths aren’t larger than 100%. Setting the floats to the right can flip the columns, but the result is the same. Be sure to ...
  • 47
    0

    Suppose you want to round the right-angle corners of an image border, set the border value and then use the CSS3 border-radius property along with its browser-specific border-radius properties. The radius is half the distance of a circle’s diameter and is used to set the amount of curvature on the corner. The higher the value ...
  • 58
    0

    You want to place a repeating image at the bottom of a heading, like the cloud as shown below: Use the background-image, background-repeat, and background-position properties:h2 {font: bold italic 2em Georgia, Times, “Times New Roman”, serif;background-image: url(anyimage.jpg);background-repeat: repeat-x;background-position: bottom;border-bottom: 10px solid #666;margin: 10px 0 0 0;padding: 0.5em 0 60px 0;}
  • 86
    0

    You want to stylize the borders on the top and bottom of a heading, as shown below: Use the border-top and border-bottom properties when setting the style for the heading:h2 {font: bold italic 2em Georgia, Times, “Times New Roman”, serif;border-bottom: 2px dashed black;border-top: 10px solid black;margin: 0;padding: 0.5em 0 0.5em 0;font-size: 1em;}p {margin: 0;padding: 10px ...
  • 87
    0

    In all but one browser, styling these new elements is pretty simple. Although you can use the new HTML5 elements now, most browsers even current ones don’t  necessarily understand them. They don’t do anything special with them and treat them like unknown elements you make up. There is three ways to provide CSS styles for ...
  • 51
    0

    I started blogging with Oracle Forms and Plsql examples then also started blogging for Blogger tips and tricks and now after a lot of thinking, I am going to start blogging for HTML5 and CSS3 for web developers and bloggers to get hopefully more visitors and more pages views :)… just joking, I know it ...