Results 1 to 4 of 4

Thread: How to generate a Box model and Floating image

  1. #1
    Join Date
    Jan 2009
    Posts
    41

    How to generate a Box model and Floating image

    Hi,
    I am currently designing a small site which shows up information related to some topics assigned to me. I have to create this for a project work. Here I had completed many thing but I am stucked in the box model. How can I create a box model and format it. And secondly what are the ways to add a floating image in the site. Thanks in advance.

  2. #2
    Join Date
    May 2008
    Posts
    2,012

    Re: How to generate a Box model and Floating image

    The box model describes the boxes in CSS) (or boxes that are generated for HTML elements. The box model also contains options for setting of margins (margin), edges (border), padding (padding) and content (content) for each element. The picture will probably look pretty theoretical, so let's use the model in an example with a heading and a bit of text. The sample code shows an excerpt from the English. Version of the Agreement on Human Rights, which reads as follows: <h1>Article 1:</h1> <p>A quick brown fox jump over the lazy dog</p>

  3. #3
    Join Date
    Apr 2008
    Posts
    2,005

    Re: How to generate a Box model and Floating image

    Borders border can be used for many things, such as a decorative element or to emphasize the independence of two things. CSS offers infinite possibilities in the use of borders. The width of the border is set with the property border-width These values can be thin (thin) to accept, medium (middle) and thick (thick) or a numeric value in pixels. Border Color: the property 'border-color'. The property border-color specifies the color of the border has. Values can be normal color values, eg #123456 rgb(123,123,123) or yellow be." Types of boundary: the property 'border-style'.

  4. #4
    Join Date
    May 2008
    Posts
    2,297

    Re: How to generate a Box model and Floating image

    An element can use the property float on the left or right side of a document (or hash file Box - see Lesson 9 for a description of the box model) are positioned. Subsequent content wrap around this element.
    Sample Code :
    The HTML code for the example above is as follows:
    <div id="picture"> <img src="rock.jpg" alt="dog"> </div> <p>text</p>
    <div id="picture"> <img src="rock.jpg" alt="dog"> </div> <p>text</p>
    To position the image on the left and let it run around with the text, one need only specify the width of the box around the image and set its property float left on:
    #picture { float:left; width: 100px; }
    #picture { float:left; width: 100px; }

Similar Threads

  1. Max floating in the air bug in Max Payne 3
    By ronaldobrazil in forum Video Games
    Replies: 1
    Last Post: 01-06-2012, 06:59 PM
  2. Replies: 8
    Last Post: 05-12-2011, 09:20 PM
  3. china mobile phone model: "INCOMP Model:W902A"
    By gerardmodeste in forum Portable Devices
    Replies: 1
    Last Post: 04-01-2010, 09:10 AM
  4. Image that you generate is not displayed in PHP
    By EULALIA in forum Software Development
    Replies: 1
    Last Post: 17-07-2009, 12:06 AM
  5. Image thumbnails generate then disappear
    By Ion Control in forum Vista Help
    Replies: 5
    Last Post: 08-07-2009, 08:52 AM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Page generated in 1,711,716,313.62012 seconds with 17 queries