[css-d] Drupal Themer ...
I hope this isn't too off-topic or a disallowed topic, but First, I’m interested to know if anyone can recommend any developer(s) skilled in creating themes for Drupal 6 – we have an immediate need for additional resources along these lines, and would be interested in speaking to anyone who fits that bill (particularly from developers in the San Francisco Bay Area). Second, does anyone know of any listservs or similar resources dedicated to Drupal theme creation? We regularly follow discussions on Drupal.org for updates to modules, discussion of bugs etc, but wondering if there are any communities out there that focus more specifically on Drupal’s presentation layer? Would love to hear any recommendations! Thanks for any help here. Tim ___Tim Ware / HyperArts___ T: 510.339.6084 F: 510.339.6086 E: t...@hyperarts.com 201 4th Street , Suite 404 . Oakland CA 94607 www.hyperarts.com . socialmedia.hyperarts.com . twitter/hyperarts __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] link image background problem w/IE 6 (natch)
On Nov 16, 2007, at 8:17 AM, DAVOUD TOHIDY wrote: > > on Date: Fri, 16 Nov 2007 08:11:00 -0800 Tim wrote: > > I created a link class to have a background image on linked text > > have a look at "design consideration" section of my > portfolio located http://cssfreelancer.awardspace.com . > > hope that helps > I'm not sure what you want me to look at. I looked at this page on your site: http://www.svendtofte.com/code/max_width_in_ie/ in IE 6, and I see the same issue of disappearing link background image, under "The Useability Studies", the linked text: "The Effect of Line Lengths in Children and Adults' Online Reading Performance" allocates the space for your background arrow, but doesn't display it. so if you have something you want to communicate, so far I'm missing it. Thanks, and sorry if I'm being dense! Tim > best > davoud > > Have fun while connecting on Messenger! Click here to learn more. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] link image background problem w/IE 6 (SOLVED!)
On Nov 16, 2007, at 8:17 AM, DAVOUD TOHIDY wrote:
>
> on Date: Fri, 16 Nov 2007 08:11:00 -0800 Tim wrote:
> > I created a link class to have a background image on linked text
>
> have a look at "design consideration" section of my
> portfolio located http://cssfreelancer.awardspace.com .
In order to have the 2nd link's background image display, I needed to
add "display:inline-block" to this style:
a.checkbox {
background: transparent url(/healthcare/_img/Pencil.gif) no-repeat
100% 50%;
padding-right:20px;
display:inline-block;
}
I googled around and found the solution here:
http://home.tiscali.nl/developerscorner/css-discuss/test-link-
iconENupdate.htm
. !
.....
Tim Ware .. HyperArts .. 201 4th Street, Ste 404 .. Oakland CA 94607
t: (510) 339-6084 .. f: (510) 339-6086 .. e: [EMAIL PROTECTED]
http://www.hyperarts.com
Map
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] link image background problem w/IE 6 (natch)
I created a link class to have a background image on linked text
where needed:
a.checkbox {
background:url(/healthcare/_img/Pencil.gif) no-repeat 100% 50%;
padding-right:20px;
}
The above adds a checkbox to the right of the linked text, and it
works fine everywhere but IE 6 and 7 where, if there are two links in
a paragraph with that class assigned -- and the two blocks of linked
text wrap to separate lines -- the first link displays the image and
the second link allocates the space/padding, but doesn't display the
image.
This can be seen here: http://www.opa.ca.gov/healthcare/use-plan/
disability-assistance.aspx
Here's the full HTML including the the floated div (with the image
and paragraph underneath) that forces the text to wrap, and the text
that is to the left of the floated div:
This exam table
can be raised and lowered, so it is easier to get on and off.
Accessible tables such as this one are becoming more common.
If you have a disability, your health plan must remove most
physical or communication barriers that make it hard for you to get
the care you need. Call your health plan and be firm about what you
need.
Use the worksheets on physical access and communication assistance to list the access or
services you need.
If the two links are in separate paragraphs, then no problem. If the
two links are on one line, no problem. But if they break to separate
lines, no second image.
Any help greatly appreciated.
Thanks.
Tim
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Shining examples of CSS-driven nonprofit & corporate sites?
I'm working on a project where I'm doing the coding/programming for a company that has hired a designer who is really print-based and doesn't have a clue about modern design. They ask that I provide examples of this approach to design. I need help with this. It's not as easy as I thought to find good examples, but I'll bet y'all can point me to some. Thanks! Tim . ! ..... Tim Ware .. HyperArts .. 201 4th Street, Ste 404 .. Oakland CA 94607 t: (510) 339-6084 .. f: (510) 339-6086 .. e: [EMAIL PROTECTED] http://www.hyperarts.com Map __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using divs & transparent corners for rounded images... but
ohmygod. That was a test during high frustration. It relates to nothing and I'll remove it! And then I'll use the validator. Thanks for that. The offending "class" is now history! And I closed all the image tags and now the page validates. But there's still The Problem. Thanks! Tim . ! ..... Tim Ware .. HyperArts .. 201 4th Street, Ste 404 .. Oakland CA 94607 t: (510) 339-6084 .. f: (510) 339-6086 .. e: [EMAIL PROTECTED] http://www.hyperarts.com Map On Oct 3, 2006, at 9:10 AM, Ian Young wrote: >> From: [EMAIL PROTECTED] >> [mailto:[EMAIL PROTECTED] Behalf Of Tim Ware >> Sent: 03 October 2006 16:55 >> To: CSS Discuss >> Subject: [css-d] Using divs & transparent corners for rounded >> images... but >> >> >> I am having a problem with this page: >> >> http://help.hyperarts2.com/papilia/ >> >> Near the bottom is a brown empty image. >> >> The basic idea of what I'm trying to do is have a div (.roundimg) >> that contains an image tag (both the div & image with no dimensions >> specified), and 4 divs that are absolutely positioned in each corner >> (.roundimg is positioned relative). The 4 corner divs have a >> background image that is a rounded corner with transparency so that >> the image in .roundimg displays with rounded corners. For some >> reason, the .roundimg is getting pushed out on the right about 10px, >> messing up the concept. >> > > Tim > > Not sure what's going here, but you should check out the validator at: > > http://validator.w3.org/check?uri=http%3A%2F%2Fhelp.hyperarts2.com% > 2Fpapilia > %2F > > where apart from there being several markup errors, you have some > oddly > named classes, that don't appear in the source code and we certainly > wouldn't wish to quote in the forum!! > > Ian > -- > No virus found in this outgoing message. > Checked by AVG Free Edition. > Version: 7.1.407 / Virus Database: 268.12.12/461 - Release Date: > 02/10/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Using divs & transparent corners for rounded images... but
I am having a problem with this page:
http://help.hyperarts2.com/papilia/
Near the bottom is a brown empty image.
The basic idea of what I'm trying to do is have a div (.roundimg)
that contains an image tag (both the div & image with no dimensions
specified), and 4 divs that are absolutely positioned in each corner
(.roundimg is positioned relative). The 4 corner divs have a
background image that is a rounded corner with transparency so that
the image in .roundimg displays with rounded corners. For some
reason, the .roundimg is getting pushed out on the right about 10px,
messing up the concept.
.roundimg {
border:0; margin:0; padding:0;
position:relative;
float:right;
}
Then the html:
The top-l, top-r, etc. divs are positon-absolute at the four corners
and they contain an aliased rounded corner to create the rounded
corner effect on the image. Styled:
.top-l, .top-r, .bot-l, .bot-r {
position:absolute;
width:12px; height:12px;
}
.top-l {
background:transparent
url(/papilia/_img/top-l.gif) no-repeat;
top:0; left:0;
}
.top-r {
background:transparent
url(/papilia/_img/top-r.gif) no-repeat;
top:0; right:0;
}
.bot-l {
background:transparent
url(/papilia/_img/bot-l.gif) no-repeat;
bottom:0; left:0;
}
.bot-r {
background:transparent
url(/papilia/_img/bot-r.gif) no-repeat;
bottom:0; right:0;
}
For some reason, if I don't specifiy a width for the .roundimg div,
you see the result, with the div being expanded about 10px wider than
the image that's in it. Here's a link to the css:
http://help.hyperarts2.com/papilia/_inc/papilia.css
I'm so close to getting this sorted out. Thanks so much for any
assistance!
Tim
. !
.....
Tim Ware .. HyperArts .. 201 4th Street, Ste 404 .. Oakland CA 94607
t: (510) 339-6084 .. f: (510) 339-6086 .. e: [EMAIL PROTECTED]
http://www.hyperarts.com
Map
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 6 - dropdowns over flash require double click
There are the usual dropdown-over-flash issues with Safari etc., but this one should work in IE 6 and it's not. You can see it at http://help.hyperarts2.com http://help.hyperarts2.com /_inc/ to see css and javascript Any ideas how to not have the doubleclick issue? I'd prefer a single click. Thanks! Tim . ! ..... Tim Ware .. HyperArts .. 201 4th Street, Ste 404 .. Oakland CA 94607 t: (510) 339-6084 .. f: (510) 339-6086 .. e: [EMAIL PROTECTED] http://www.hyperarts.com Map __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS/JS dropdowns and IE 6 (so close...)
Hello, I'm using CSS/JavaScript dropdowns here: http://help.hyperarts2.com/ and they work perfectly everywhere except IE 6, and they *almost* work with IE 6! CSS: http://help.hyperarts2.com/_inc/nav.css JavaScript: http://help.hyperarts2.com/_inc/main.js The other styles are in the head of the index page, for now. Basically, it's this structure: (just a top graphic) position: relative no z-index Contains the horizontal nav (position: relative) and the dropdowns (position: absolute; z-index: 10;) position: relative; z-index:21; Contains only an image No positioning No z-index The dropdowns are "hidden" until activated by a rollover which triggers the javascript. If the user mouses down below the dropdowns, they're turned off by a "nodrop()" function which hides all. I've tried to use a onmouseout event on the dropdowns themselves to hide them, but it just doesn't work. And this way does work, almost. If I get rid of the image in the "flash" div, then IE 6 is happy and a rollover hides the dropdowns. With the image there, it activates the hiding while the user is still mousing over the dropdowns. An article I read here: http://www.aplus.co.yu/css/z-pos/index.php was helpful in setting the z-indexes to make IE 6 happy. So it's just the presence of the image that causes the browser to put the "flash" div above the dropdowns. The way out will be most appreciated! Finally, if there's a way to keep the active state on the top-level nav when mousing over the dropdown, that would be great. Tim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] aligning bullets with IE 6
We have a simple unordered list and, with Win IE 6 only, the text for each list item is about .2em lower than the bullet which is a graphical bullet thats 3px square with no border on the image. We've adjusted the padding, margins, etc., and nothing lets them work. Thanks. Tim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS horizonal main menu with dropdown horizontal menu (*not* vertical)
Can someone point me to best pure-css dropdown menu. It has to be one where the top nav items are horizontal and the dropdown is spawned below them and can be wider than the spawning list item. I suspect this is a bit more complicated because of the width difference between the main and the dropdown menus. Maybe done with show/hide visibility? Thanks! Tim . ! . Tim Ware .. HyperArts .. 201 4th Street, Ste 404 .. Oakland CA 94607 t: (510) 339-6084 .. f: (510) 339-6086 .. e: [EMAIL PROTECTED] http://www.hyperarts.com Map __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Lock down some text sizes
Yes, I know it's frowned upon, but I'm coding a site for a client/ designer and persuaded them to use CSS/HTML for their navigation, but we *definitely* need to lock down the file size for the navigation or it breaks the design. I've tried using "pt" and "xx-small" which are supposedly absolute values, but FireFox just resizes the text if it's increased through the browser interface. How can I specify a font size that's bulletproof as regards increasing the browser's text size? Thanks. Tim . ! ..... Tim Ware .. HyperArts .. 201 4th Street, Ste 404 .. Oakland CA 94607 t: (510) 339-6084 .. f: (510) 339-6086 .. e: [EMAIL PROTECTED] http://www.hyperarts.com Map __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Combining class and id in style sheet bug IE6
I have a div class called "content3"
I have created an ID called "portfolio"
In the style sheet, I have
.content3 {
rules...
}
and for a different page:
.content3#portfolio {
rules...
}
IE 6 ignore all the rules in .content3#portfolio
If I create an entire new ID, rather than have a class/ID combo, all
is well with IE6.
But I *don't* want to do that because a number of pages share the
basic rules of .content3, with each being somewhat varied and
requiring an ID for the specifics of that page.
What am I missing?
Thanks!
Tim
. !
.....
Tim Ware .. HyperArts .. 201 4th Street, Ste 404 .. Oakland CA 94607
t: (510) 339-6084 .. f: (510) 339-6086 .. e: [EMAIL PROTECTED]
http://www.hyperarts.com
Map
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 2-column liquid layout - one div fixed
Hello, What's the best way to have a 2-column layout where the left div is fixed at 475px and the right div stretches to accommodate the viewport? I tried setting the left to 475px and the right div using percentages, but this isn't working. There must be a better solution that using a table! Thanks. Tim . ! ..... Tim Ware .. HyperArts .. 2064 Antioch Ct Ste B .. Oakland CA 94611 t: (510) 339-6084 .. f: (510) 339-6086 .. e: [EMAIL PROTECTED] http://www.hyperarts.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help with page height...
http://help.hyperarts2.com/ stylesheet: http://help.hyperarts2.com/_inc/main.css I am so close to nailing this page, but the content is going beyond the container. I'm sort of twisted up in positioning absolute/ relative and hopefully some knowledgeable soul can set this right. If the viewport is tall enough, there isn't a problem. But if the content in the white area extends beyond the fold, and you scroll down, you'll see the problem, a pretty common one, I suspect. Please take a look and let me know where the problem might lie. Thanks so much. Tim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
