css

Adding Css class to all <input type'text'> elements? Javascript / Css?

I want to apply a CSS class to every textbox in my site: <div class="editor-label"> <label for="FoodType">FoodType</label> </div> <div class="editor-field"> <input id="HelpText" name="FoodType" type="text" value="" /> </div> <p> <input type="submit" value="Crea...

Space in DIV ??

Hello all, Is it possible to avoid the spaces X & Y (see image)? There is no padding in CSS! <html> <head> <title>Prova WIDGET</title> <link rel="stylesheet" href="jquery-ui-1.8.1.custom/css/ui-lightness/jquery-ui-1.8.1.custom.css" type="text/css"> <script src="jquery-ui-1.8.1.custom/development-bundl...

How do you add a scroll bar to a div?

I have a popup that displays some results, and I want a scroll bar to be display since the results are being cutt off (and I don't want the popup to be too long). ...

When to use WYSIWYG Editors?

It appears to me, from searching stackoverflow, that hand coding html/css is superior to using WYSIWYG editors. I'm a few weeks into learning html and css, and I've only hand-coded so far (though I do have the Adobe Suite). My questions: is it ever worth learning how to use a WYSIWYG editor (like dreamweaver)? And, more importantly, whe...

What has bigger priority: opacity or z-index in browsers?

Hi, I'm coding a "popup window" in javascript and I've come across an interesting thing: http://img91.imageshack.us/img91/4761/error01cropped.png - the navy square under the popup window is visible even though I would expect it to be hidden. The popup was added after the square so it should be on the top. CSS opacity property of the na...

Max HTML/CSS Editor: TextWrangler or Aptana or Simple CSS?

Which do you recommend and why? (I would go textedit, but want to first learn and stick with coding for a while before I spend the money.) ...

Why doesn't this image sprite menu display properly, and why aren't the links working?

The code validates. There should be two more images in the menu on the left, above the visible one of the silo. And each should be a link. http://www.briligg.com/agnosticism.html css is: external style sheet: .menu { position: relative; float: left; margin: 10px; padding: 0; width: 150px; } .menu li { margin: 0; padding: 0; list-styl...

css border-left 50% height

I want the left border of my div to show only to the half of the div. The same I would like to do to my right border but is should be set from the bottom of the div to the middle of the div. How can I achieve it? ...

Why aren't min-width and max-width working as I expect?

I'm trying to adjust a CSS page layout using min-width and max-width. To simplify the problem, I made this test page. I'm trying it out in the latest versions of Firefox and Chrome with the same results. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns="http...

IE7 li with image and text issue - Text . Almost working.

I'm using an unordered list. With an image to the left and text to the right. I only noticed today that IE7 was displaying this so badly that it wasn't even acceptable. Woops for not realising sooner. I have the given the image a class and the text wrapped in a seperate div. <ul> <li><a href="domain"><img src="http://www.domain.com/i...

Absolutely positioned element positioned where it would've been had it been static

Is it possible to create an absolutely positioned element whose top/left is set to where it would've been had it been static, and whose bottom/right is set to 0px, 0px. Thank you ...

Chrome not displaying Class set by jQuery or a Direct CSS property

This might seem like a bit of a design/css question but i really need some help. This is the page http://library.permilia.com/Gavin/version2.0_beta/lead.html It works on every browsers imaginable except chrome. By it works i mean it applies a class .error that sets the borders to 1px solid #f00 which is a red border. In chrome for so...

What are cons if we use javascript to apply css selectors to that browser who do not support that property by default

What are cons if we use JavaScript to apply only CSS property/selectors to that browser who do not support that property by default? to keep my HTML semantic and keep free from Deprecated HTML. Is it against content, style and Behavior separation? If I make accessible site then should i only use whatever i can do with pure css. shouldn...

How to target Safari for Mac only?

Hi I've cross browser fixed a site on all thinkable PC browsers, including Safari. Now my smart ass designer sent me a screen shot of the whole layout collapsing on mac. I have an idea how to solve it (reduce the margin on an element by a few pix), but i don't know how to target Safari only, preferably Safari mac only. What's the best w...

CSS with a PHP extension?

I would like to name my css file mystyles.php. All content within will still be css. I'd like to then include this into my index.php page without using the standard HTML <link> tag. Any direction would be appreciated very much. ...

Complicated jQuery .hover Work

The following code is giving me a lot of trouble. To note, .hover changes the background image. Firstly, how can I combine the two with .hover rather than a separate mouseenter and mouseleave? Second, How can I make it so that while the div is shifting upwards, the background image is simultaneously fading? $('div.designbox.orangehel...

Display two images side by side on an HTML Page

I am trying to place two images of the same size side-by-side. If I use a "table" then I am able to display both images side-by-side. But in my CSS Stylesheet I am using a custom format for the table and this shows on the page containing the images too. But I want to just display both images without any custom background or border etc. ...

CSS: Fluid layout - footer always at the bottom, and a fluid center

How would you do this: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page Except with a fluid center (vertically stretched, height 100%)? ...

Height: 100% inside min-height: 100%

How would you get a height: 100% inside a min-height: 100% working? ...

Font not correctly displaying in Internet Explorer using the css property @font-face

I'm trying to render a font using the css property @font-face , in Firefox, Chrome and Opera it works fine, but within Internet Explorer is just does not want to display correctly, and reverts back to another standard font. My code looks as follows @font-face { font-family: "swatch"; src: url("../../fonts/swat...