/    Sign up×
Community /Pin to ProfileBookmark

Simple HTML table problem but not so simple for me.

Copy linkTweet thisAlerts:
Sep 04.2005

please check the following site out:

[url]http://www.csi.co.uk/csi/[/url]

When i click on the menu link “Fibre Cabling” it expands and another two menu links appear below it. The expansion of the menu causes the content area in the middle move down as well.

Now ive tried to sort this out but it seems beyond me. What do i need to change so that the content area doest move like that when the menu expands?

Any help will be greatly appreciated.

thanks

to post a comment
JavaScript

11 Comments(s) ↴

Copy linkTweet thisAlerts:
@cyber1Sep 04.2005 — Try makng the following change:
[code=html]<div class="mhead">
<a href="javascript:showMenu(0);">FIBRE CABLING</a>
</div>[/code]


TO:
[code=html]
<a href="urltofibrecabling.html">FIBRE CABLING</a>
[/code]

-Bill
Copy linkTweet thisAlerts:
@jasearauthorSep 04.2005 — Try makng the following change:
[code=html]<div class="mhead">
<a href="javascript:showMenu(0);">FIBRE CABLING</a>
</div>[/code]


TO:
[code=html]
<a href="urltofibrecabling.html">FIBRE CABLING</a>
[/code]

-Bill[/QUOTE]

thats not whats causing the problem. And if i make that change then the menu wont expand. I think its got something to do with the way ive laid out the tables.
Copy linkTweet thisAlerts:
@cyber1Sep 04.2005 — thats not whats causing the problem. And if i make that change then the menu wont expand. I think its got something to do with the way ive laid out the tables.[/QUOTE]


I thought you wanted to kill it and just have a link.

What is it you want it to do?


-Bill
Copy linkTweet thisAlerts:
@jasearauthorSep 04.2005 — what i want is this:

When you click on the fibre cabling the menu expands. And if you look at the right hand content section they move from their original position as well and go a bit down.

I want to be able to click on that link, expand the menu without the content on the right moving down.
Copy linkTweet thisAlerts:
@jasearauthorSep 04.2005 — someone pls
Copy linkTweet thisAlerts:
@jasearauthorSep 05.2005 — man this cant be that difficult!
Copy linkTweet thisAlerts:
@bathurst_guySep 05.2005 — use css rather than js, thats all im going to offer seeing as though its not that difficult so you can do it yourself, were not here to help ignorant people
Copy linkTweet thisAlerts:
@jasearauthorSep 05.2005 — huh? did u just call me ignorant? What was the need for that?
Copy linkTweet thisAlerts:
@bathurst_guySep 05.2005 — sorry ey, just had a fight with someone else :p
Copy linkTweet thisAlerts:
@jasearauthorSep 05.2005 — lol! ok. I think ure right though. I need to use css. Ill give it a go. thanks for your help.
Copy linkTweet thisAlerts:
@cyber1Sep 05.2005 — jasear-

If you do want to continue with the curent code.

Do the following:

For testing purposes set all table borders to 1.

This allows you to see them and you can see whats happening.

In the cell that contains the menu and the one with the iframe set the vertical align to valign="top".

This should solve that movement problem.

And as a side note, there seems to be a lot more tables then you really need.

The code needs serious cleaning up, at the very least it needs validated

-Bill
×

Success!

Help @jasear 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 5.18,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

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

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...