formatting data table

[pepe_lepew]

Hello:

I am trying to create a result form from mysql and I am having problems formatting my html data tables. The result should be show a picture ( link in mysql ), then next to it a table that will probably contain 4 fields that I have as table0. I want this to be 100%, but when I make it 100%, it automatically drops below the picture. The same goes for the 2 tables, table1 and table2 ( all these names are temp only so that I can see the placement ). I can not get them to be 50% each. I want to add another row of tables that will be hidden in all views accept with a media query of 240. This would then show a little more information for mobile users. I am not worried just yet about the media query. Can anyone help me please. I have added the code here along with a link. I am not using external css until it works.

http://www.pepelepew1962.x10.mx/help.html

`

pager

{
width:75%;
}

page01

{
margin: 10px auto;
border: 2px solid #191919;
background-color: #2C2C2C;
padding: 10px;
border-radius: 4px;
/* [disabled]margin-bottom: 10px; /
/ [disabled]margin-top: 10px; */

}

pk01 img

{
width: 75px;
height: 100px;
}

.pix {
display:block;
max-width:100%;
height:auto;
margin:0.0em auto;
float: left;
}

.table0 {
width:90%;
margin:auto;
font-size:12px;
border:1px solid #0000FF;
float: left;
margin-bottom: 5px;
}

.table0 th {
font-weight:bold;
color: yellow;
vertical-align:middle;
text-align:center;
border:1px solid #C1FFC1;
}

.table1 {
width:40%;
margin:auto;
font-size:12px;
border:1px solid #FF1493;
float: left;
}

.table1 th {
font-weight:bold;
color:#00FFFF;
vertical-align:middle;
text-align:center;
border:1px solid #C1FFC1;
}

.table1 tr {
border:1px solid #C1FFC1;
}

.table1 td {
font-weight:bold;
color:#00FF00;
vertical-align:middle;
text-align:left;
padding-left: 15px;
border:1px solid #C1FFC1;
}

.table2 {
width:40%;
margin:auto;
font-size:12px;
border:1px solid #FF1493;
float: left;
}

.table2 th {
font-weight:bold;
color:#00FFFF;
vertical-align:middle;
text-align:center;
border:1px solid #C1FFC1;
}

.table2 tr {
border:1px solid #C1FFC1;
}

.table2 td {
font-weight:bold;
color:#FF0000;
vertical-align:middle;
text-align:left;
padding-left: 15px;
border:1px solid #C1FFC1;
}

Test Page

SOMETHING
SOMETHING
SOMETHING
SOMETHING

Book
$5.00

Shoe
$10.00

Flower
$3.00

Books
$5.00

Shoes
$10.00

Flowers
$3.00

SOMETHING
SOMETHING
SOMETHING
SOMETHING

Book
$5.00

Shoe
$10.00

Flower
$3.00

Books
$5.00

Shoes
$10.00

Flowers
$3.00

`

[Author]

Posts