X-Cart forums - button classes dont display correctly

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - button classes dont display correctly (https://forum.x-cart.com/showthread.php?t=17798)

button classes dont display correctly

I want to move buttons from 1 table location into another but when I do that my button classes don't display correctly.

Here is a link show a graphic of my problem:
http://www.michaelmoskva.com/image7profile/buttonsdisplay.htm

I posted the code. If someone can take a look at it and help me out.

Here is my code for the center table were the button are giving me trouble. Its located at the line that says <img src> "A href"

Code:

<td><table border="0" width="100%" cellpadding="0" cellspacing="1">

       <tr>

      <td class=NavDialogBox_ width="50%" valign=top>




      <font class=SubHeader2>[img]{$ImagesDir}/spacer.gif[/img]{$login}</font>




                  




                  <font class=SubHeader2>[img]{$ImagesDir}/spacer.gif[/img]{$lng.txt_email_preference}{$lng.txt_email_confirmations}</font>




                  




                                  [img]{$ImagesDir}/spacer.gif[/img] <span>{$lng.lbl_modify_profile}</span>

                                  [img]{$ImagesDir}/spacer.gif[/img] <span> {$lng.lbl_delete_profile}</span> 



                  <table border="0" width="100%" cellpadding="0" cellspacing="1" align="center" class=NavDialogBox_>

                    

                  </table></td>

Here is my code for the buttons that are display correctly. Its located at the "onclick":

Code:

<table border="0" cellpadding="0" cellspacing="0">

                <tr height=25>

                        <td onClick="javascript:self.location='register.php?mode=update'" class=new_button_gr style='cursor:pointer' align=center>{$lng.lbl_modify_profile}</td><td width=4></td>

                        <td onClick="javascript:self.location='register.php?mode=delete'" class=new_button_gr style='cursor:pointer' align=center>{$lng.lbl_delete_profile}</td><td width=4></td>

                        <td onClick="javascript:self.location='orders.php'" class=new_button_gr style='cursor:pointer' align=center>{$lng.lbl_orders_history}</td><td width=4></td>

                </tr>

[/b]

Well, the first thing that jumps out at me is that you are using the same class for the image (in the first code bit) as you are for a table cell (in the second code bit).

Untill we see what is in the CSS for that class, and also know what it is that you are trying to accomplish and what is not showing up that you expect to see - it is difficult to tell.

I want the buttons in the center of the table to look link the buttons I have displayed at the bottom left of the page. The buttons in the center table have a different font color displaying and it has rollover states. It should look like the buttons displaying below them; with no-rollover states and have a red txt font displaying not blue?

http://<a href="http://www.michaelmoskva.com/xcart/my_account.php" target="_blank">http://www.michaelmoskv...ccount.php</a>

I adjusted the location of <font> tag but that didnt help any; and i also removed the <span> tags but that didn't help any either?

Here is my css button code:

Code:

}

.new_button_gr {

    COLOR: #ff3300; FONT-WEIGHT: bold; FONT-SIZE: 10px;

        BACKGROUND-COLOR: #ffffff;

        border-color:#CCCCCC; border-style:solid; border-width:1px; height: 1.3 em; padding: 3.5;

}

code for button located in center table:

Code:

 <td><table border="0" width="100%" cellpadding="0" cellspacing="1">

              <tr>               

<td class=NavDialogBox_ width="50%" valign=top>




[img]{$ImagesDir}/spacer.gif[/img]<font class=SubHeader2>{$login}</font>




                  




[img]{$ImagesDir}/spacer.gif[/img]<font class=SubHeader2>{$lng.txt_email_preference}{$lng.txt_email_confirmations}</font>




                  




[img]{$ImagesDir}/spacer.gif[/img] <span>{$lng.lbl_modify_profile}</span>

[img]{$ImagesDir}/spacer.gif[/img] <span> {$lng.lbl_delete_profile}</span> 



<table border="0" width="100%" cellpadding="0" cellspacing="1" align="center" class=NavDialogBox_>

</table></td>

code for the buttons that are displaying correctly

Code:

<table border="0" cellpadding="0" cellspacing="0">

<tr height=25>

                        <td onClick="javascript:self.location='register.php?mode=update'" class=new_button_gr style='cursor:pointer' align=center>{$lng.lbl_modify_profile}</td><td width=4></td>

                        <td onClick="javascript:self.location='register.php?mode=delete'" class=new_button_gr style='cursor:pointer' align=center>{$lng.lbl_delete_profile}</td><td width=4></td>

                        <td onClick="javascript:self.location='orders.php'" class=new_button_gr style='cursor:pointer' align=center>{$lng.lbl_orders_history}</td><td width=4></td>

                </tr>

Well, the buttons at the bottom are made using Table Cells. Why don't you just replicate that code?

Also, the HTML that you are using for the links at that top is not entirely correct.

Modify profile

The more correct way to write this is

Modify profile

Its just a plain link.

I changed the code to read like you mentioned below, but teh button would not adjust at all.

Code:

Modify profile

I then tryed to replicate the code and insert it into the center table, my alignment would screw up. dont know what to do?

http://<a href="http://www.michaelmoskva.com/xcart/my_account.php" target="_blank">http://www.michaelmoskv...ccount.php</a>