Re: re [css-d] javascript keywords and functions
On 8/19/05, adrian suri [EMAIL PROTECTED] wrote: Hi I am writting a colour highlighting scheme for my fav editor does anyone know where I can get a full list of javascript kewords function + methods from What you're looking for is a DOM reference. Most javascript functions with regards to CSS are something like: document.getElementById(element).style.css style = value; There are some style references that aren't directly the same, such as: CSS: background-position DOM: backgroundPosition CSS: z-index DOM: zIndex As far as a reference, I recommend that you google for DOM and CSS together, or visit the w3: http://www.w3.org/TR/DOM-Level-2-Style/ HTH, Jon __ 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] OT: List down?
Is the list down? I haven't gotten a message all day Jon __ 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] IE/Mac is the bane of my existence
Here goes... I'm working on a website and I'm on a team with a designer from a different company. I get all the CSS working, looking nice, and it works in FF, IE6, Opera, Safari, and Konqueror. I figure, I got most of the bases covered...just gotta add the IE5 hack and I'm good to go, right? WRONG She keeps telling me, It looks funny...why is the text all over the place?. So, I do my browser checks...nothing. It even looks 'ok' in IE5, so what gives? As it turns out, she is using IE/Mac and I had been pulling my hair out, wasting away hours and hours, only to discover that she was using one of the crappiest browsers known to man. So, I tell her to download Firefox...and she exclaims, Oh, I didn't know that the links had rollover effects?. Suddenly, it was like a light turning on for her. The web had a new face. My question...which is what this mailing list is all about... Is there an easy way to program for IE/Mac? Is there a definitive guide out there to show *exactly* what problems I'm going to have when I use CSS/XHTML and how to work around them? Do I *really* have to accomodate that browser (^-^)? Thanks, Jon __ 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] Compensate for scroll bar *and* centered?
I'm working on a site...it's *almost* complete with the exception of any IE5 hacks that I'll need...but I'm noticing something very very annoying. When the vertical scrollbar appears, the whole thing kinda of jumps to the left until you click on a page that doesn't need the scrollbar. How do I compensate for this while still keeping the content in the middle of the page? http://pmmco.esynergymedia.com TIA, Jon __ 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] Re: Compensate for scroll bar *and* centered?
On 8/10/05, Jon Trelfa [EMAIL PROTECTED] wrote:
I'm working on a site...it's *almost* complete with the exception of
any IE5 hacks that I'll need...but I'm noticing something very very
annoying. When the vertical scrollbar appears, the whole thing kinda
of jumps to the left until you click on a page that doesn't need the
scrollbar. How do I compensate for this while still keeping the
content in the middle of the page?
http://pmmco.esynergymedia.com
Err...nevermind...I already fixed it. I set the following:
html {height:100%}
body {min-height:101%}
That was a snippet that I got from:
http://www.websemantics.co.uk/tutorials/useful_css_snippets/
Basically, it forces the scrollbar to be there all the time rather
than just appearing when it needs to. No more jumping ;)
Jon
__
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/
Re: [css-d] Hovering on text links but not images
On 8/1/05, Steve Clay [EMAIL PROTECTED] wrote:
Monday, August 1, 2005, 4:49:35 PM, Lst Recv wrote:
Is there a simple way (without having to give each link a class) of
using CSS to change the background color on text links but not images?
CSS can't do it (selectors can't look down the document tree)...
That's no completely correct...CSS, in a way, DOES look at the document
tree. For instance, when you have a selector like:
ul ul li
isn't that the same as saying any li that is in a ul that is a child of a
ul? ... sorta like traversing the document tree, isn't it (in a certain
way, I suppose)?
In this particular case,
Monday, August 1, 2005, 4:49:35 PM, Lst Recv wrote:
Is there a simple way (without having to give each link a class) of
using CSS to change the background color on text links but not images?
My suggestion would be this:
--snip--
style type=text/css
body {
background-color:#ccc;
}
img {
border:none;
vertical-align:bottom;
}
a:link, a:visited {
background-color:#f00;
}
a:hover {
background-color:#0ff;
}
a img {
background-color:#ff0;
}
--snip--
a href=#img src=empty.gif width=100 height=100 alt=Transparent
Gifbr /Text Link/a
--snip--
Someone correct me if I'm wrong, but *technically* speaking, I don't think
inline elements have children, do they? So, for instance,
a img
is wrong unless
a { display:block;}
Then any 'a' can have child elements...
I think i'm starting to go off on a tangent...
Jon
__
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/
Re: [css-d] Newbie needs help PLEASE
On 8/1/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I figured out my problem with the help of some of you wonderful folks! my problems were: xhtml wasn't validated I didn't have the [cdata[ ... ]] around my style element UmmmI don't think that's necessary, is it? I never use that an my documents validate just fine...? I also had a misformed attribute in my body tag and it seems the netscape resize script that my editor added interfered with the div for some reason the resize fix is for Netscape version 4 as far as I know, so it probably isn't necessary thank you all I am sure before I get this whole thing finished I will be back I think you can get your website up and running just fine without tables for layout. The easiest way to do it is: Start with ONE browser (FF or Mozilla, IMHO) and make the site work in that one. Make sure your markup validates (fix all validation errors as you test) Start migrating your code to support additional browsers If you try diving in to CSS by jumping in to every browser in the world compatibility, you're going to get lost fast and lose interest...then you're back to using tables because they are the old standby. This mailing list has a LOT of great CSS folks that are more than willing to help...just keep asking questions and searching the archives. Also, check out other CSS websites to see how they implemented certain cool things...you'll learn a lot just from looking at source code. HTH, Jon __ 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/
Re: [css-d] how to achieve text indentation without p tags?
On 7/12/05, victor NOAGBODJI [EMAIL PROTECTED] wrote:
I'm trying to have something like this:
Name: Phone:
Address:
Try using a ul
#blah ul {
list-style:none;
}
#blah li {
display:inline;
}
div id=blah
ul
liName:/li
liPhone:/li
liAddress:/li
/ul
/div
Then, just apply margins to the li for spacing (since li is a
block-level element)
HTH,
Jon
__
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] IE6 and background-position
I've got a document I've been working on that uses a background image that moves for rollovers (tabs). In FF, everything seems to operate smoothly. In IE, however, a message shows up in the status bar that it's 'downloading' the image everytime I roll the mouse over a tab? Sometimes it's a really fast message, but it really shows up poorly on a dialup connection. Is this normal behavior? Do I need to preload the image or something? It's very odd (and annoying) because the browser shouldn't be downloaded everytime the person rolls over a tab. http://pps.esynergymedia.com Background image: http://pps.esynergymedia.com/images/tab-bg.gif TIA, Jon __ 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/
Re: [css-d] Safari/Mac Testing?
On 7/7/05, saul [EMAIL PROTECTED] wrote: Jon, There shouldn't be too many people out there using OS9 only. However, if they are, they have IE5.0 available, as well as Netscape, though which version escapes me (I haven't used OS9 in a couple of years -but it could be version 5). Not to be pickybut Windoze users also have Firefox *available* but choose not to obtain it ;) Anyway, my safest bet is probably to test the following for Mac usage?: IE for Mac Safari a la Konqueror While still continuing to test all the other browsers I'm already utilizing, of course.. Thanks! Jon __ 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/
Re: [css-d] Re: force an image to display on the next line
On 7/1/05, stu [EMAIL PROTECTED] wrote: David Wrote: Thanks for your other pointers though, ive found a different solution as your right about what happens when CSS is not available. Stu. If you found a solution, do you mind posting it? That way, if someone else was having the same difficulty, they could figure out how to do it as well. Thanks! Jon __ 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/
Re: [css-d] Relative Positioning
On 6/30/05, Mark Leder [EMAIL PROTECTED] wrote: Thanks, that worked in Firefox, still shoved to the right on IE6. I'm looking for a hack to solve that one. I know this will sound silly...but is IE6 in quirks mode? You have to be careful about your doctype at the top of the page, or it will behave similarly to IE5 __ 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/
