473,406 Members | 2,894 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,406 software developers and data experts.

display: inline question?

Hello,

I am using the following css

..hiddenDiv2 {
display: none;
}

..visibleDiv2{
display: inline;
}

which works fine after one of the first set of mypitch1 and
notmypitch1 images has been clicked, in that the titles and images for
Tests 2, 3 and 4 all appear in the same place on the page.

After Test 1 though Test 2 appears lower down the page - how can I get
all 4 sets in the same position?

Cheers

Geoff

<div id="test1" class="visibleDiv2">
<h3>Test 1:</h3>
<IMG alt="image" id="a10" src="../assets/images/play1.gif"
onclick="musicSelect(this);">
</div>
<div id="test11" class="hiddenDiv2">
<IMG alt="image" id="a11" src="../assets/images/mypitch1.gif"
onclick="checkThisFirst(this);">
<IMG alt="image" id="a12" src="../assets/images/notmypitch1.gif"
onclick="checkThisSecond(this);">
</div>

<div id="test2" class="hiddenDiv2">
<h3><em>Test 2:</em></h3>
<IMG alt="image" id="a20" src="../assets/images/play1.gif"
onclick="musicSelect(this);">
</div>
<div id="test21" class="hiddenDiv2">
<IMG alt="image" id="a21" src="../assets/images/mypitch1.gif"
onclick="checkThisFirst(this);">
<IMG alt="image" id="a22" src="../assets/images/notmypitch1.gif"
onclick="checkThisSecond(this);">
</div>

<div id="test3" class="hiddenDiv2">
<h3>Test 3:</h3><IMG alt="image" id="a30"
src="../assets/images/play1.gif" onclick="musicSelect(this);">
</div>
<div id="test31" class="hiddenDiv2">
<IMG alt="image" id="a31" src="../assets/images/mypitch1.gif"
onclick="checkThisFirst(this);">
<IMG alt="image" id="a32" src="../assets/images/notmypitch1.gif"
onclick="checkThisSecond(this);">
</div>
Jun 27 '08 #1
6 1566
On Sat, 26 Apr 2008 18:11:12 +0100, Geoff Cox <gc**@freeuk.notcom>
wrote:
sorted - the problem was in another part of the code!

Cheers

Geoff
Jun 27 '08 #2

Geoff Cox wrote:
On Sat, 26 Apr 2008 18:11:12 +0100, Geoff Cox <gc**@freeuk.notcom>
wrote:

sorted - the problem was in another part of the code!
That's one reason why you should always post a URL instead of code snippets.

--
Berg
Jun 27 '08 #3
On Sun, 27 Apr 2008 13:27:52 -0500, Bergamot <be******@visi.com>
wrote:
>
Geoff Cox wrote:
>On Sat, 26 Apr 2008 18:11:12 +0100, Geoff Cox <gc**@freeuk.notcom>
wrote:

sorted - the problem was in another part of the code!

That's one reason why you should always post a URL instead of code snippets.
Berg,

the difficulty there is that the site is password protected until
finished ....

Cheers

Geoff
Jun 27 '08 #4
On 29 Apr, 13:30, Geoff Cox <g...@freeuk.notcomwrote:
That's one reason why you should always post a URL instead of code snippets.

Berg,

the difficulty there is that the site is password protected until
finished ....
I've uploaded your answer, but I'm afraid that Homeland Security
prevents me from posting its location.here.
Jun 27 '08 #5

Geoff Cox wrote:
On Sun, 27 Apr 2008 13:27:52 -0500, Bergamot <be******@visi.com>
wrote:
>>
That's one reason why you should always post a URL instead of code snippets.

the difficulty there is that the site is password protected until
finished ....
And that stops you from making a test page and uploading it somewhere
that is *not* password protected? Yet you expect us to do that for you...

Not very conducive to getting the help you seek, dontcha think?

--
Berg
Jun 27 '08 #6
On Tue, 29 Apr 2008 08:37:26 -0500, Bergamot <be******@visi.com>
wrote:
>
Geoff Cox wrote:
>On Sun, 27 Apr 2008 13:27:52 -0500, Bergamot <be******@visi.com>
wrote:
>>>
That's one reason why you should always post a URL instead of code snippets.

the difficulty there is that the site is password protected until
finished ....

And that stops you from making a test page and uploading it somewhere
that is *not* password protected? Yet you expect us to do that for you...

Not very conducive to getting the help you seek, dontcha think?
You are right - will do that the next time. All is well now - I found
an error in another part of the code.

Thanks

Geoff
Jun 27 '08 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: FrankBooth | last post by:
Hello, I have a list of names, and when I click ona name I want the extar info to show and then I want to clcik and hide it again. I have the following HTML which works perfectly if I use one...
4
by: Axel Dahmen | last post by:
Hi, current browsers don't support "display: inline-block;" and "display: inline-table;", resp. Thus I'm using "float: left;" to achieve a similar effect. Problem is that if a row of elements...
23
by: Mat | last post by:
<div id="container"> <div id="main"> <div id="header"> <p class="Address">123 Fake Street, </p> <p class="City">Crazy City, </p> <p class="Province">Ontario </p> <p class="PostalCode">H0H...
4
by: txican | last post by:
the HTML is: ---------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <html> <head> <title>foo</title>...
4
by: Aaron Gray | last post by:
Hi, I want an "isZZZ" variable that I can use to generate "display: -moz-inline-box;" rather than "display: inline-block;" but in DOM. For this I need to know what version of Mozilla this...
11
by: zzpat | last post by:
I'm having problems understanding display and hover. I'm trying to hover over a question and have the answer display. ..question { color: #fff; background: purple; width: 300px;...
11
by: totalstranger | last post by:
I have a check box with let's say 20 elements. I would like to have it align as 4 columns, 5 rows. Without using a table and using understandable CSS is there any way to make the check boxes align...
2
by: Steve Richter | last post by:
I would like to use display:inline and other CSS attributes to build an entry form. Where the heading to the left of the text box is always a set width. It is not working so I am experimenting...
10
by: removeps-groups | last post by:
How to display table and select next to each other? <html> <body> <table border=1 style="display:inline-table"> <tr><td>Hello1</td></tr> <tr><td>Hello2</td></tr> <tr><td>Hello3</td></tr>...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.