css

use alt or title on text

i want to use title on text. is this possible to make title on text? on some hard meaning of text i want use title. ...

Does it really saves a lot of time to have nested rules in CSS? (using HAML or LESS)

Currently, this is how I'm coding my CSS: Normal CSS: #content { color: white; background: black; } #content a { color: yellow; } #content p { margin: 0; } #content (etc...) #contnet (etc...) #content (etc...) (I always include the parent even if its not necessary so I can orient myself within the stylesheet) This is how...

jQuery addClass not working when adding to "this" object variable

Hi. I am trying to add an error class to an input textbox to show a user that their input is invalid. In the change event I am getting a reference to, what I presume is the input field and storing it in a variable. Calling addClass on the variable does not work as expected. I have firebugged the code and $textBox is the correct textbox s...

Menu appears/disappears randomly in IE7

Stumped...my menu shows up about 25% of the time in IE7. It appears to be a stacking issue: I can see the menu at first but once the header image and the rest of the page loads, it disappears. I've tried setting the z-index in both the menu and its parent elements, but nothing's working... Here's the site: http://www.hospiceofmissoula...

Long string is not splitting on multiple lines in IE

I have a large querystring like http://terra.cic.local/web/index.cfm//pm/uebersicht?sucheAufgeklappt=was%2Cwie%2Cwohin%2Cwann%2Cwer&sucheVon=&sucheBis=&sucheIstErsteSeiteAnzahlProdukteErmitteln=false&sucheIDReiseart=26&sucheHotelart=1081&sucheHotelart=1082&sucheIDLand=347&sucheRegion=214&sucheIstZeitl...

Need help finding why CSS not working in IE

i have some issues with my site CSS i developed the site without IE and now when i try to fix IE bugs the problems seem so overwhelming, what and how will u use to debug? it seems like a bug in tumblr cause invalid code to be generated? hmm ... its ok in firefox tho lol <a _blank="" target=" target=" href="http://fadeyev.net/2010/06/19/...

Chaining jQuery animations

I have come code that chains animations together (i.e. move left, then move right). I have 20 of <li> tags laid out in a grid and I am animating the main <ul> to move the required <li> into view. Code: x and y are co-ordinates, howFast is set to 1200, easeItIn is set to "easeOutBounce" if ($(window).width()<1259) { if (screenFlipMo...

Website the wrong width on iPhone on iOS4 when saved to Home Screen

I have a website that looks fine when viewed in Safari on an iPhone. In iOS3.x you can save it as an icon to the Home Screen and it opens fine. But in iOS4, while it still looks the correct width in Safari, if you open it direct from a Home Screen icon then it's too wide. I've spent a couple of hours fiddling with various settings of t...

Check if LI has "parent" LI using jQuery?

I'm working on the comments section of a WP theme, and the styling requires the use of some clever jQuery in order to make it work right... However, when trying to style admin comments in a long nested UL, I'm having trouble traversing the DOM with jQuery to find the elements I need to adjust the CSS for... Here's what I've tried using:...

Simulate CSS hover state using jquery

I would like to know if there is a way that jquery or some other technology can listen for event X and then simulate a different event somewhere else. The situation I have right now is that I have an image with an image map, and if the user hovers over a mapped area of the image map I want a related part of the content to change states ...

How to use this EmChart to get perfect font sizes in ems?

What is the purpose of this chart and how to use? http://aloestudios.com/tools/emchart/ ...

Funny behavior in firefox hover on div

Problem solved, thanks everybody Here's the problem I have something like this <a href='http://google.com' class="buy_now" > <div class='yada yada' > Go </div> </a> buy_now has background-color on :hover In chrome it works In firefox, while hovering, it keeps flashing / blinking etc Is there anything wrong with my code or this ...

CSS/HTML - proper way to combine text and image in a page header

I'm looking for the optimal way to have a page header that displays an image but with text visible for search engines and in case the header image doesn't load. The best advice google has on this is to have a <div> for the header with an <h1> for the text. In CSS, hide the <h1> with display:none; and add the image as the background imag...

Disappearing Div in Chrome and Safari

I am having a troublesome issue of a disappearing DIV element on a specific panel of a jQuery Tools scrollable. It is only hiding on the final panel of the slider, check out http://andstones.ca/company/ to see an example, and using either chrome or safari, see the div disappear. The code calling the div is: <div style="width: 900px !...

Vertical align issues w/ icons in IE7

I am trying to vertically align the cell phone icon on this page so that it lines up with the text to the left of it. In normal browsers, I just added vertical-align: sub; but this doesn't work in IE7 (shocking, I know). As far as I can tell it seems like IE7 doesn't support inline-block elements. Is there a good solution for fixing this...

Loading PDF in IFrame in IE6 and IE7

Hello, I am loading a PDF inside of an IFrame inside of a popup window. I have the PDF loading correctly in IE6 and IE7 - however there is an issue I am trying to solve. When I load the PDF in the IFrame within IE7, and I resize the window from the right side of the window horizontally, the PDF does not scale down the window will resi...

Inconsistent height of text input elements between Firefox and WebKit

OK, I realize that this is something of an eternal question, but here goes: I've got a single text input, <input type="text" name="whatever" /> and I've specified its font-family, font-size and padding. Yet, even on the same machine (my Mac, let's say), the input has a different height in Firefox (3.6) than it does in Chrome or Safar...

Where we should declare font size, line height and font-family to body, before css reset or after?

For example if i'm using eric meyer reset and i have to apply this style to body. body { font: 100%/1.5 "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;*/ } should i keep this before reset css or after? html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, ci...

Suggest another method of achieving this "word stack" which resolves the known issues my method is a victim of.

I am trying to transform a set of two radio buttons in a stack of two labels, one blue and on gray representing, respectively, the selected radio and the unselected one. Clicking on this stack will change which of the labels is blue (and which of the radio buttons is checked). It works well but it breaks down in an ugly manner when the t...

Non-zoomable webview that works at both iPhone and iPhone4 resolutions

I want to have a webview that has a single HTML and a single CSS file, shows graphics at the same size, but native resolution for each. My existing webviews, designed for 320x480 seems to scaled up well (crisp text and border-radius for instance), though images are at half res in the iPhone4 simulator. How do I simulate the native imag...