Home1
Tables codes for the body Tue Aug 31, 2010 10:30 pm
Guest
Guest
Hello again 
I am trying to add tables to my site like that concept(LIKE THAT not a copy!
) http://a.imageshack.us/img835/2040/mysitelayout.jpg
my code is this one:
you can see the css,body etc.
So,can someone add the black bordered tables to the body like the image above?
i want the tables to be:
2 side widgets,a main table body to the middle and a table with much width to the footer(like that site
Regards guys and many thanks to the guy who will help me!
I am trying to add tables to my site like that concept(LIKE THAT not a copy!
) http://a.imageshack.us/img835/2040/mysitelayout.jpgmy code is this one:
you can see the css,body etc.
So,can someone add the black bordered tables to the body like the image above?
i want the tables to be:
2 side widgets,a main table body to the middle and a table with much width to the footer(like that site
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
body {
font-family:Tahoma, Geneva, sans-serif;
margin: 0;
background-color:#333d3a;
background-image:url(http://i38.tinypic.com/t7ziok.png);
}
.container {
margin: 0 auto;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius: 10px;
background-color: #222725;
width: 800px;
border: 1px solid #424242;
margin-bottom: 50px;
margin-top: 70px;
}
#outercontainer {
background-image:url(http://i33.tinypic.com/otlm49.png);
background-repeat:no-repeat;
background-position: top center;
margin: 0 auto;
}
a:link {
text-decoration: none;
color: #f1d11c;
}
a:visited {
text-decoration: none;
color: #F90;
}
a:hover {
text-decoration: underline;
color: #FC0;
}
a:active {
text-decoration: none;
color: #FFF;
}
</style>
</head>
<body>
<div id="outercontainer"></div><div class="container">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus.
Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus.
Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus.
Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus.
Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy.</div>
</body>
</html>
Regards guys and many thanks to the guy who will help me!
