954,604 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

How to create these boxes in HTML?

How do you create box with like this with things in inside the boxes?

http://oi43.tinypic.com/18nllk.jpg

Transcendent
Junior Poster
100 posts since Oct 2010
Reputation Points: 5
Solved Threads: 1
 

You should elaborate your question as far as i have understood here is what u r asking


This is called two column website . .if u now how to work with divs apply following following approach
-Creae a wrapper (a large div for whole webpage)
-Create two divs inside the wrapper - set one to float:left , the other to float:right (this will create two columns)
-Then indiviually in these two columns start adding divs (boxes)

learner guy
Light Poster
26 posts since Aug 2011
Reputation Points: 10
Solved Threads: 0
 

Do you know get a good tutorial on this?

Transcendent
Junior Poster
100 posts since Oct 2010
Reputation Points: 5
Solved Threads: 1
 

I'm slightly confused, do you mean the boxes on the right, or the left.

No the less, they are standard divs. Maybe post a wire frame of what you want or something?

mikulucky
Junior Poster in Training
85 posts since Jan 2012
Reputation Points: 41
Solved Threads: 13
 

Do you have another tutorial that get into more details like where do you put your contents for each box and how you can decided where the boxes go and their size?

more info:
you see how the boxes are in the link? I want to create boxes like that with content in them.

Transcendent
Junior Poster
100 posts since Oct 2010
Reputation Points: 5
Solved Threads: 1
 
teedoff
Posting Pro
599 posts since Jul 2010
Reputation Points: 21
Solved Threads: 60
 

boxing an image --

<img src = "imgsrc.jpg/png" width="yw" height="yh" alt="whatever" <strong>border="1"</strong>


legend=
yw = your width
yh = your height

jackbauer24
Posting Whiz in Training
234 posts since Oct 2011
Reputation Points: 21
Solved Threads: 2
 

How do you create box with like this with things in inside the boxes?

http://oi43.tinypic.com/18nllk.jpg

Usediv tag to create needful structure.

EmilyJohnson
Junior Poster in Training
63 posts since Apr 2011
Reputation Points: 10
Solved Threads: 4
 

There are many ways to create boxes. Either you can use, divs or tables with border style or also image itself with border style.

jorik
Light Poster
35 posts since Sep 2009
Reputation Points: 10
Solved Threads: 0
Infraction Points: 5
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You