css

CSS Columns: Fixed width and "remainder"?

Let's say I want to have two columns. The right one is 200px wide, and the left one just takes up the remaining width. Is this possible? What do I set the width of the left column to be? Rather than fighting with this for hours, I'll get your opinions first ;) ...

svg tutorials that show how to do mouseover

a. i have a huge SVG file 2. i have objects in the SVG file that look like this: <path style="fill:#f7d3aa;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="M 923.03026,37.975518 C 922.57184,38.995849 921.76084,41.697403 921.76084,44.352463 C 921.76084...

Multi column tableless CSS/HTML form builder needed

Looking for a good multi column tableless CSS/HTML form builder. Meaning I want more than one pair of label+textbox pairs on the same line. There are lots of css baed forms out there which I am aware of. The keyword here is multi column, ie; two or more columns where each column has a label+textbox. All the label needs to be aligned vert...

Float a span over a textarea?

html: <div class="no-contact-info"> <textarea></textarea> <span>no contact info</span> </div> css: .no-contact-info { width: 400px; } .no-contact-info textarea { width: 100%; border-width: 1px; border-style: solid; border-right-color: #dbdfe6; border-bottom-color: #e3e9ef; border-left-color: #e7e...

Can I float body in css?

I am bad at integration its crasy. I float a lot of my stuff and find that whenever I start floating something I have to float its container ans its containers container ad nauseum because otherwise the container is collapsed. So looking at my site now its pretty nice a stable but if I put a border on body I see that it is 1px high on t...

CSS - What is the meaning of this selector

Hello all, <div class="alert error"> <p class="denied">adfafdadfadsf</p> </div> div.alert.error { background:url("v3.png") no-repeat scroll 7px -643px #FFEEEE; } Does the selector "div.alert.error" mean the following? select DIVs that contain both class alert and error. Is there a different between CaseI: div.alert.error C...

intermittent background-load bug in Chrome

Heres the story: When I load the following page in chrome (verified across 2 computers), it seems like about 1 in 5 refreshes results in display errors. Often, the background image only loads halfway down the the screen, and the bottom half displays only white (which is weird b/c I have the background set to black under the image.) ...

How do I put linebreaks in tooltips?

i am using this tutorial to add tooltips to my svg: http://flowplayer.org/tools/demos/tooltip/index.html here is a sample of my svg: <path d="M 747.96137,581.40584 L 749.98034,589.3338 L 753.58521,598.75 L 758.74146,607.8125 L 762.33521,613.90625 L 767.02271,619.21875 L 770.92896,622.8125 L 772.49146,625.625 L 771.39771,626.87...

IE 7 or 8 Continuously Attempts to Load Background Image

Hello, I've only seen this happen when testing in IE 7 or 8 from a Windows Server 2008 R2 box. I've tested on Windows 7 and it works fine. Other browsers are fine. So I have a very simple bare bones test page with a link to an external stylesheet that sets a background image on the body (could be a div too). If there is a ul, ol or tab...

Notification bar to web page similar to the SO

How do I write a notification bar in JavaScript similar to the one that you see on Stack Overflow? In my project they are asking for one just the same as this website I wrote the code for this for this but I am not getting the exact one ., I want to know about the cookie logic and vertical slidiing and fadeout and any modifications in...

Giving a search term a yellow background color

Hello, The function below puts a search term $find in bold. It works just fine. However, I would like to make it so that instead of putting $find in bold, it gives it a yellow background, as in the CSS property background-color:#FFFF00;. How could I do this? Thanks in advance, John The function: function highlight($text, $words) ...

Way to force text to wrap in browser even when it is a consecutive string with no spaces?

If I have a string like "11111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111111110111111111011111111101111...

In jQuery, how do I animate the "max-height" CSS property?

I can easily animate the "opacity" property $("#blah").animate({ opactiy: 0.5}, 1000); How can I animate the max-height css property... example: $("#blah").animate({ "max-height": 350}, 1000); (hint, that code doesn't work) EDIT: To answer the questions below: There are multiple images all of css class "blah" The images are of ran...

question about correctly structuring javascript, css, and svg

i have a index.html file which includes svg and CSS file and 2 javascripts file and has a javascript function inside of it for some reason i cannot get the javascript function to run. is the strucutre supposed to be different>? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra...

Get the absolute position of a div relative to the window.

This question is quite similar to what I want I'm looking for, but my situation is different enough, I think, to merit a new question. I have several divs positioned absolutely inside of a parent div (position: relative). I want to get the position of the children divs relative to the window. The jquery offset() method doesn't seem to ...

:hover property overriden after jquery effect, how to get it back?

I have an animate function... function flashGreen(e) { backg = e.css('backgroundColor'); e.animate({ backgroundColor: "#5ccc96" }, 1000); e.animate({ backgroundColor: backg }, 500); } with a css like so .container { padding:5px; background:#eaeaea; } .container...

CSS troubles in FireFox and IE and I dont understand why.

I am creating a new site as a learning experience and I am having CSS troubles. In Safari and Chrome it looks good. In FireFox, the style is off and I dont understand why. in IE, it is horrible and most of my style is not working. The site is: http://6colors.co. I posted yesterday and someone recommended an CSS reset at the top of ...

How do I create a content area (image gallery) that scrolls on mouseOver

Hi folks, I was looking to create an image gallery in my blog. However, I was wondering how possible it would be for the gallery to scroll through my images on mouseOver. Basically, when the user moves his/her mouse up or down the image gallery, the images scroll up or down accordingly. I have seen a few examples where it has been done...

Selecting children of an iframe from the parent of said iframe via css

Is there a simple way to do (what any normal person would assume) this does: html{ background-color:orange; } html iframe html { background-color:orange; } without breaking my stylesheet into two? ...

CSS question: why my css stylesheet selector not working?

I have the following HTML: <div id="graphicArea"> <div id="page1" class="pageArea land"></div> <div id="page2" class="pageArea land"></div> </div> my CSS stylesheet file snippet (this works): .pageArea { width:220px!important; height:210px!important; } my CSS stylesheet file snippet (this don't work): .pageArea.l...