+ Reply to Thread
Results 1 to 3 of 3

Thread: CSS DropDown Nav Help

  1. #1
    diabolo's Avatar
    diabolo is offline Community Advocate diabolo is on a distinguished road
    Join Date
    Nov 2007
    Location
    Jersey Shore
    Posts
    1,683

    CSS DropDown Nav Help

    http://anasianscreations.com/mcs/
    I have a couple things i want to fix on here.
    `v-align the first layer to the center
    `left-align all text other than first layer
    `display all text of first layer on one line (have to get rid of the 30px margin)
    `fix the hover on SCHOOL INFORMATION > 2009 - 2010 REGISTRATION (DOWNLOAD) *important*

    The Original Files Are Here: http://www.lwis.net/free-css-drop-down-menu/
    Last edited by diabolo; 06-25-2009 at 04:01 PM.

  2. #2
    sourfacedcyclop's Avatar
    sourfacedcyclop is offline x10 Sophmore sourfacedcyclop is an unknown quantity at this point
    Join Date
    Sep 2007
    Posts
    221

    Re: CSS DropDown Nav Help

    Crap, I hate premade CSS it always looks so complicated compared to when I do it. To get the text to align left on the secondary layers I would use

    Code:
    ul.dropdown li ul a {
    text-align:left;
    }
    I think that would work. The v-align I am not so sure, you could try to use a margin-top of like 5px in you ul.dropdown a part.

    The reason your hover isn't working on that one like is because the text extends outside of the hover height.
    "Sanity is nothing but our interpretation of reality"

    http://tswebvisions.com - Portfolio

  3. #3
    diabolo's Avatar
    diabolo is offline Community Advocate diabolo is on a distinguished road
    Join Date
    Nov 2007
    Location
    Jersey Shore
    Posts
    1,683

    Re: CSS DropDown Nav Help

    Quote Originally Posted by sourfacedcyclop View Post
    Crap, I hate premade CSS it always looks so complicated compared to when I do it. To get the text to align left on the secondary layers I would use

    Code:
    ul.dropdown li ul a {
    text-align:left;
    }
    I think that would work.
    I added this to your code, so it also applies to not-links
    Code:
    ul.dropdown ul li a,
    ul.dropdown ul li span {
    text-align:left;
    }
    Quote Originally Posted by sourfacedcyclop View Post
    The v-align I am not so sure, you could try to use a margin-top of like 5px in you ul.dropdown a part.

    The reason your hover isn't working on that one like is because the text extends outside of the hover height.
    and I also hate premade CSS, but Im too lazy to go figure out how to make a dropdown nav right now. as you can see im also too lazy to fix the problems my self. =]

    o I almost forgot, +REP
    Last edited by diabolo; 06-25-2009 at 11:56 AM.

+ Reply to Thread

Similar Threads

  1. Disable/Enable dropdown menu onChange
    By driveflexfuel in forum Programming Help
    Replies: 2
    Last Post: 12-03-2008, 11:08 AM
  2. [REQ 800 credits] Fix css horizontal dropdown menu in IE7
    By jjwinter in forum The Marketplace
    Replies: 10
    Last Post: 11-06-2008, 11:14 PM
  3. drop down menus with JavaScript disabled?
    By sifaka in forum Free Hosting
    Replies: 1
    Last Post: 05-15-2008, 10:46 AM
  4. CGI search form - Searching multiple tables via dropdown
    By dwd2000 in forum Programming Help
    Replies: 0
    Last Post: 02-19-2008, 01:56 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
x10hosting free hosting for the masses
dedicated servers