css

jQuery noob: click function css... I am doing something wrong, but what?

Hi, simplest thing ever but here: $j(".srch-txt").click(function() { $j(this).css("color:" "#155D97") }); $j is a no conflict So it's pretty easy to see what I'm trying to do: When the .srch-txt element is clicked, change its color to #155D97. Where have I gone wrong? thanks! ...

How can I determine what removes CSS classes from an element on initial page load?

I have a page that contains an element (a TextBox) that has two CSS classes assigned on page load, but once the page has rendered and the JavaScript has run, the class attribute of the input element is empty. I know the element originally had the classes defined because good old IE6 shows me the original source when I choose to view sou...

a css syntax question

Hi all: What does the following css syntax mean? .x-data .x-time span Thanks. ...

"A namespace doesnot containmembers such as fields or methods" for Stylesheet

I am trying to build a web app project using C#. and i am getting the error message "A namespace doesnot containmembers such as fields or methods". Error Code 7. and file name is my CSS file that it is showing with Row number and column no. 1. I am using Visual Studio 2008, and the first class created(body) is blue underlined. I have che...

How to change scrollbar in textarea input?

Hi I need to know how to change textarea input, for example I want to add my own arrows and bars. I know we can change colors in CSS but I want to add my own pictures just like in this picture I want it in textarea input where user can type. Can we do that?? EDIT : jScrollPane is not working with textarea input, check this image ...

What does *|* this mean in css

I just saw this: *|*:link with firebug, it's some default styling which firefox appends, but what does *|* mean? ...

Working with JQuery to change CSS properties

I am using the Jquery UI tabs, and want to change the properties of an element on mouseover. My HTML is this: <ul id="sub-tabs"> <li><a href="#000"><span>000<br /><p id="ct1">General</p></span></a></li> </ul>... And jquery is: $('#guide-nav ul#sub-tabs span').mouseover(function() { $("#guide-nav ul#sub-tabs li p").css("displ...

CSS syntax questions

.features img{...} I understand .features is custom CSS class and div is HTML element. But I don't understand what kind of relationship this syntax will build between them? ...

Navigation bar sticks on mouseout only in firefox..

Any help and/or direction is greatly appreciated. I have a dropdown nav bar that dynamically updates to load subpages using CSS and jscript. There's a Flash movie that the drop down menu will overlap on mouseover. Maybe this is causing a conflict with the mouseout function. However it works fine in IE this is only happening in Firefox....

Change css class with JQuery \ Watermark

My application is trying to show a text watermark in a textbox on a form, but I don't want to touch the actual value of the box. So, I'm trying to use a background image with the watermark text, using classes; .watermarkon input { background-image: url('../forms/images/TypeNameWatermark.png'); background-repeat:no...

IE 7 Displays Hidden and Display None Elements

I have an element on my page that has "display:none" and "visibility: hidden" applied to it. Yet IE 7 still displays the element. Not only does it display the element, when I open developer tool bar and inspect said element it tells that it is indeed not displayed and not visibile. Furthermore, When it's in its original state I can't us...

How do I stop anchor tags from shifting div content upwards

I'm having a strange problem with anchor tags shifting divs upwards which is causing quite a bit of headache, but because there are so many different pieces in the mix, I don't know which one is causing the issue. I'm attempting to build a UI that uses a modal dialog box from the jQuery UI library to display a horizontal accordion styl...

css validation besides jigsaw

any other css validation sites out there besides jigsaw? It's saying content:none; is incorrect but according to the specs it should be fine.. ...

ie7: background image does not show up at all.

body { background: #f6f6f6 url(http://path.to.image/body-bg.gif) repeat-x; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; } works in everything but ie7. what's wrong here? ...

IE6 being a pain. When I resize the browser my UL moves...

I did some checking over my site today to see whether it was Cross Browser Friendly. Turns out that it is... Except IE6... So, my question to you lot is: Why, in IE6, is my <UL> moving when I resize the browser window? Unfortunately I cannot provide any code as I'm not at my desk, but I'm sure I am not the only person who has come acr...

How to simplify CSS code

I am working with an existing piece of CSS code that looks like this (excerpted from a much larger body of code): .apl_widget_fourLevel { margin:0 auto 1em; overflow:hidden; /* zoom:1 */ /* IE Sheet */ } /* a panel container */ .apl_widget_fourLevel .apl_widget_level { float:left; position:relative; overflow:hidden; t...

Is it possible for fixed position elements to cause the body to scroll?

I think I am missing something here, but I cannot for the life of me figure out how to do this. I have a site with three columns: Menu Left (Fixed) Content Centered (Relative) Menu Right (Fixed) I would like the site to have some sort of a minimum width so that if the browser is sized smaller than the width of the menus and the cont...

Why is my container properties being overwritten? (Nivo Slider, CSS)

I'm using the Nivo Slider for the first time on a project. My container that holds the images has a padding and background to fit the design, like so: #slider { background: #fff; border: 1px solid #c1c1c1; padding: 10px; margin-bottom: 25px; clear: left; } Before adding the Nivo code, everything displays properly. Now I los...

Upload one large file once, and change its scale using css, or use different files of the same image in different sizes?

I have a little book flipping site. I have it so I upload an image (the page), the size is about 1500x1948, but it is scaled down using css to fit on the ipad better (it becomes about 946x728). Then I have it so if you double click the image, it scales into its original size (1500x1948) and you can scroll around the page. Is it better t...

Centering Text around a Square Image

Hi, Hoping someone can assist. I basically have a square image depicting a diagram and what I would like to do is to be able to place url link descriptions of what the diagram represents at 12, 3, 6 and 9 o'clock positions. All centered along the top, middle left and right of image as well as bottom. Top and bottom url description l...