Results 1 to 10 of 23

Hybrid View

  1. #1
    Join Date
    Jan 2010
    Posts
    142
    Plugin Contributions
    0

    Default Why isn't EZPagesTop a <UL>?

    This seems soo odd to me. I'm trying to customize this area (using the Classic Template), but the EZPagesTop doesn't use a UL or LI. Is there any reason for this? Is there an easy way to convert it to be this way, so that I may customize it via stylesheets?
    Thanks!

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Why isn't EZPagesTop a <UL>?

    Zen-Venom Get Bitten

  3. #3
    Join Date
    Jan 2010
    Posts
    142
    Plugin Contributions
    0

    Default Re: Why isn't EZPagesTop a <UL>?

    Actually, I just added it in. I modified the tpl_ezpages_bar_header file and added it in... ;)

  4. #4
    Join Date
    Jan 2010
    Posts
    142
    Plugin Contributions
    0

    Default Re: Why isn't EZPagesTop a <UL>?

    huh- I don't see anything in that link talking about CSS- can you explain a little more?

    Here's my new problem with this setup:

    My Site

    I added in a UL and LI tags into the tpl_ezpages_header_bar file- works great, until...

    I need to remove that final divider image on the right side of the 'Made in the USA!' link... normally I would do this-

    <li><a style="background-image: none;" href="#">

    That would remove that image in a hard-coded UL LI. However, since this UL LI is dynamically generated, I don't have access to add that in on a specific link/li.

    Any suggestions on how to remove this?

    I appreciate the help!

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Why isn't EZPagesTop a <UL>?

    Change the background-position to left and make it apply only to the second and following items:
    Code:
    #navEZPagesTop ul a {
      background-image: none;
      background-repeat: no-repeat;
      background-position: left;
      padding-right: 10px;
      padding-left: 10px;
      display: block;
      line-height: 75px;
      text-decoration: none;
      font-size: 1.5em;
      font-weight: bold;
      color: #008aff;
      }
    
    #navEZPagesTop ul li+li a {
      background-image: url('../images/sitenavdivider.png');}
    Tested on your site.

    Also, you should delete the original rules that apply to these links, as they are completely overridden by your new rules.
    Code:
    #navEZPagesTop a {
    	color: #008aff;
    	text-decoration: none;
    	}
    
    #navEZPagesTop a:hover {
      color: #b8def0;
      }

  6. #6
    Join Date
    Jan 2010
    Posts
    142
    Plugin Contributions
    0

    Default Re: Why isn't EZPagesTop a <UL>?

    WHOA. Now THAT IS COOL! I had no idea you could do that within CSS! I seriously thought I would have to have some custom piece of PHP code written, and/or just drop the entire thing and hard code the links in manually! TOO COOL!

    Guys, thank you SOO MUCH for all the help! I am learning soo much from all your input!

  7. #7
    Join Date
    Jan 2010
    Posts
    142
    Plugin Contributions
    0

    Default Re: Why isn't EZPagesTop a <UL>?

    Hi Glen (or any others!)-
    Question on this. I just looked at the site using FireFox ver 3.017, and the EZPages Links are all shifted funny. The 'BUY' link is where it's supposed to be, but all the remaining ones are shifted DOWN a little bit. I imagine it has something to do with the CSS li+li line? Not sure.

    The odd thing is- using FireFox 3.57 and IE it looks fine. Any suggestions?

 

 

Similar Threads

  1. Why isn't my site working???
    By lrfowler in forum General Questions
    Replies: 12
    Last Post: 1 Sep 2012, 10:01 PM
  2. Why isn't my global variable working?
    By lat9 in forum General Questions
    Replies: 1
    Last Post: 1 Oct 2009, 03:58 PM
  3. Why isn't the install script working?
    By digidiva-kathy in forum Installing on a Linux/Unix Server
    Replies: 4
    Last Post: 9 Jul 2006, 11:47 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
  •  
disjunctive-egg