PDA

View Full Version : Help with AnyLink CSS Menu - put images right next to one another



stevcrack
01-10-2010, 06:16 AM
1) Script Title: AnyLink CSS Menu Script v2.0

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm

3) Describe problem:

I was messing around with this fantastic menu script.. and I got a bit stumped.

I need to figure out how to get these two images to appear right next to one another, so I can actually turn this script into a navigation menu on a website. The way it looks now is that they one on top, one on bottom.. See code below:


<p><a href="http://www.yo.com" class="anchorclass" rel="submenu1" data-image="home.jpg" data-overimage="home.jpg"><img src="home.jpg"

style="border-width:0" /></a></p>

<div id="submenu1" class="anylinkcsscols" style="background: #ffffff">

<div class="column" style="width: 300px;">
<b>Web Development</b>
<ul>
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
</ul>
</div>

</div>



<p><a href="http://www.management.com" class="anchorclass" rel="submenu4" data-image="management.jpg"

data-overimage="management.jpg"><img src="management.jpg" style="border-width:0" /></a></p>

<div id="submenu4" class="anylinkcsscols" style="background: #040404">

<div class="column">
<b>Web Development</b>
<ul>
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
</ul>
</div>


</div>


Any and all help is appreciated, thank you so much!

jscheuer1
01-10-2010, 05:38 PM
Probably something like so:


<div><a href="http://www.yo.com" class="anchorclass" rel="submenu1" data-image="home.jpg" data-overimage="home.jpg"><img src="home.jpg"
style="border-width:0" /></a> <a href="http://www.management.com" class="anchorclass" rel="submenu4" data-image="management.jpg"
data-overimage="management.jpg"><img src="management.jpg" style="border-width:0" /></a>

<div id="submenu1" class="anylinkcsscols" style="background: #ffffff">

<div class="column" style="width: 300px;">
<b>Web Development</b>
<ul>
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
</ul>
</div>

</div>

<div id="submenu4" class="anylinkcsscols" style="background: #040404">

<div class="column">
<b>Web Development</b>
<ul>
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
</ul>
</div>

</div>

</div>