Results 1 to 2 of 2

Thread: Help with AnyLink CSS Menu - put images right next to one another

  1. #1
    Join Date
    Jan 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help with AnyLink CSS Menu - put images right next to one another

    1) Script Title: AnyLink CSS Menu Script v2.0

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...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:
    Code:
    <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!
    Last edited by stevcrack; 01-10-2010 at 06:17 AM. Reason: Forgot to finish typing the title.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Probably something like so:

    Code:
    <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>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •