IPB

Welcome Guest ( Log In )

 
Reply to this topicStart new topic
> Customer Login, Displaying on top of each other
agkits
post Aug 23 2008, 03:46 PM
Post #1





Group: Verified NS Member
Posts: 167
Joined: 26-October 07
From: Syracuse NY
Member No.: 193



How do I get the New Customer/Returning Customer tables to display vertically rather than horizontally. I am having some issues with the display in 800x600. If I can get that to work I'm pretty sure it will solve my problem.
Go to the top of the page
 
+Quote Post
Goomba
post Aug 23 2008, 06:01 PM
Post #2





Group: Verified NS Member
Posts: 215
Joined: 13-July 08
From: St. Louis, MO
Member No.: 1,446



QUOTE (agkits @ Aug 23 2008, 03:46 PM) *
How do I get the New Customer/Returning Customer tables to display vertically rather than horizontally. I am having some issues with the display in 800x600. If I can get that to work I'm pretty sure it will solve my problem.


There's no easy way to do it as those are table columns hard-coded by the software. You could ostensibly use JavaScript to save the childNodes of the left and right login columns, then remove the columns and create a single column with two divs; one for the top (left) and one for the bottom (right).

Though it does seem to look fine that way it is.
Go to the top of the page
 
+Quote Post
martiniguy
post Aug 23 2008, 06:07 PM
Post #3





Group: Verified NS Member
Posts: 266
Joined: 10-March 08
From: South Eastern Martini-land
Member No.: 775



QUOTE (Goomba @ Aug 23 2008, 05:01 PM) *
There's no easy way to do it as those are table columns hard-coded by the software. You could ostensibly use JavaScript to save the childNodes of the left and right login columns, then remove the columns and create a single column with two divs; one for the top (left) and one for the bottom (right).

Though it does seem to look fine that way it is.

I agree - I think it would be tough to change this.
Go to the top of the page
 
+Quote Post
agkits
post Aug 23 2008, 06:14 PM
Post #4





Group: Verified NS Member
Posts: 167
Joined: 26-October 07
From: Syracuse NY
Member No.: 193



Yeh I should have posted a link. Its not on my store.

http://02ba144.netsolstores.com/login.aspx

I may have to narrow the right column. That might do the trick.
Go to the top of the page
 
+Quote Post
AndyT - MC
post Aug 23 2008, 06:20 PM
Post #5





Group: Administrators
Posts: 575
Joined: 22-October 07
From: St. Louis, MO
Member No.: 170



If you set the page-column-center to relative postioning, you can absolutely position the two tables within that section however you like.

Here is a good start:
CODE
body.login-page td.page-column-center { position:relative }
  table.register-small-container{ position:absolute; left:40% }
  table.login-small-container { position:absolute; left:40%; top:300px }
Go to the top of the page
 
+Quote Post
agkits
post Aug 23 2008, 06:36 PM
Post #6





Group: Verified NS Member
Posts: 167
Joined: 26-October 07
From: Syracuse NY
Member No.: 193



Works perfectly! Thanks Andy
Go to the top of the page
 
+Quote Post
agkits
post Aug 23 2008, 08:04 PM
Post #7





Group: Verified NS Member
Posts: 167
Joined: 26-October 07
From: Syracuse NY
Member No.: 193



I didn't realize IE there was problems. I got it as close as I could get it with:

CODE
body.login-page td.page-column-center { position:relative;}
table.register-small-container{ position:absolute; left:30%; width:150px!important; } table.login-small-container { position:relative; left:30%; top:200px;width:180px!important; }
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
Tags
No Tag inserted yet

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version    Network Solutions © 2008 Time is now: 2nd December 2008 - 03:13 PM
Domain Names | Web Hosting | Web Design | Shopping Cart Software | Online Marketing | SSL Certificates