/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Html Tables…ie Ff Clash

[CODE]<div id=”mainpage” name=”mainpage” style=”visibility:visible;position:absolute; width:730px; top:100px; left:20px;z-index:1;height:50px;background-color:white;”>
<TABLE id=”tbTable” name=”tbTable” style=”WIDTH: 730px;” frame=”below” bgcolor=”white” align=”center” cellspacing=”0″ cellpadding=”0″>
<TR bordercolor=”white”>
<TD width=”84px” align=”center”>
<button type=”button” class=”tbBtn” ID=”ok” TITLE=”OK (Ctrl+Enter)” tb=”Y” tbimg=”0″ disabled onClick=”submitIt(1);”><IMG src=”images/accpt_ds.gif” border=”0″ alt=”OK”></button>
<button type=”button” class=”tbBtn” ID=”cancel” TITLE=”Cancel (F12)” tb=”Y” tbimg=”1″ disabled onClick=”setScreen(3);”><IMG src=”images/cancel_ds.gif” border=”0″ alt=”Cancel”></button>
</TD>
<TD width=”170px” align=”center” style=”border-left: solid 1px gray;”>
<BUTTON type=”button” class=”tbBtn” id=”add” title=”Add (F2)” tb=”Y” tbimg=”2″ onClick=”setScreen(4);”><IMG src=”images/new_up.gif” border=”0″ alt=”Add New Record”></BUTTON>
<BUTTON type=”button” class=”tbBtn” id=”edit” title=”Edit (F8)” tb=”Y” tbimg=”3″ onClick=”setScreen(2);”><IMG src=”images/edit_ds.gif” border=”0″ alt=”Edit The Currently Viewed Record”></BUTTON>
<BUTTON type=”button” class=”tbBtn” id=”copy” title=”Copy” tb=”Y” tbimg=”20″ onClick=”setScreen(8);”><IMG src=”images/copy_ds.gif”></BUTTON>
<BUTTON type=”button” class=”tbBtn” id=”del” title=”Delete” tb=”Y” tbimg=”5″ onClick=”setScreen(5);”><IMG src=”images/delete_up.gif”></BUTTON>
</TD>
<TD width=”82px” style=”font-family:Arial;font-weight:bold; font-size:13;border-left: solid 1px gray;” align=”center”></TD>
<TD width=”84px” align=”center” style=”border-left: solid 1px gray; “>
<BUTTON type=”button” class=”tbBtn” id=”find” title=”Find” tb=”Y” tbimg=”4″ disabled onClick=”setScreen(1);”><IMG src=”images/query_up.gif”></BUTTON>
<BUTTON type=”button” class=”tbBtn” id=”browse” title=”Browse” tb=”Y” tbimg=”6″ disabled onClick=”setScreen(6);”><IMG src=”images/browse_ds.gif”></BUTTON>
</TD>
<TD width=”174px” align=”center” style=”border-left: solid 1px gray; “>
<BUTTON type=”button” class=”tbBtn” id=”first” title=”First Record” tb=”Y” tbimg=”7″ disabled onClick=”setScreen(10);”><IMG src=”images/first_ds.gif”></BUTTON>
<BUTTON type=”button” class=”tbBtn” id=”prev” title=”First Record” tb=”Y” tbimg=”8″ disabled onClick=”setScreen(11);”><IMG src=”images/prev_ds.gif”></BUTTON>
<BUTTON type=”button” class=”tbBtn” id=”next” title=”Next Record” tb=”Y” tbimg=”9″ disabled onClick=”setScreen(12);”><IMG src=”images/next_ds.gif”></BUTTON>
<BUTTON type=”button” class=”tbBtn” id=”last” title=”Last Record” tb=”Y” tbimg=”10″ disabled onClick=”setScreen(13);”><IMG src=”images/last_ds.gif”></BUTTON>
</TD>
<td width=”84px” align=”center” style=”border-left: solid 1px gray; “>
<BUTTON type=”button” class=”tbBtn” id=”report” title=”Run Report” tb=”Y” tbimg=”11″ disabled onClick=”runReport();”><IMG src=”images/report_ds.gif”></BUTTON>
<BUTTON type=”button” class=”tbBtn” id=”help” title=”Help” tb=”Y” disabled onClick=”setScreen(14);”><IMG src=”images/help_up.gif”></BUTTON>
</td>
<td width=”52px” bordercolor=”#E6E6E6″ align=”left” style=”border-left: solid 1px gray; “>&nbsp;
<BUTTON type=”button” class=”tbBtn” id=”exit” title=”Exit” tb=”Y” onClick=”submitIt(25);”><IMG src=”images/exit_up.gif”></BUTTON>
</td>
</TR>
</TABLE>
</div>
[/CODE]

Tables aren’t showing up very well in EITHER browser really. I have messed with sizes for an hour now..and I can’t seem to get them to work in BOTH at the same time without looking rediculous in one….is there an easier way?

to post a comment
HTML

7 Comments(s)

Copy linkTweet thisAlerts:
@zoltankisDec 01.2007 — Just an idea: begin with planning table layout first, use simple "X" instead of long button definitions:

<table border="1">

<tr><!-- first row begin -->

<td colspan="1"> X </td><!-- one cell -->

</tr><!-- first row end-->

</table>

From the above "template" you can create first as many <td></td> pairs, as the highest number of buttons you want to see in one row, plus 1 or two additional blank cell space.

After getting a single row, copy the whole <tr></tr> section as many times, as many rows you plan to display.

Next, delete the unwanted <td></td> pairs, and increase the previous or next colspan counter by 1.

After these steps, you must get a table layout, that will surely fit your needs.

Finally replace "X"-es with the appropriate button definition, and replace border="1" with border="0".

If you set the button width and height in class="tbBtn" , the table will be perfect without any other attributes.

P.S.: don't put more than 1 button in one cell.
Copy linkTweet thisAlerts:
@ray326Dec 02.2007 — Give us a link. That content doesn't even show up well enough to tell what you're trying to do.
Copy linkTweet thisAlerts:
@altauthorDec 05.2007 — Just an idea: begin with planning table layout first, use simple "X" instead of long button definitions:

<table border="1">

<tr><!-- first row begin -->

<td colspan="1"> X </td><!-- one cell -->

</tr><!-- first row end-->

</table>

From the above "template" you can create first as many <td></td> pairs, as the highest number of buttons you want to see in one row, plus 1 or two additional blank cell space.

After getting a single row, copy the whole <tr></tr> section as many times, as many rows you plan to display.

Next, delete the unwanted <td></td> pairs, and increase the previous or next colspan counter by 1.

After these steps, you must get a table layout, that will surely fit your needs.

Finally replace "X"-es with the appropriate button definition, and replace border="1" with border="0".

If you set the button width and height in class="tbBtn" , the table will be perfect without any other attributes.

P.S.: don't put more than 1 button in one cell.[/QUOTE]


Thanks for the help, this got me on the right track. There are still a few things that I cant get to fix in BOTH browsers with a lot of the code im working on currently. now im just browser detecting w/ if statements heh.
Copy linkTweet thisAlerts:
@gizmoDec 06.2007 — I may be wrong, but it sounds like you are not writing valid code, but just throwing something together and seeing if it gives the effect you are after. :rolleyes:
Copy linkTweet thisAlerts:
@felgallDec 06.2007 — There doesn't appear to be any tabular data there at all so why are you trying to use a table in the first place?
Copy linkTweet thisAlerts:
@altauthorDec 10.2007 — If you guys didn't notice already, I posted saying that I have it figured out. Thanks to the help of Zoltankis. No need for additional comments.
Copy linkTweet thisAlerts:
@dtm32236Dec 10.2007 — you didn't say you have it figured out:

There are still a few things that I cant get to fix in BOTH browsers with a lot of the code im working on currently...[/quote]

maybe they're trying to help you get it browser-friendly. they're trying to help you, so give them a break.
×

Success!

Help @alt spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...