css

CSS inheritance: applying selector for itself and every descendant

Get a custom user CSS and type this .answered-accepted { color: white !important; background: #090 !important; } Now go to answers.unity3d and look for an accepted answer. The design looks bad, because the <strong> in there overrides the customization. The fix I've found is this: .answered-accepted, .answered-accepted * { color...

Is there anyway to fade between background images in jQuery?

So I have an interesting image setup and I was wondering if it's possible to fade between two background images. I would assume if there was one, it'd be with multiple background images and opacities... hmm! ...

How to get rid of box around linked image

Hello, I know I've solved this problem before, but I can't remember or find the solution, so here I am... In Firefox 3.5 this code causes an undesirable blue border around the image. How do I get rid of this blue border? <a style="text-decoration: none;" href="index.html"> <img src="http://www.google.com/logos/stpatricksday10-hp.gi...

Proper Way to Create Standards-Compliant Webpage Structure

I have been working through projects involving packages that do all the web design stuff for me for the past few years. I will admit that I have not been able to focus any on actual web design. I was wondering what the standard is these days for website layouts. Are layout-tables looked down upon now? Or are all layouts done with div ta...

sIFR3: controlling a and a:hover styles inside replaced through CSS rather than JS

For graceful degrading and minimal coding for the sIFR feature on my websites I would want to define styles in CSS as much as possible. Here's what I do: • Define a H3 tag to be replaced by sIFR3. • H3 comes in varying colors by CSS depending on it's container, say: body.blue-txt h3{ color: #009CDA; } body.white-txt h3{ color: #FFFFFF...

Where To find online PHP/CSS Syntax Generator ?

i would like to learn how to make PHP/CSS syntax generator. i assume this going to be fun and all. Is there any open source PHP/CSS syntax generator ? Or at least, where the best syntax generator available in internet based on your experience ? ...

How can Safari be prevented from scrolling an overflow:hidden iframe?

With Safari you can disable most iframe scrolling by setting style="overflow: hidden;" on the iframe. However, if you click in the iframe and move the mouse the content scrolls anyhow. Example: <html> <body> <iframe style="width: 100%; height:100px; overflow: hidden;" scrolling="no" src="scrollcontent.html"> </iframe> </bod...

Bottom of page gets cut off in Safari

I can't figure out why this page: http://wohf.squarespace.com/newsletter/ gets cut off at the bottom in safari, seems to work fine in all other browsers (as far as I found so far)!! I am using some jquery and css for the sidebar and the content to match heights and for the canvas to run top to bottom with the footer always at the very b...

text-decoration:underline vs border-bottom....

What is the difference to use {text-decoration:underline} and {border-bottom:...}? which is easy to style and cross browser compatible? when we should use border-bottom over text-decoration:underline? Would it be good to use border-bottom always in place of text-decoration:underline? ...

How to occupy all the space in a div when working with min-height header / footer

I believe this is a beginner's CSS question. I am utilizing the method described in http://www.xs4all.nl/~peterned/examples/csslayout1.html to fix a header to the top and a footer to the bottom. What I'd like to achieve now is two columns inside the content div. A left one of 200px and a right one that takes up the rest of the widt...

IE7 float and clear on the same element

Hi geeks, Here is my code, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>[your title]</title> <style type="text/css...

Good Administration Center Templates

Hello, This may not be a programming question per se. But I am wondering what template do you use for your sites/webapps admin centers. Am looking primarily at free templates that give a basic structure. I know I can build my own, but I haven't had too much success in something that works for all my webapps/sites. Wondering if there is ...

How to achieve table like rows within container using CSS

I'm helping an artist maintain her website and have inherited some pretty outdated code. Have moved lots of redundant common code to include files and am now working on moving from inline styles to more CSS-driven styles. For the gallery pages, e.g. http://artistsatlaketahoe.com/abstract.html, a lot of inline styling is used to force t...

How to make jQuery animate upwards

Hey there, I've got some jquery running fairly well, howeever when I hover over the element in question, the bottom expands downward which is not unexpected but is not the desired effect. I'd like the bottom of the element to remain stationary with the top of the element expanding upwards. If you'd like to see what I currently have, y...

When is it a good idea to use the CSS display property?

I think I first learned of this property when I thought "I should put this list of items in a ul, but I want it to be laid out horizontally. I wonder if I can do that with CSS?" When I googled this, I found a couple of sites suggesting that I create a CSS rule that would change the value of the display property of the li elements to inli...

make scrollbars look the same in every OS?

Scrollbars get quite a bit of use in the site i'm working on and how they look on some OS's really doesn't fit with the design - especially if someone's running xp! looking for a lightweight css / jquery method of custom styling my scrollbars? ...

Simple accordion menu (jQuery)

// ACCORDION $('.accordion .answer').hide(); // hide all $('.accordion .question').click(function(){ $('.accordion .answer').slideUp(); // hide all open $(this).addClass('active').next().slideDown(); // show the anwser return false; }); HTML: <dl class="accordion"> <dt class="question">question</dt> <dd...

jQuery UI: Dialog button styling

Is there an easy way to apply CSS/icons to the modal buttons on a jQuery UI modal dialog box? If I include the HTML to display an icon with the button text, it shows the HTML as text rather than rendering the code. I'm guessing I could write some jQuery to find the button and overwrite the HTML with what I want, but I'm hoping there's ...

jQuery - Could use a little help with a content loader

Hi, I'm not very elite when it comes to JavaScript, especially the syntax. So I'm trying to learn. And in this process I'm trying to implement a content loader that basically removes all content from a div and inserts content from another div from a different document. I've tried to do this on this site: www.matkalenderen.no - Check th...

Active State Image Display

I have some images that need to change, based not only on hover, but also on active state. If you look at the page here: http://site427.mysite4now.net/tazthedog/site1/ There are some tabs with Screen Printing Quick Links, etc. The tab image is associated with the link and displays properly. The icon in tabs defaults to the gray and turn...