Jump to content

how to make 2 different tables sit beside each other

- - - - -

  • Please log in to reply
3 replies to this topic

#1
lv2code

lv2code

    Newbie

  • Members
  • Pip
  • 3 posts
Hi all,
I am not very good with tables at all!!!
below is the page I am trying to modify:
ProductCart shopping cart software - Betties
I am trying to modify my default shopping cart code so I can have a form on the left and put a picture and text on the right beside it
here is a screen shot of the page:
Attached File  table-1-SS.jpg   78.61K   42 downloads
here is my code from my contact.asp page:
<div id="pcMain">		

		<table class="pcMainTable">

			<tr>

				<td>

					<h1><%response.write dictLanguage.Item(Session("language")&"_CustPref_12")%></h1>

				</td>

			</tr>

			<tr>

				<td class="pcSectionTitle">

					<%response.write dictLanguage.Item(Session("language")&"_Contact_1")%>

				</td>

			</tr>

       

			<tr>

				<td>

	

				<% If msg<>"" or request("msg")<>"" then %>

					<%if request("msg")="security1" then%>

						<div class="pcErrorMessage"><%response.write dictLanguage.Item(Session("language")&"_security_2")%></div>

					<%else

						if request("msg")="security2" then%>

						<div class="pcErrorMessage"><%response.write dictLanguage.Item(Session("language")&"_security_6")%></div>

						<%else

							if msg<>"" then%>

								<div class="pcErrorMessage"><%=msg%></div>

							<%end if

						end if

					end if%>

				<% end if %>

				

				<form method="post" name="contact" action="contact.asp" onSubmit="return Form1_Validator(this)" class="pcForms">

				<input type="hidden" name="updatemode" value="1">

				<table align="center" class="pcShowContent">

					<tr>

						<td width="25%">

							<h2>

							<%response.write dictLanguage.Item(Session("language")&"_Contact_2")%>

							</h2>

					  </td>

				  <td width="75%">

							<p>

							<input type="text" name="FromName" size="35" maxlength="70"

							value="<%=pcf_FillFormField ("FromName", pcv_isNameRequired) %>">

							<% pcs_RequiredImageTag "FromName", pcv_isNameRequired %>

							</p>

						</td>

					</tr>

					<tr>

						<td>

						  <h2>

						  <%response.write dictLanguage.Item(Session("language")&"_Contact_3")%>

						  </h2>

					  </td>

						<td>

						<p>

						<input type="text" name="FromEmail" size="35" maxlength="70"

						value="<%=pcf_FillFormField ("FromEmail", pcv_isEmailRequired) %>">					

						<% pcs_RequiredImageTag "FromEmail", pcv_isEmailRequired %>

						</p>

						</td>

					</tr>

					<tr>

						<td>

						  <h2>

						<%response.write dictLanguage.Item(Session("language")&"_Contact_4")%>

						  </h2>

					  </td>

						<td>

						<p>

							<input type="text" name="MsgTitle" size="35" maxlength="70"	value="<%=pcf_FillFormField ("MsgTitle", pcv_isTitleRequired) %>">	

							<% pcs_RequiredImageTag "MsgTitle", pcv_isTitleRequired %>

						</p>

						</td>

					</tr>

					<tr>

						<td valign="top">

							<h2>

							<%response.write dictLanguage.Item(Session("language")&"_Contact_5")%>

							</h2>

					  </td>

						<td valign="top">

							<p>

							<textarea rows="10" name="MsgBody" cols="35"><%=pcf_FillFormField ("MsgBody", pcv_isBodyRequired) %></textarea>

							<% pcs_RequiredImageTag "MsgBody", pcv_isBodyRequired %>

							</p>

						</td>

					</tr>

					<tr> 

						<td colspan="2">

						<%IF TurnOnSecurity=1 THEN%>

                        <!--#include file="../CAPTCHA/CAPTCHA_form_inc.asp" -->

                        <%END IF%>

						</td>

					</tr>

					<tr> 

						<td colspan="2"> 

							<p><input type="image" name="submit" value="Send message" src="<%=RSlayout("submit")%>" id="submit"></p>

						</td>

					</tr>

				</table>

                </form>

			</td>

		</tr>

     

	</table>

	</div>

**************************************
Best regards & thanks for any help on this
Sincerely,
Tony States

#2
lv2code

lv2code

    Newbie

  • Members
  • Pip
  • 3 posts
OK so I figured out how to get the tables to work for IE, Firefox & Chrome but not in Safari...
I got the "contact us form" to sit on the LEFT and the PHONE, EMAIL & ADDRESS to sit on the right correctly... In Safari it sit's BELOW the form table???
---> are there any hacks, tips or tricks that I can add to make this work in Safari???
***here is the page:
ProductCart shopping cart software - Betties
below is the CSS code I used to make the tables behave in IE, Firefox & Chrome...
<table align="center" class="pcShowContent" style="float:left; width:580px;">

<table width="302" border="0" cellspacing="10" cellpadding="10" style="float:right; color:#E705B7; font-size:18px">

Best regards & thanks for any help on this :cool:
Sincerely,
Tony States

#3
keivamp

keivamp

    Newbie

  • Members
  • PipPip
  • 10 posts
It's a pretty easy solution. You place the two tables/divs into a wrapper div/table and align them. I'd use an eternal CSS file instead inline CSS. Just my thoughts on it.

#4
Steve Davis

Steve Davis

    Newbie

  • Members
  • Pip
  • 4 posts
You have indirectly solved my question. Thanks for this and keep sharing again.Stay i touch.
seo

Edited by Steve Davis, 16 December 2011 - 08:59 PM.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users