[css-d] SUCKERFISH DROP DOWNS NON ALIGNMENT
I have this site: ticah.50webs.com I want to have the ul li li li aligned at the top irrespective of length of text for the ul li li. For example if you mouse over our work and go down to HIV,Culture Development.,the drop down from this which is School of Oriental... should start on the same line as the parent list line which is HIV, Culture. Any ideas? The css can be viewed at ticah.50webs.com/layout_css.css Thanks. __ 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] SUCKERFISH DROP DOWNS NON ALIGNMENT
ochieng' nelson wrote:
I have this site: ticah.50webs.com
I want to have the ul li li li aligned at the top irrespective of
length of text for the ul li li.
http://www.gunlaug.no/tos/alien/an/test_08_0530.html
Relevant CSS:
#nav li {
float: left;
padding: 0;
width: auto;
position: relative /* new */;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 16.5em;
w\idth: 16.0em;
margin-left:-120px;
margin-top: 1.5em /* new */;
}
#nav li li {
padding-right: 1em;
width: 15em;
border-bottom: 1px solid #FEDF99;
}
#nav li ul a {
width: 13em;
w\idth: 9em;
}
#nav li ul ul {
padding-top:0;
margin: 0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav
li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav
li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: 95% /* new */;
top: 0 /* new */;
regards
Georg
--
http://www.gunlaug.no
__
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] how to select an element that does not contain anattrbite
Gunlaug Sørtun wrote:
In CSS, yes...
http://www.w3.org/TR/css3-selectors/#negation
Quoting the cited document:
This is still a draft document and may be updated, replaced, or
obsoleted by other documents at any time. It is inappropriate to cite a
W3C Working Draft as other than work in progress.
h1:not([style]) {color: red;}
...will color all h1 that do *not* contain a style attribute red
in all CSS3 capable browsers.
Quoting the cited document:
The CSS Working Group doesn't expect that all implementations of CSS3
will have to implement all selectors.
But in IE, no luck this decade, it seems.
So :not is not a practical thing to use, except in the rare cases where
it does not matter that it usually doesn't work.
Jukka K. Korpela (Yucca)
http://www.cs.tut.fi/~jkorpela/
__
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] how to select an element that does not contain anattrbite
Jukka K. Korpela wrote: So :not is not a practical thing to use, except in the rare cases where it does not matter that it usually doesn't work. Sounds reasonable... http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx Georg -- http://www.gunlaug.no __ 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] Submit Button Rollover in IE6
Hi all, Thanks for all your suggestions. I'll get to experimenting. :) Mark __ 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] Select replacement
I'm looking into some form of replacement for a select box, so that I have more control over the styling, and I found this example from Aaron Gustafson. http://old.easy-designs.net.whsites.net/articles/replaceSelect/. This seems to give me pretty much what I need, with one problem. In IE6, when the list is expanded, it pushes down whatever is below it. In Firefox it doesn't do that, although in my application it drops down behind the other content. I can't link to my site unfortunately, but you can see the first problem on Aaron's example page itself - http://old.easy-designs.net.whsites.net/articles/replaceSelect/files/fin al.html. Can anyone suggest what I need to do do get the list to drop down over the top of any other page content? Or is there a better alternative altogether? Martin. __ 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] Select replacement
Clark, Martin (M.) wrote:
http://old.easy-designs.net.whsites.net/articles/replaceSelect/.
Can anyone suggest what I need to do do get the list to drop down
over the top of any other page content?
Using the...
http://old.easy-designs.net.whsites.net/articles/replaceSelect/files/final.html
...for debugging / example.
To make IE6 behave, add...
* html ul.selectReplacement {
overflow-y: hidden;
}
* html ul.selectOpen li {
position: relative;
}
That'll prevent auto-expansion on the container, and make the
overflowing parts visible and ready for action in IE6 - same as in other
browsers.
regards
Georg
--
http://www.gunlaug.no
__
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] Select replacement
Marvelous! Thanks, that would have taken me forever to work out!
regards
M.
-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED]
Sent: 30 May 2008 16:00
To: Clark, Martin (M.)
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Select replacement
Clark, Martin (M.) wrote:
http://old.easy-designs.net.whsites.net/articles/replaceSelect/.
Can anyone suggest what I need to do do get the list to drop down over
the top of any other page content?
Using the...
http://old.easy-designs.net.whsites.net/articles/replaceSelect/files/final.html
...for debugging / example.
To make IE6 behave, add...
* html ul.selectReplacement {
overflow-y: hidden;
}
* html ul.selectOpen li {
position: relative;
}
That'll prevent auto-expansion on the container, and make the overflowing
parts visible and ready for action in IE6 - same as in other browsers.
regards
Georg
--
http://www.gunlaug.no
__
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] alignment in netscape
Well I got the flash file to at least be within the blue border by
using the object tag and making it absolute but it is still not lined
up from the left in netscape only. If I put minus values on it then
it messes up the other browsers big time.
http://eddieandalice.com/index.html
I'm really stuck with this one. I put a regular graphic there the
same size without using any object tags just to see and it lined up
perfectly in netscape so must just be the flash graphic. Am using
swjobject.js for the flash placement also.
The css is:
#row1 {
width: 960px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
border: 2px solid #3399CC;
}
/* *html #row1 {
overflow: visible;
}
don't really need this */
#row1 p {
border: 1px solid #99;
margin: 0px;
padding: 0px;
}
#flashWelcome {
float: left;
width: 636px; /* keep otherwise ie does not align correctly */
}
object {
width: 636px;
height: 277px;
position: absolute;
}
#col1Feature {
float: right;
width: 309px;
height: 277px;
}
If I change this style to relative then it lines up on the left but
not from the top.
object {
width: 636px;
height: 277px;
position: relative;
}
I still think there is a better way to do this to have it lined up in
all browsers so please feel free to enlighten me.
Best Regards,
Melinda Odom
Design Hosting, Inc.
Web Design, Web Hosting, Ecommerce Solutions
479-471-0891 CST
[EMAIL PROTECTED]
http://www.designhosting.biz
__
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] alignment in netscape
Melinda Odom wrote:
Well I got the flash file to at least be within the blue border by
using the object tag and making it absolute but it is still not lined
up from the left in netscape only. If I put minus values on it then
it messes up the other browsers big time.
http://eddieandalice.com/index.html
#row1 {
position: relative; /*add*/
width: 960px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
border: 2px solid #3399CC;
padding: 0px;
}
object {
width: 636px;
height: 277px;
position: absolute; top: 0;left:0; /*amend*/
/*vertical-align: top;/*not-needed*/
}
Not easy to hit a moving target.
PS
Unable to test in IE/6 at the moment.
__
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] IE6 background color issue
Christian Kirchhoff wrote: Hello, please take a look at the follwoing page in IE6: http://www.editura.de/new/links.html On my computer the left column is completely white. In other browsers only the left part of the header of the page is white, the rest of the leftt column is orange. When I scroll up and down the page, parts that were white and now are scrolled into the viewport of the browser window again are orange as desired. Does anybody know how to correct this? Best regards,, Christian Kirchhoff I don't have IE/6 at the moment, but you might see if this is the problem/solution? http://www.positioniseverything.net/explorer/peekaboo.html -- http://chelseacreekstudio.com/ __ 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] alignment in netscape
Thanks David! That worked!
Best Regards,
Melinda Odom
Design Hosting, Inc.
Web Design, Web Hosting, Ecommerce Solutions
479-471-0891 CST
[EMAIL PROTECTED]
http://www.designhosting.biz
On May 30, 2008, at 11:16 AM, David Laakso wrote:
object {
width: 636px;
height: 277px;
position: absolute; top: 0;left:0; /*amend*/
/*vertical-align: top;/*not-needed*/
}
__
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] stick to bottom
I have added a side image to my left column (2-column format). I cannot get it to stick to the footer black bar. Also, when I added it, a gap appeared between the content and the header. Any help on making it stick to the footer bar and the gap would be appreciated. -- Daniel Kessler University of Maryland College Park School of Public Health 3302E HHP Building College Park, MD 20742-2611 Phone: 301-405-2545 http://sph.umd.edu __ 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] stick to bottom
Daniel Kessler wrote: I have added a side image to my left column (2-column format)... URI? -- http://chelseacreekstudio.com/ __ 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] stick to bottom
Here's some info on the mysterious gap: http://developer.mozilla.org/en/docs/Images%2C_Tables%2C_and_Mysterious_Gaps Daniel Kessler [EMAIL PROTECTED] wrote: I have added a side image to my left column (2-column format). I cannot get it to stick to the footer black bar. Also, when I added it, a gap appeared between the content and the header. Any help on making it stick to the footer bar and the gap would be appreciated. -- Daniel Kessler University of Maryland College Park School of Public Health 3302E HHP Building College Park, MD 20742-2611 Phone: 301-405-2545 http://sph.umd.edu __ 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-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] Site Check please
On Thu, 29 May 2008 12:10:39 -0400, David Laakso wrote: re: http://www.sarahbutler.org.uk/index.html One way of doing some of that stuff is to set min/max width and shove the menu to the left. A work around for min/max for IE/6 is needed (6 does not support min/max). [...] Please see: http://www.chelseacreekstudio.com/ca/cssd/sb.htm (additions to cc's in head of document) css revision and additions http://www.chelseacreekstudio.com/ca/cssd/sb_files/default0.css Work around method for IE/6 lifted from here [1]. Read Georg's documentation carefully, particularly regarding Author's font size declared on html, body or wrapper-division. [1] http://www.gunlaug.no/tos/moa_12a.html ~~ I was unable to connect to David's page, but found a lot of very useful information on Georg's write-up at the above link. Sadly, Georg's solution for sizing in EMs does not work on my computer. The calculations are based on the usual screen resolution of 96 DPI, where IE computes 12 points at 16 pixels. My laptop comes set to 120 DPI, and IE computes 12 points at 20 pixels here. I was able to come up with a hybrid JavaScript solution based on Georg's work, but the IE 'expressions' slow down IE too much for my liking. In the end, I went with a fixed width for IE 5 and 6. :-( Cordially, David -- __ 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] stick to bottom
Oh man. Thanks for pointing that out. http://sph.umd.edu/events/wellness/ On May 30, 2008, at 2:32 PM, David Laakso wrote: Daniel Kessler wrote: I have added a side image to my left column (2-column format)... URI? -- http://chelseacreekstudio.com/ -- Daniel Kessler University of Maryland College Park School of Public Health 3302E HHP Building College Park, MD 20742-2611 Phone: 301-405-2545 http://sph.umd.edu __ 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] What is the best way to do a curved corner fluid box
I need to put a curved corner fluid box on a fluid page. The box will enlarge vertical and horizontally but needs to stay 551px above the bottom of the page. Any suggestions for techniques are most appreciated. Carol __ 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] stick to bottom
Daniel Kessler wrote: I have added a side image to my left column (2-column format). I cannot get it to stick to the footer black bar. Also, when I added it, a gap appeared between the content and the header. Any help on making it stick to the footer bar and the gap would be appreciated. RE: http://sph.umd.edu/events/wellness/ You seem to be tripping over the complexity of your stuff and the need to clear that stuff. This is /one way/ to stick the bottom of the plant to the top of the footer, more or less, regardless of the amount of content in the right column: Make the primary content first in the source. Put the plant at the bottom of the primary content. Then literally throw the plant to the bottom of the adjacent side column at the top of the footer... http://www.chelseacreekstudio.com/ca/cssd/a.html Cursory checked in Mac Opera, FF, Safari; and XP IE/7 IE/6. HTH. -- http://chelseacreekstudio.com/ __ 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/
