473,698 Members | 2,234 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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="visibleD iv2">
<h3>Test 1:</h3>
<IMG alt="image" id="a10" src="../assets/images/play1.gif"
onclick="musicS elect(this);">
</div>
<div id="test11" class="hiddenDi v2">
<IMG alt="image" id="a11" src="../assets/images/mypitch1.gif"
onclick="checkT hisFirst(this); ">
<IMG alt="image" id="a12" src="../assets/images/notmypitch1.gif "
onclick="checkT hisSecond(this) ;">
</div>

<div id="test2" class="hiddenDi v2">
<h3><em>Test 2:</em></h3>
<IMG alt="image" id="a20" src="../assets/images/play1.gif"
onclick="musicS elect(this);">
</div>
<div id="test21" class="hiddenDi v2">
<IMG alt="image" id="a21" src="../assets/images/mypitch1.gif"
onclick="checkT hisFirst(this); ">
<IMG alt="image" id="a22" src="../assets/images/notmypitch1.gif "
onclick="checkT hisSecond(this) ;">
</div>

<div id="test3" class="hiddenDi v2">
<h3>Test 3:</h3><IMG alt="image" id="a30"
src="../assets/images/play1.gif" onclick="musicS elect(this);">
</div>
<div id="test31" class="hiddenDi v2">
<IMG alt="image" id="a31" src="../assets/images/mypitch1.gif"
onclick="checkT hisFirst(this); ">
<IMG alt="image" id="a32" src="../assets/images/notmypitch1.gif "
onclick="checkT hisSecond(this) ;">
</div>
Jun 27 '08 #1
6 1587
On Sat, 26 Apr 2008 18:11:12 +0100, Geoff Cox <gc**@freeuk.no tcom>
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.no tcom>
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.no tcom>
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.no tcomwrote:
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
2668
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 construct, but if I use more that one it issues an object error which states that: ExpCollTxt_ctrl_ex.style is not an object. So the followin piece works fine:
4
7735
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 uses this kind of block floating, they don't wrap to build a whole new line but instead get "hooked" at the left-most element being larger than the element right beside this "overflowing" element.
23
3154
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 0H0</p> <p class="Telephone">Telephone: 555-1234 </p> <p class="Fax">Fax: 555-4321</p> </div>
4
2369
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> <style type="text/css"> <!-- ..b {
4
2939
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 "feature" was added and also how to detect Mozilla as a userAgent. Alternatively is there an alternative to "display: -moz-inline-box" for sticking two tables side by side ?
11
4998
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; font-weight: bold; padding-left: 5px;
11
16471
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 as I would like? I've been playing with the following selector in my attempts to get at the text portion: input + * {width:180px;} So far my attempts have produced weirdness in FF and nothing occurs in IE7. Although beyond the scope of this...
2
8684
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 with two divs to get them to render side by side: <div style="width:12em;border: 2px solid #EFCE8C; padding: 0.5em;display:inline;">abc</div> <div style="width:12em;border: 2px solid #EFCE8C; padding:
10
4613
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> <tr><td>Hello4</td></tr> <tr><td>Hello5</td></tr>
0
8674
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8604
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
1
8895
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 Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8861
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7728
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5860
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4619
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3046
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2001
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.