The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Table in a separate HTML Page Linked to Homepage

View previous topic View next topic Go down

Table in a separate HTML Page Linked to Homepage

Post by reezvaan on February 23rd 2013, 2:48 am

Hello, I am using phpBB3 at my forum; www.pacvwr.forumstopic.com

I need to setup more than one HTML pages, numbered in sequence, connected to eachother, having this kind of table to list members' vintage cars;



The links as seen in above table when clicked open a new page in the same window which look something like this;



These above images are taken from; http://www.thesamba.com/vw/classifieds/newads.php?type=new

I want same setup coded to help me put up cars registered with the Cars Registry Database and the list pages have to be linked on the home page in a category/forum.

Thanks in advance.



reezvaan
Forumember

Posts : 27
Reputation : 1
Language : English

http://www.pacvwr.com

Back to top Go down

Re: Table in a separate HTML Page Linked to Homepage

Post by Cassius Dio on February 23rd 2013, 11:05 am

Hi! Very Happy

Well, I tried to make something simillary:
Code:
<style>
.forumline{
background-color: white;
border: 2px #069 solid;
}

th{
background-color: #069;
background-image: url(http://illiweb.com/fa/subsilver/back_title.gif);
color: #FFA34F;
font-size: 11px;
font-weight: 700;
height: 25px;
padding: 2px 3px;
}

.forumline td{
background-color: #EFEFEF;
padding: 2px 3px;
}
</style>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th width="250">Picture</th>
<th width="100%">Description</th>
<th width="150">Price</th>
<th width="400">Date/Location</th>
</tr>
<tr>
<td align="center" valign="top">First line - First column content</td>
<td align="left" valign="top">First line - Second column content</td>
<td align="right" valign="top">First line - Third column content</td>
<td align="right" valign="top">First line - Fourth column content</td>
</tr>
<tr>
<td align="center" valign="top">Second line - First column content</td>
<td align="left" valign="top">Second line - Second column content</td>
<td align="right" valign="top">Second line - Third column content</td>
<td align="right" valign="top">Second line - Fourth column content</td>
</tr>
<tr>
<td align="center" valign="top">Third line - First column content</td>
<td align="left" valign="top">Third line - Second column content</td>
<td align="right" valign="top">Third line - Third column content</td>
<td align="right" valign="top">Third line - Fourth column content</td>
</tr>
</table>

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Re: Table in a separate HTML Page Linked to Homepage

Post by reezvaan on February 23rd 2013, 10:19 pm

^^^Thanks thats great. I surely can modify it to use it. How about the other parts of my question? Actually I am a newbie with the code as well as with the forums.

The parts I now want answered are;

-Need to setup more than one HTML pages, numbered in sequence, connected to eachother, having the kind of table you just coded for me, to list members' vintage cars;

HOW DO I MAKE DYNAMIC THE NUMBER OF ROWS ON A PAGE, OR WILL I HAVE TO DESIGN A TABLE TO FILL A PAGE AND DUPLICATE THAT PAGE WITH AS MANY AS I WANT? IF YES, HOW DO I INTERLINK/SEQUENTIALLY NUMBER THE DUPLICATE PAGES?

-How do I fill in the links in the table coulmns/rows that you just coded for me? Is there a generic code to do that?

-How do I design the secondary page (second pic in OP) to be linked to a field in the Table that you coded for me?

-How do I link the TABLE HTML PAGE to a Category/Forum in Homepage of my forum?




reezvaan
Forumember

Posts : 27
Reputation : 1
Language : English

http://www.pacvwr.com

Back to top Go down

Re: Table in a separate HTML Page Linked to Homepage

Post by reezvaan on February 24th 2013, 10:52 pm

bump

reezvaan
Forumember

Posts : 27
Reputation : 1
Language : English

http://www.pacvwr.com

Back to top Go down

Re: Table in a separate HTML Page Linked to Homepage

Post by Sir Chivas™ on February 24th 2013, 10:55 pm




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: Table in a separate HTML Page Linked to Homepage

Post by Cassius Dio on February 25th 2013, 3:09 pm

- Hmm, you can just expand the table rows, adding more <tr> elements before </table>:
Code:
<tr>
<td align="center" valign="top">Fourth line - First column content</td>
<td align="left" valign="top">Fourth line - Second column content</td>
<td align="right" valign="top">Fourth line - Third column content</td>
<td align="right" valign="top">Fourth line - Fourth column content</td>
</tr>

- You can add after </table> some HTML codes that will redirect you on other page clicking on number. Like this:
Code:
<br>
Pages: <a href="LINK TO FIRST PAGE">1</a>, <a href="LINK TO ANOTHER PAGE">2</a>, <a href="LINK TO ANOTHER PAGE">3</a>, <a href="LINK TO ANOTHER PAGE">4</a> ...

- You can fill in links in your table cells, adding:
Code:
<a href="HERE YOUR LINK">CLICK HERE</a>
If you want this to open in a new tab:
Code:
<a target="_blank" href="HERE YOUR LINK">CLICK HERE</a>

- You can link the table HTML page to a Category/Forum in Homepage of your forum, adding this code in your Category/Forum title from Administration Panel ~> General ~> Forum ~> Categories and forums:
Code:
<a href="LINK TO HTML PAGE YOU WANT">Click here</a>

Unfortunately I'm not very intelligible at english so I'm sorry. Sad

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Re: Table in a separate HTML Page Linked to Homepage

Post by reezvaan on February 25th 2013, 3:32 pm

^^^Thats super nice of you @SGSS. I will try these later tonight and will see what more questions I have, if any. Gratified!

EDIT: The immediate questions that I could think of right away are;

-How do I post "Model Year" in the table's third column replacing PRICE.
-How do I post "Date/Time/Location" in the last/fourth column. I want the computer date/time dynamically stamped, and want to add the location manually.

Thanks in advance.

reezvaan
Forumember

Posts : 27
Reputation : 1
Language : English

http://www.pacvwr.com

Back to top Go down

Re: Table in a separate HTML Page Linked to Homepage

Post by Cassius Dio on February 25th 2013, 4:48 pm

This piece of code is making the columns, so you can change the text directly from:
<tr>
<th width="250">Picture</th>
<th width="100%">Description</th>
<th width="150">Price</th>
<th width="400">Date/Location</th>
</tr>
Just replace the underlined words to yours.

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Re: Table in a separate HTML Page Linked to Homepage

Post by reezvaan on February 25th 2013, 4:54 pm

SGSS wrote:This piece of code is making the columns, so you can change the text directly from:
<tr>
<th width="250">Picture</th>
<th width="100%">Description</th>
<th width="150">Price</th>
<th width="400">Date/Location</th>
</tr>
Just replace the underlined words to yours.

Thats not what I meant to ask, I was asking about filling in the fields in the table and not the column title.

Ok i get it about the model year that I will have to put it manually while listing a car but how do I insert date/time stamp in the last column table field.

reezvaan
Forumember

Posts : 27
Reputation : 1
Language : English

http://www.pacvwr.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum