creating table [rows,columns]

jace1319 · 09-08-2012, 09:16 PM

i would like to create a table with rows and columns to place in one of my articles just like the one below.

if anyone can help me out ill appreciate it.

coothead · 09-08-2012, 10:08 PM

Hi there jace1319,

try it like this...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title>Untitled Document</title>

<style type="text/css">
body {
    background-color:#f0f0f0;
 }
#mytable {
    margin:20px auto 0;
    border-collapse:collapse;
    font-family:arial,sans-serif;
    text-align:center;
    background-color:#fff;
 }
#mytable th {
    width:143px; 
    padding:10px 0;   
    border:2px solid #000;
    font-size:24px;
    color:#00709b;
 }
#mytable td {
    padding:8px 0;
    border:1px solid #00709b;
    font-size:20px;
    font-weight:bold;
 }
#mytable .small-text {
    font-size:14px;
 }
</style>

</head>
<body>

<table id="mytable">
<tbody>
<tr>
 <th>QUANTITY</th>
 <th>TEMPLATE</th>
 <th>SIZES</th>
 <th>PRICE</th>
 <th>DELIVERY</th>
</tr><tr>
 <td>500</td>
 <td>FLYERS</td>
 <td>4X6</td>
 <td>$70</td>
 <td class="small-text">2 BUSINESS DAYS</td>
</tr><tr>
 <td>1000</td>
 <td>FLYERS</td>
 <td>4X6</td>
 <td>$80</td>
 <td class="small-text">2 BUSINESS DAYS</td>
</tr><tr>
 <td>2500</td>
 <td>FLYERS</td>
 <td>4X6</td>
 <td>$100</td>
 <td>NEXT DAY</td>
</tr><tr>
 <td>5000</td>
 <td>FLYERS</td>
 <td>4X6</td>
 <td>$140</td>
 <td>NEXT DAY</td>
</tr><tr>
 <td>5000+</td>
 <td>FLYERS</td>
 <td>4X6</td>
 <td>?</td>
 <td>NEXT DAY</td>
</tr>
</tbody>
</table>

</body>
</html>

coothead

jace1319 · 09-08-2012, 11:45 PM

thank you very much for the effort you took to make this code but im such a noob and im trying to figure out where do i have to place this code.

I tried "toggle editor" in the the article section but it doesnt come out i was assuming i have to place the code somewhere in one of these stylesheet?

coothead · 09-09-2012, 11:08 AM

HI there jace1319,

Quote:

I'm trying to figure out where do I have to place this code

In the image that you have attached I noticed this word...

joomla

...to which I always reply...

Sorry, I cannot help you further, as I do not write or attempt to integrate code for CMS systems.

coothead

VIPStephan · 09-09-2012, 12:20 PM

In addition to what coothead said: If you don’t even know the difference between HTML and CSS and where to put your code I think you should either not run/manage a website in the first place or do some lessons before trying to run/manage a website or hire someone who knows what to do. I’m sorry if that’s not very constructive but it’s kinda frustrating if you wanna help someone who hasn’t even grasped the very basics of the matter because effectively it leads to either doing their work for them or to endless explaining of things you could find out with a little searching on the internet.

That said, if you are working with a CMS already you should actually have an editor field for your pages where you can theoretically create your tables as you would in any rich text editor like in MS Office or OpenOffice. Alternatively, you can paste in the plain HTML there (in the editor’s plain HTML view) and it should show up. If it’s not you have to be a little more specific about what’s happening.