/    Sign up×
Community /Pin to ProfileBookmark

I have a table with cells a, b, c, and d:

[CODE]|a|b|c|
——-

| |d| |[/CODE]
I need to hide b so that d moves up to take its place.
I do not want to use position:absolute||relative.
Is this possible?

to post a comment
CSS

10 Comments(s)

Copy linkTweet thisAlerts:
@KDLAMar 24.2006 — Do you want this to happen after something is clicked, or is this just a question about how to move content?

KDLA
Copy linkTweet thisAlerts:
@Wisest_GuyauthorMar 27.2006 — As soon as the page is loaded, the table looks like this:
[CODE]
|a|d|c|
-------
| |empty cell| |
[/CODE]
Copy linkTweet thisAlerts:
@Wisest_GuyauthorMar 28.2006 — Or maybe a blank second row.
Copy linkTweet thisAlerts:
@KDLAMar 28.2006 — How come you want things to move dynamically? Is it not possible to cut and paste the content into the correct cell, then have everything set from the get go?

You can switch them out (by cutting and pasting) by locating each cell's coding, indicated by
<td>content of cell d</td> <td>  (empty cell)</td>

KDLA
Copy linkTweet thisAlerts:
@Wisest_GuyauthorMar 28.2006 — I know, the page needs to load so that javascript sees cell d in the second row while it look like it's in the first row to the person looking at the page.
Copy linkTweet thisAlerts:
@KDLAMar 28.2006 — Can you send a link to the page? It might be that the js needs tweaking rather than moving everything around your page.

KDLA
Copy linkTweet thisAlerts:
@Wisest_GuyauthorMar 28.2006 — It's not on the web and I could change the javascript, but it would use less if statements to move the cell. I need speed in this page.
Copy linkTweet thisAlerts:
@KDLAMar 28.2006 — Is the usage of tables a must? Using CSS, you could put it into something like this:
<i>
</i>&lt;head&gt;
&lt;style type="text-css"&gt;
#a {float: left}
#b{display:none;}
#c{float: right}
&lt;/style&gt;&lt;/head&gt;
&lt;body&gt;
&lt;div id="a"&gt;content&lt;/div&gt;
&lt;div id="c"&gt;content&lt;/div&gt;
&lt;div id="b"&gt;javascript&lt;/div&gt;
&lt;div id="d"&gt;content&lt;/div&gt;
&lt;/body&gt;


With the "b" div being set on display: none, the "d" div would automatically move up to the spot. A table, because of its box/linear style, doesn't really let you have that freedom.

KDLA
Copy linkTweet thisAlerts:
@Wisest_GuyauthorMar 29.2006 — Tables is a must.

It only needs to work in Mozilla/FireFox.
Copy linkTweet thisAlerts:
@Wisest_GuyauthorMar 29.2006 — Original Question:
Is this possible?[/QUOTE]
×

Success!

Help @Wisest_Guy 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,
)...