Click here to get back home

display: inline question?
 Home | NewsGroups | Search | About
Login Password
Register Now!
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
display: inline question? Geoff Cox 04-26-2008
Posted by Geoff Cox on April 26, 2008, 1:11 pm
Please log in for more thread options
 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>

Posted by Geoff Cox on April 26, 2008, 5:43 pm
Please log in for more thread options
 wrote:


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

Cheers

Geoff

Posted by Bergamot on April 27, 2008, 2:27 pm
Please log in for more thread options

Geoff Cox wrote:
> 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

Posted by Geoff Cox on April 29, 2008, 8:30 am
Please log in for more thread options
wrote:

>
>Geoff Cox wrote:
>> 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



Posted by Andy Dingley on April 29, 2008, 8:40 am
Please log in for more thread options
> >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.

Similar ThreadsPosted
inline frames September 21, 2005, 8:48 pm
inline images December 27, 2005, 2:48 am
CSS gap between inline elements February 7, 2008, 3:03 am
Restricting inline image size March 29, 2005, 6:56 pm
Re: Restricting inline image size March 29, 2005, 9:24 pm
Re: Restricting inline image size March 30, 2005, 2:07 am
Two lines of text in inline context September 1, 2005, 5:40 am
"Glueing" grapchic with inline text together? November 4, 2005, 10:20 am
Showing target of a link inline November 15, 2005, 6:00 pm
DTD? Is address element block or inline? December 15, 2005, 10:16 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap