darrenb
22 Mar 2010, 07:40 PM
Hey,
It would be a lot of code that would be posted here so I figured I'd link you guys to the demo.
http://woork.blogspot.com/2008/03/two-css-vertical-menu-with-showhide.html
I'm using the mootools toggle effect one and how I want the button to work is when you click on the button it slides (I got this to work) and I want a block of text on the left and a picture on the right.
In the body this is how my code looks
<table width="460" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%" valign="top">
<a href="#" id="toggle1" class="button"><span>Brazilian Jiu-Jitsu</span></a>
<div style="clear:both">
<ul id="v-menu3" class="v-menu">
<span class="left">
<p>In 1914 Japanese Judo and Jiu-Jitsu master Mitsuo Maeda came to Brazil and pioneered Brazilian martial arts. In return for helping the Brazilian politician Gastao Gracie, Maeda taught Jiu-Jitsu to Gastao’s son Carlos. Carlos in turn taught his brothers. He then went on to further refine the art via constant no-rules competition, developing what is now known as Gracie Jiu-Jitsu (otherwise known as Brazilian Jiu-Jitsu). Renzo Gracie is the son of Robson Gracie and grandson of Carlos. World Championship Martial Arts is proudly affiliated with <em>Team Renzo Gracie Ottawa</em>.</p>
<p>Brazilian Jiu-Jitsu is about respect. We respect all members of the academy equally and we train as a <strong>TEAM</strong>.</p>
<p>At World Championship Martial Arts our focus is maintaining the highest level of instruction in Brazilian Jiu-Jitsu. This art is known as the most effective martial art in the world, although it is new to martial arts standards. Today, in any reality-fighting tournament 99% of competitors will have a certain level of Brazilian Jiu-Jitsu. It has been proven to be consistently effective in combat situations. We train with a partner in every class. In doing so, you quickly learn what works and what doesn’t against an opponent who is resisting. We emphasize technique and position. Proper technique and good position will dictate the outcome of a fight whether in competition or on the street. Brazilian Jiu-Jitsu is easy and fun to learn, but takes hard work, discipline and dedication to master. Our classes will generally comprise of a brief warm-up, guard passing drills, positional drills, technique and training.</p>
<p>Our students will have the opportunity to train with <em>Team Renzo Gracie Ottawa</em>, who we are proudly affiliated with. </p>
</span>
<span class="right">
<p><img src="images/braz.jpg" /></p>
</span>
</ul>
</div></td>
When I remove the span classes I can see the text but the image is below. My teacher tried helping me so he put the span classes but then no text shows or the image, but where the image should be there is a thin yellow box...this is frustrating I don't know how to get this to work...
It would be a lot of code that would be posted here so I figured I'd link you guys to the demo.
http://woork.blogspot.com/2008/03/two-css-vertical-menu-with-showhide.html
I'm using the mootools toggle effect one and how I want the button to work is when you click on the button it slides (I got this to work) and I want a block of text on the left and a picture on the right.
In the body this is how my code looks
<table width="460" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%" valign="top">
<a href="#" id="toggle1" class="button"><span>Brazilian Jiu-Jitsu</span></a>
<div style="clear:both">
<ul id="v-menu3" class="v-menu">
<span class="left">
<p>In 1914 Japanese Judo and Jiu-Jitsu master Mitsuo Maeda came to Brazil and pioneered Brazilian martial arts. In return for helping the Brazilian politician Gastao Gracie, Maeda taught Jiu-Jitsu to Gastao’s son Carlos. Carlos in turn taught his brothers. He then went on to further refine the art via constant no-rules competition, developing what is now known as Gracie Jiu-Jitsu (otherwise known as Brazilian Jiu-Jitsu). Renzo Gracie is the son of Robson Gracie and grandson of Carlos. World Championship Martial Arts is proudly affiliated with <em>Team Renzo Gracie Ottawa</em>.</p>
<p>Brazilian Jiu-Jitsu is about respect. We respect all members of the academy equally and we train as a <strong>TEAM</strong>.</p>
<p>At World Championship Martial Arts our focus is maintaining the highest level of instruction in Brazilian Jiu-Jitsu. This art is known as the most effective martial art in the world, although it is new to martial arts standards. Today, in any reality-fighting tournament 99% of competitors will have a certain level of Brazilian Jiu-Jitsu. It has been proven to be consistently effective in combat situations. We train with a partner in every class. In doing so, you quickly learn what works and what doesn’t against an opponent who is resisting. We emphasize technique and position. Proper technique and good position will dictate the outcome of a fight whether in competition or on the street. Brazilian Jiu-Jitsu is easy and fun to learn, but takes hard work, discipline and dedication to master. Our classes will generally comprise of a brief warm-up, guard passing drills, positional drills, technique and training.</p>
<p>Our students will have the opportunity to train with <em>Team Renzo Gracie Ottawa</em>, who we are proudly affiliated with. </p>
</span>
<span class="right">
<p><img src="images/braz.jpg" /></p>
</span>
</ul>
</div></td>
When I remove the span classes I can see the text but the image is below. My teacher tried helping me so he put the span classes but then no text shows or the image, but where the image should be there is a thin yellow box...this is frustrating I don't know how to get this to work...