css

how to remove element.style in css

Hi I am using Joomla 1.5. i am having a page where a cSS has been added for the title which is in <strong></strong> I firebug it , it appears as element.style { color:#666666; } i dont know of from where it comes from.. but i am having a css applied for the same tag with other color. but it disappeared. How to remove the element....

Width of li with two floats different in IE, correct in FF

I've worked out most of the kinks with my "lava-lamp" effect that I'm trying to create. Basically I want two curly braces (both are images) to wrap a list-item, then follow over to the next list-item. I always build in FF, then make exceptions for IE. I can't figure out what exception I need to make! I'm using an absolutely positione...

Changing display style in a Page

I am using a DetailsyView which needs to have some fields hidden until there are some selections made. I was looking the way to do this via the following: Apply a class to the BoundField Controls that I need to hide. Change the display style to 'none' in the class programmatically in the OnLoad method. On the Prerender method check if...

Applying different rules when Hovering over an Active link

I'm currently working with a set of links that are getting their background images replaced when they are focused, hovered over, and non-focused; but right now I also need to fix it so that when you hover a focused link you'll get yet another result. My searching hasn't found anything and my experiments with anything like: a:focus:hove...

What other things would be good to include in CSS reset (along with eric meyer reset) for any projects.

I know and use eric meyer CSS reset, but is there any more things which would be good to add in reset css? and can save our time and increase compatibility. This is default meyer's latest CSS reset code. /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, a...

css to crop an image instead of stretching it

i am taking an image from a source, say, facebook. now when i want to insert that image in a container with fixed width and height, the image stretches to fit that space. is there a way the image can display in its normal size and the rest of the area clipped out? ...

Background not showing behind floating divs

Hi, what's wrong with this code? The background disappears behind the divs when I add float: left to #text and #text2. But when I remove the float: left, everything looks good. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; <html> <head> <style type="text/css"> #fir...

Centering a percent-based div

Hello, Recently, a client asked that his site be percent-based rather than pixel-based. The percent was to be set to 80%. As you guys know, it is very easy to center the container if it is pixel-based but how do you center a percent-based main container? #container { width:80%; margin:0px auto; } That does not center the containe...

CSS3 Gradients and border-radius leading to extraneous background in webkit

Hello all, After my 1st question with relation to CSS3 gradients in which I was recreating an 'inner glow' I've now got to the point where I'm not so happy with the way in which webkit renders the effect. Basically, if you give an element a background colour and apply a border radius to it, webkit lets the background colour "bleed" out...

Can I disable Safari's smooth image scaling?

I'd like to scale some pixel-art images up in-browser. Because they're pixel art it looks horrible if image smoothing happens. In Firefox I can disable smoothing with "image-rendering:-moz-crisp-edges". In IE there's "-ms-interpolation-mode:nearest-neighbor"... which is the default scaling mode anyway, mostly. But I can't find a way t...

Should I choose <button> element or css buttons?

Ok, here's the thing. I've done a webpage which contains forms and so I added buttons as elements and this works great. I created their own css classes and use graphics as background images for each of them. All working great (these are submit buttons btw) Anyway, I've also got a jQuery script from before that takes all a href hyperli...

Flash video playing on top of everything else in IE7

Hi everyone, I've been spending hours now reading up on IE7's issue with rendering Flash content on top of other elements, particularly navigation menus (this is often a problem with dropdown menus and Flash ad banners, for example). I've tried a few of the suggested solutions but none have worked for me so far. I'll do my best to expla...

Getting an Variable to Display at the top of an HTML Table Row

Hello, For the HTML table column below, the $count++ displays in the middle of the row. How can I get it to display at the top of the row? Thanks in advance, John Code: echo '<td class="commentnamecount">'.$count++.'.</td>'; CSS: .commentnamecount { width: 20px; overflow:hidden !important; color: #00000...

Dynamic instant theming a la My Yahoo / iGoogle

I can think of lots of ways to do this on my own, but I was hoping to find some sort of best practice and have been having trouble finding other's experiences. I want to create easily themed HTML and provide a real-time selector for the user to experiment with themes. I want to do something like the "Change Appearance" tab at http://my...

Margically appearing margin in footer. Could use some fresh eyes on this.

Hi chaps! Got a nearly finished coded comp here: http://clients.pixelbleed.net/biodesign/ I realize it's not completely valid, what with my nesting of li's and ul's within A tags. Unfortunately that's the way it has to be. My issue is with the very bottom of the footer. It has a space showing the body's background color beneath it. Tri...

How do I make nested options for plugins in jQuery

I know how to do plugins, but how do I do nested options like: var defaults = { spacing:10, shorten_to:50, from_start:0, from_end:2, classes: { test:'testing' } }; i know that isn't right, i just dont know how to write the proper syntax when I want to do something like this: $('#breadcrumbs').breadcrum...

jquery animate and image resize flickering

Hi, i've a problem with a resize effect that i've done in http://www.mcz-scenario.it. When you click on a language, you can see the "background" image transferring into a certain position of the screen. this is the image: <img id="lago" src="http://www.mcz-scenario.it/images/lago.jpg" height="1070" width="1600" alt="lago" /> And this...

Can you get a job if you know XHTML, CSS and Basic PHP?

If you know XHTML, CSS and Basic PHP, can you get a job with those skills and what type of jobs should i be looking for? Thanks ...

CSS RGBA border / background alpha double

I'm working on a website that has a lot of transparency involved, and I thought I would try to build it entirely in RGBA and then do fallbacks for IE. I need a "facebox" style border effect, where the outer border is rounded and is less opaque than the background of the box it surrounds. The last example from http://24ways.org/2009/work...

How do I take input/output from a form and store it in a JS variable?

I am creating the UI of a web app, and haven't done any back-end work yet. For testing purposes, I want my forms to be able to work, so I want to take the input they have received and store it in javascript variables so I can access them, using jQuery. Everything I have looked at, tells me how to pass js variables into the form, not th...