Results 1 to 3 of 3

Thread: A question

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

    Exclamation A question

    Okay, so I want to make the menu from this tutorial horizantal, instead of vertical. Can anybody help me with this?

  2. #2
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Quote Originally Posted by RsCactusClan View Post
    Okay, so I want to make the menu from this tutorial horizantal, instead of vertical. Can anybody help me with this?
    change
    Code:
    .arrowgreen li a{
    	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    	display: block;
    	background: transparent url(media/arrowgreen.gif) 100% 0;
      height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    	padding: 4px 0 4px 10px;
    	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    	text-decoration: none;
    }
    to

    Code:
    .arrowgreen li a{
    	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    	background: transparent url(media/arrowgreen.gif) 100% 0;
      height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    	padding: 4px 0 4px 10px;
    	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    	text-decoration: none;
    }

  3. #3
    Join Date
    Mar 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by boogyman View Post
    change
    Code:
    .arrowgreen li a{
    	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    	display: block;
    	background: transparent url(media/arrowgreen.gif) 100% 0;
      height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    	padding: 4px 0 4px 10px;
    	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    	text-decoration: none;
    }
    to

    Code:
    .arrowgreen li a{
    	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    	background: transparent url(media/arrowgreen.gif) 100% 0;
      height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    	padding: 4px 0 4px 10px;
    	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    	text-decoration: none;
    }
    Okay, I'll try it. That's all I change? I'll try it
    Erm.. Didn't really do anything. Like, I want it to be a horizantal menu instead of a vertical one.
    Last edited by RsCactusClan; 03-08-2010 at 10:17 PM. Reason: Tried it out.

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
  •