Mike on 19 Dec 2011 05:41:37 -0800


[Date Prev] [Date Next] [Thread Prev] [Thread Next] [Date Index] [Thread Index]

Re: [PLUG] plug Digest, Vol 85, Issue 33


There is no pulldown element.  Pulldowns are (usually) based on nested <ul> elements, with the top level <ul> displayed inline, and lower level <ul>s displayed with an offset. 

As such, Firebug's ability to let you dig into the DOM is invaluable in trying to figure out how things like this are defined. 

Also, the Web Developer extension for firefox (compare to Chrome's developer console) lets you edit CSS and see the changes immediately, without having to reload the page. 

https://addons.mozilla.org/en-US/firefox/addon/web-developer/

Note that the changes are only made to the copy of the script in the browser, not the version on the server.

My flow in situations like this is to

- find out where the problem is via Firebug's DOM inspector
- use the Web Developer's CSS editor to quickly iterate to a solution
- apply the solution to the server copy of the stylesheet
- run the page through the CSS validator


Message: 4
Date: Sun, 18 Dec 2011 19:30:18 -0500
From: Doug Stewart <zamoose@gmail.com>
Subject: Re: [PLUG] Simple CSS Advice Needed
To: Philadelphia Linux User's Group Discussion List
    <plug@lists.phillylinux.org>
Cc: Philadelphia Linux User's Group Discussion List
    <plug@lists.phillylinux.org>
Message-ID: <26079525-79D6-49A2-B3CF-F49B34FCB779@gmail.com>
Content-Type: text/plain;    charset=us-ascii

Also of tremendous help: use either Chrome's developer console or Firebug if you're using FF. Their CSS inheritance mapping and the ability to view CSS changes in real time are invaluable.

--
Doug Stewart
___________________________________________________________________________
Philadelphia Linux Users Group         --        http://www.phillylinux.org
Announcements - http://lists.phillylinux.org/mailman/listinfo/plug-announce
General Discussion  --   http://lists.phillylinux.org/mailman/listinfo/plug