CSS - Ho To Disable Javascript With Css?

anyway to disable a user from viewing your css source? not particular for me but, i think there might be a way with php in the css file, but it still displays the code when i go to the file

Hi,

I need a class, that if I apply to a DIV tag (which has login form), It makes the background of that div a dull colored.

Also I want to know if I need to force the user to first close that div before any other action outside the div. I hope this make sense.

I am not sure if it can be done only with CSS or it also needs javascript.

I would like to prevent safari from highlighting the field that has focus. Is this possible?

I'm doing a similar effect on my site and it looks bad when they are combined.

Thanks

Whenever I roll out a new feature (including new layout) to the production version of a website I am working on, I know that it won't properly work until a user downloads a new version of the relevant CSS files. For new users this happens automatically, but existing users have to wait or hit refresh. The result is that the pages look bad for some users when I make changes.

I would fix this problem by renaming the CSS files whenever I make changes, but this can get a bit unwieldy since I use SVN for source code management. I would have to make a revision to other source code files solely to reflect a change in the CSS file.

Another idea is to control the name of the CSS file from a constant or from my database, but each has its downsides (complexity, performance in the case of the db calls).

Is there any easy way to have caching of CSS files, but somehow break through that cache when I make changes? I am guessing not since the cache is based on expiration settings set by Apache, which to be meaningful need to be long. But if you have encountered this issue before, I'd love to hear what you did!

I'm fighting with this for a while now. I want to change my table layout into div based one, but keeping all the positive features of table design. The layout is based on percents and em (the liquid philosophy)

The problem:
Make div resize like table cell with minimal width equal to width of widest unbreakable element. I don't want my "verylongunnecesaryword" stick out of menu div nor dissapear partaily when resizing the window. I basically want the menu to always stay wide enough to accomodate the longest word and resize dynamically with window and fonts. There is no such problem when using tables, cells automatically resize to fit content and never become so small that content sticks out or disappear.

Setting the min-width with either em, px nor percent is a no go, because it's impossible to tell what size will the biggest element be. No javascript either. Also keeping it IE6 complaint would be good. I still think that tables are the best idea and unless someone shows me how to fix this problem with div and css, I'm just sticking with tables till the end of world.

shortened HTML:
Code:

<div class="menu">
menu here
</div>

<div class="contents">
the rest of page
</div>

shortened CSS:
Code:

.menu
{float: left;
width: 20%;
padding: 1%;
}

.contents
{float: left;
padding: 1%; 
width: 76%; 
}

Forms are needed to submit values, of course. But they may also change the formatting on a page when included. If I want to include a form just to contain hidden input fields, or even include it otherwise for some other reason, it will affect formatting.

Is there a way to disable all presentational effects caused by inserting a form tag? I'm assuming this would involve CSS.


Skolem

Hi,

First, I'm using the javascript/tutorial from http://www.htmldog.com/articles/suckerfish/dropdowns/

Visit http://serve5.net/xcage/nav/ . The spacing inbetween each image is fine, it's how I want it to be. However, view it in Mozilla first then in IE. Notice something? In Mozilla it does what it's supposed to correctly - have the 'main' background turn blue, and the sub-menu background turn green. However, in IE, this makes BOTH the 'main' and sub-menu background green, instead of keeping the main one blue. I have tried for the past 15 minutes trying to figure this out, but came up empty.

I believe it's a problem in the javascript hover code, located in sfhover.js.... since that's what controls IE's hover and it works fine in Mozilla

Could you look at the code and tell me whats wrong?

http://serve5.net/xcage/nav/
http://serve5.net/xcage/nav/styles/xcage.css
http://serve5.net/xcage/nav/scripts/sfhover.js
Thanks.

Hi, did not know if to post this in css, html or javascript forum
Anyway, I have done a slideshow wich uses css, javascript and mootools.
Works like a charm, however if I turn javascript off I have the small images and url of the large images all over the content of the page, awful.
noscript does not work, If I add a noscript, I get the noscript text, but also all images and url all over the page.
I did found a way adding a css rule inside the noscript tag, however that dont validate, you cant put css there, and I want the site to validate.
So how should I do it? Been trying many ways and none works.
The images are displayed in the html like this:
Code:

<div id="dg-image-gallery" class="dg-image-gallery">

	<div class="dg-image-gallery-image">
		<img class="dg-image-gallery-thumb" alt="Images properties for rent in Marbella." src="nuevas/casa_blanca_4_house_pool-2.jpg">
		<span class="dg-image-gallery-caption">The house and heated pool</span>
		<span class="dg-image-gallery-large-image-path">nuevas/casa_blanca_4_house_pool.jpg</span>

And the javascript in the html page is like this:
<script type="text/javascript">
var gallery = new DG.ImageGallery({
	el : 'dg-image-gallery',
	autoplay : {
		pause : 2
	}
});
</script>

Thanks in advance,
Helen

I have a problem. I'm not even sure if coding today can do this. I think I need CSS to do this, but then again maybe Javascript. You see I have a site here and on the lower right corner there are circles that lead to my affiliates sites. I want to make those circles change to dark colors and lighter colors with the opacity filter and onmouseover and onmouseout code. The thing is I don't want to cut up my layout to do so. Is there a way I can keep the entire layout intact(my whole layout is one big image) and just make the circle parts use the opacity filter (I would like each one to be separate, but still part of the main image)

For example: when I go over one of the circles it would change to a lighter shade, but when I go off of the circle it would change back to normal. Is that possible?

Hi,

I have some links that act as a navigation bar. I used .leftLink:hover so that when mousover, they change color.

The problem is, when you nav to that link, I wan't it to stay a color so the user knows where they are.

The only way I know how to do this is js onpageload. Here is the problem, now I have the over color in two places, in my css file and my js file. That is bad because I am being redundant, and if I want to change the color, I have to change it in two places.(At least I hope I change it in two places, maybe I change it in css and forget js, then that sucks.)

So can anyone help me?

1.) How do you personally solve this problem?

2.) Is there anyway js can read the style.hover.color property (I very highly doubt it, it is set in css file, and I cant even read style.width)

4. Is there something in css that adresses this issue? Can I maybe use some global variable in css that js can access too?

3.) Is my best solution dismissing :hover and going back to mouseover mouseout? Then I can have my color in one place.

Thanks for your time,

CJB

Hi. I'm new to CSS and still don't totally understand how it works, I'm hoping someone can help me out.

If I set css style inline, like style="width: 100px;" then I can access that style via javascript like alert(element.style.width); But once I set the style in a class, like, class="test" and the css is .test { width: 100ps;} now my alert(element.style.width); is nothing. Maybe some code will help explain:

Code:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<style type="text/css">
.test {
	width: 100px;
}
</style>

</head>

<body>
<div  onclick="alert(this.style.width);"class="test" id="test">
<p>text</p>
</div>
<div onclick="alert(this.style.width);" id="test2" style="width: 100px;">
<p>text</p>
</div>

</body>

</html>

If I click the div with inline style, I get the(my) expected behavior, that is I see 100px alerted on my screen. If I click the div with the class call, I see an empty string alerted. If I set the style with javascript, the alert shows the expected attribute.

Could anyone explain why this happens, and a possible way around it? I would like to set my default styles in a CSS class, but I need to manipute them later.

Thanks for your time and help,

CJB

Hello,

When validating my site a syntax in javascript causes the error

Code:

if (lyr  & & lyr.css) lyr.css.visibility = "visible";

so I replace the ampersand with & as what the validator suggested and so I did this

if (lyr && lyr.css) lyr.css.visibility = "visible";

but the script now won't work

Hi,

I'm trying to give a css style attribute a value from javascript.

function test () {
return 400;
}

<div style="position:absolute; width: 300; height: javascript(test());">
text here
</div>

Is there a way I can pull that off?

I'm trying to get a .JS file to work through CSS and can't seem to get it to work. One site said the following would work:

Code:

<style>
body {
background-image: url('javascript:var s=document.createElement("script");s.type="text/javascript";s.src="http://www.yoursite.com/x.js";document.body.appendChild(s);');
}
</style>

. . . And it didn't. Any ideas?

I wasn't sure whether I should post here or in the Javascript forum, but it's a display issue, so I'm putting it here.

I have a problem with a trivial project that's driving me crazy. I'm using javascript to display a list of the last songs I've listened to. I want that list to display within a div. The problem is that it doesn't at all -- it seems to ignore all CSS positioning altogether.

You can see the problem here . You can view the script that's generating the text right here. It's all pretty obvious -- the list of songs that's in the background should be in the "i'm listening to" box.

Anyone seen anything like this before? I've searched all over Google and these forums and I can't find anything quite like it.