[thelist] a css nav menu frustration

Barney Carroll barney.carroll at gmail.com
Fri May 21 04:22:20 CDT 2010

Meredith, as far as I can see the images still aren't large enough, and your
CSS background positioning is off.

Rather than stretching the images (the resulting smudge is pretty ugly), you
might want to extend the bottom row of pixels from the originals: rather
than try hit-and-miss to get the height exactly right, extend your images by
a good hundred pixels below and fill the bottom with an extension of the
last row of pixels. Then you want to make sure all the elements concerned
have their background-position's y set to top. Currently #javaNav a has
background-position: right — change that to background-position: right top,
and give all the other nav elements background-position: top left; currently
they are all defaulting to 50% for their vertical alignment.

Barney Carroll

barney.carroll at gmail.com
07594 506 381

On 20 May 2010 23:33, Meredith Tupper <meredith at pintsize.com> wrote:

> I am trying to add a fourth yellow tab to the cute little feature in page
> body here:
> http://www.bornfreeeggs.com/  (progressive farming, certified humane, etc)
> The clients wants a fourth tab and wants to wrap the text so that it will
> fit within the same area.
> I lengthened the background imagesssss to 40px and modified the css but end
> up with messed up tabs:
> http://www.bornfreeeggs.com/index_new.php
> Here's the css:
> http://www.bornfreeeggs.com/css/default4.css
> I have changed the top & bottom padding padding/margins for each image,
> desperately trying to get them even, but nothing works.
> Can anyone identify what I'm doing wrong?  I need to resolve this by Monday
> and I'm getting frantic.
> Thanks in advance for any help,
> Meredith
> --
> PintSize Graphics & Web Hosting, Inc.
> http://www.pintsize.com
> 888-875-1082
> meredith at pintsize.com
> This electronic message contains information which may be privileged and/or
> confidential. This information is intended for the exclusive use of the
> individual(s), entity, or persons named or indicated above. Any unauthorized
> access, disclosure, copying, distribution, or use of any parts of the
> contents of this message/information is strictly prohibited by federal law.
> Any attempts to intercept this message are in violation of Title 18 U.S.C.
> 2511(1) of the Electronic Communications Privacy Act (ECPA). All violators
> are subject to fines, imprisonment or civil damages, or both.
> --
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !

More information about the thelist mailing list