I am trying to analyze a webpage with a style. In the css file I could not recognize any table command.?

1 ⤊

I am trying to analyze a webpage with a style. In the css file I could not recognize any table command.?

However, it has boxes to write text in them. How do they make it? (i.e., which lines in the css file do it?)The opensource web page I am referencing is at: http://www.dbfnetwork.info/tinderbox/demos/fixed-3-4c/index.html

2006-12-09 04:45:49 · 4 answers · asked by x_squared 4 in Computers & Internet ➔ Programming & Design

4 answers

Hello

It uses a tableless layout using "div" tags. The boxes are drawn using the following styles (within "style.css") applied to the "div" tags.

cell_1, cell_2, cell_3, box_1, box_2, box_3

Try searches on google for tableless layout below are two quick links ;)

Hope it helps :)

2006-12-09 04:53:28 · answer #1 · answered by fsm 3 · 0⤊ 0⤋

If you look at the web page you provided, there are id's associated with div tags, that surround the code that displays the boxes, such as:

This id is referenced in the css file, with a pound sign in front of the id name "#box_1": http://www.dbfnetwork.info/tinderbox/demos/fixed-3-4c/style.css

Here's the actual css code that created "box_1":
#box_1 {
margin:0 5px 2em 0;
padding:8px;
float:left;
width:150px;
background-color:#cccccc;
}:

The web author is using the "box model" which requires the author to define margins, padding, and width.

The css code for box 1 says:
1) float (or start) displaying the box at the left most part of the web page: float:left;

2) the box will have a width of 150 pixels (dots on the web page): width:150px;

3) the background of the box will be gray (stated in hex):
background-color:#cccccc;

4) the margin is the most complicated, it sets up the parameters for the box:
a) Margin denotes space around the "box".
b) You can specify the margin space in points (pt), inches (in), centimeters (cm), emphasis (em) or pixels (px).
c)The order you can specify the margin of the box is:
top, right, and then left.
d) So your box margin was: margin:0 5px 2em 0;
0 space from the top of the box;
5px of space from the right side of the box;
2em (twice the size of a text character) from the bottom
0 space from the left side of the box

5) Padding is the amount of space between the text or content and the border of the box, or if there isn't a border, than the space between the content of the box and the edge of the box itself (so the text isn't all swished together), 8px of space was requested between the text and box: padding:8px;

2006-12-09 05:29:20 · answer #2 · answered by edith clarke 7 · 1⤊ 0⤋

Bebop and Shamploo - 26 each and each Strawberry Panic - dunno His is my grasp - 12 i think of I My ME! Strawberry Eggs - 13 Blood+ - 50 Trinity Blood - 26 Avatar - fifty 3 at present(ongoing) that, whilst coupled with the others, might desire to be sufficient.

2016-10-14 08:27:16 · answer #3 · answered by Anonymous · 0⤊ 0⤋

i am a new yahoo user ,i sell some product on yahoo .
this is my yahoo store http://www.llpshop168.com ,if i bother you ,i hope you can forgive me ,thank you for your time .i hope you can give me some suggest about my product.

2006-12-10 03:32:21 · answer #4 · answered by shop l 1 · 0⤊ 1⤋