css

IE scales background-image on DOM ready

On this project http://jackson.collegeman.net In IE 7 on WinXP and IE 8 on Vista, when the page loads, the background image behind my nav bar buttons scales to fit the anchor tags it's set on. The background-image is a composite of all the buttons for the navigation bar, containing both normal and hover states. For some reason, in IE,...

Centering float left div's in the body

hello guys! i have this piece of code <body> <? while.. (blah blah blah){ ?> <div class="product"> something </div> <? } ?> </body> and the css file is .product{ width:350px; float:left; } the problem is that body doesn´t have a width, well... actually it has, 90%, but my problem is on t...

Large String while during POST ignores the letters after space

I had a textarea, when i post that content in textarea, I only get only first word before a space is given. For example if my value in textarea is 'He is mad man', i get only 'He'. plz Help me to sort out this problem; Code: <form name="SendSMS" method="post" action="admin_main.php"> <div class="reg_item">Category </di...

error setting transparency in css file

I am trying to set the transparency of a table background color. But when i writes this code in css it shows me error "Validation (CSS2.1): filter is not a known property name" and same error for opacity. Why so ? .semiTransparent { filter: alpha(opacity = 50); opacity: 0.5; } ...

Aligning text within a div tag doesn't come out on IE6 or IE7

I'm having a couple of problems with this site. Actually it's my lack of CSS skills that is the major issue. In any case, if you go to this page: http://winteradagency.com/Arvin/lifestyle/lifestyle.htm, you'll see that in the center area <div id="centerInc">, I want some text (aligned to the right and bottom) to be on top of the ima...

How to combine :first-child and :hover?

I have an unordered list I'm using for a menu. Each item has a background image and a :hover image. The background image on the first element is different that the rest, so I use the following to style it, which works fine: #prodNavBar ul:last-child li:first-child {...} Since I want a roll-over image on this element as well, I've trie...

Google Page Speed - what do these messages mean?

I ran the Google Page Speed Firefox extension on a few pages, and under "efficient CSS selectors" it listed various things that are inefficient in my CSS. But some of the messages seem a bit cryptic - what do these (in bold) mean: div#menu h3.soon small Tag key with 2 descendant selectors and ID overly qualified with tag and Class...

-moz-scrollbars-vertical equivalent for Chrome/Opera/Safari?

IE6, IE7, and IE8 display a vertical scroll bar for the page by default even if it is not scrollable. Chrome and Firefox do not do this (I'm assuming Opera and Safari do not as well). You can accomplish this same behavior in FireFox using the CSS: body { overflow: -moz-scrollbars-vertical; } Is there any way to force the visible scr...

neon-glow effect in IE8

The following css creates a nice neon-glow effect around text { text-shadow: 0em 0em 0.3em white; /* assuming a dark background */ } However it doesn't work in IE7/8 For a reference, compare this page in Firefox and IE Is there a way to get a similar effect in it? ...

IE7 does not center inline input inside absolutely positioned form

I've put up the standalone page at http://stevenxu.ca/uploads/layouttest.php. The page experiences a peculiar failure when running in IE7 (strictly IE8 in Compatibility View). A similar error occurs in IE6 when I use XP mode (along with a few other errors), but I'm not too worried about IE6 compatibility. Namely, the input box is left-...

tell pure touch event and pure gesture event apart?

I am doing iphone web development and I've noticed that: gesture events can also be touch events, which means a touch event handler also fires up when there is a gesture event. Any way that I can add specific event handler to gesture (not touch)? Or how can I know if this is a pure touch event or a pure gesture event? ...

Sliding door without background CSS

Is it possible to use markup like this <ul> <li><a href="#"><img alt="" src="/image1.jpg"></a></li> <li><a href="#"><img alt="" src="/image2.jpg"></a></li> </ul> And do a sliding door effect? I have some CSS that looks like this: ul li { list-style-type: none; margin:0; padding:0; } li a { display:block; overf...

How do I remove extra margin space generated by inline blocks?

I am using this css to format two columns but I am still getting margin space between two. I can eliminate it with use of margin-left: -4px; or some such. Is there a more elegant way to do this or is there something wrong with the CSS code? div.col1{ display: inline-block; min-height: 900px; height: 100%; width 300px; margin: ...

jQuery auto expanding textareas acting strange

I have tried various different jQuery autogrow/expand text area plugins, and they all work good and well on the demo page but for some reason whenever I implement them into my existing site, they act very strange, this is what is happening: It works great, if you're manually typing in text and hitting enter after every line, however, i...

Position a div on the same display-position at any resolution?

For example I have a 10" display. This display has either a resolution of 640x480 or 800x600. How can I position a div always at the same display-position (for example 5cm from the top) regardless of which resolution is enabled? This doesn't work, does it? top: 5cm ...

how to evenly space layers within a container layer

I have a container layer with a width of 850px. Inside of that i have 4 layers displayed as inline-blocks floating left, each of which are 100px high and 200px wide. How can i space them so the outside ones line up at the edges of the container div but are spaced evenly within? css #content { width: 850px; margin-right: auto...

HTML PHP Progress Bar

I have a website with a form that uses PHP to send the form data. Is there a way to create a progress bar on the page that looks like it is in action, so that people don't click the button more than once after it's clicked and sending the PHP information. Thanks. ...

How to extract content of web pages easily which are embeded in html pages inside <body>?

How to extract content of web pages easily which are embeded in html pages inside only (like img, pdf, flv, doc, rtf, wmc etc) not css and css backgrounds images,javascript. I'm migrating content old site to new site. re-uploading all images, linked pdf, flv etc. ...

Default SVG style

What is the default SVG style ? for example, what is the default font of a new SVG document ? Is it described in the SVG spec ? <svg><text x="10" y="10">Hello</text></svg> Thanks ...

javascript - know if a link has already been opened.

Hi, I'd like to know if there is a way to know if a link has already been opened. In firefox, the color of a link changes once you clicked it, so I guess it's possible. Edit : This is for a firefox extension, so I can't change the HTML or CSS file. Thanks :) ...