css

Trouble Using JQuery UI.Resizable() and UI.Draggable() with an iFrame

Hello All, I'm trying to create a dialog window using JQuery. I'm making progress so far, but running into some issues w/ the iframe... I know that iframes are usually frowned upon, but they are the only things that will meet the requirements of the project. Anyway, I can successfully implement the resizable and draggable plugins, bu...

Unable to set textarea width with CSS

I have attempted to use this CSS to set the width of my form elements: input[type="text"], textarea { width:250px; } If you look at this Firefox screenshot you'll see that the fields are not the same width. I get a similar effect in Safari. Are there any workarounds? UPDATE: Thanks for the info so far. I've now made sure padding/m...

Why does overflow:hidden not work in a <td>?

I've got a table cell that I would always like to be a particular width. However, it doesn't work with large strings of unspaced text. Here's a test case: <html><body> <table><tbody><tr> <td style="border: solid green 1px; width:200px; overflow:hidden;"> This_is_a_terrible_example_of_thinking_outside_the_box. </td> </tr></...

How to make text run top-to-bottom in CSS?

Does anyone know how to make text align top-to-bottom in a div. SO won't even let me demonstrate it . . . I just want the letters to stack on top of each other in a vertical line down the page like the stories of a building. Was hoping I didn't need to do it with an image. ...

How can I add the gutter along a grid in the 960 css framework?

How can I add the 10 px gutter of a 40px grid(so that it will be 50px) in 960 css framework? ...

Best strategy to style the same HTML when it appears on multiple pages

I have a simple HTML table with 2 columns containing text fields and headers for 'Name', 'Comments' and 'Email'. I'm looking for the best strategy on styling this HTML fragment if it were to appear on multiple pages - requiring different dimensions on each page. I've been reading a lot about CSS recently but havent stumbled across enoug...

HTML List Problem

Dear all, I am making a list with heading and subheading, my main list Home1, followed by subheading. How can I exactly position the subheading content without affecting another list? Any idea? <div id="wrapper"> <ul id="testnav"> <li> <a href="#">Home</a> <ul id="subnav"> <div style...

IE7 line break inside div messes up bottom margin

I noticed strange behavior in IE7 that does not occur in Firefox. If you notice in "testing 2" "div",when I add 2 line breaks at the bottom of this div, it does not respect margin set up for this div, and "test 3" div is right below it without margins. When I remove "br" then "test 2" and "test 3" divs have margins between them. Is this...

IE7 CSS inherit problem

I have set some style for h2 tags (color, font-size, etc.), but when I put "A" tag inside, then style becomes as link. My html: <h2> <a class="no-decor" href="http://localhost/xxx/"&gt;Link&lt;/a&gt; </h2> So, as You can see, I've created "no-decor" class. It should inherit h2's style for "a" tag. a.no-decor { color:inherit; fo...

What is the best CSS trick to reduce how much HTML you need?

What is the cleverest CSS technique that lets you use less HTML? One of the advantages of using CSS well is that it can let you simplify your HTML, and produce look-and-feel effects entirely in the CSS. In the beginning this was just replacing deprecated HTML presentation mark-up and spacer-GIFs with CSS, but recent years have shown mor...

rotate text from a horizontal to a vertical position

Is it possible to rotate text from a horizontal position to a vertical on a single point without using something like flash? So I would read the same text normally by tilting my head. I was thinking you can do this in jquery but couldn't find a plug in. ...

Setting background-image using jQuery css property

Hi, I have a url in a variable, and I am having issues setting the value in css. $('myOjbect').css('background-image', imageUrl); Any pointers? ...

In jQuery, how can I tell if the current object is hidden or not?

Hi, Before I call: $('myObject').show(); I want to know if it is currently hidden or visible. ...

Using CSS page breaks, but within an absolutely positioned DIV

I am using the ASP.NET AJAX ModalPopupExtender on a page. The popup contains details of one or more customer orders that need to be printed out. Each order needs to be on a separate page. I should be able to use the CSS page-break-after style, but this does not work in this scenario as the ModalPopupExtender causes the containing div to...

Handling URLs inside a CSS in CakePHP

Heyall, I am designing a website using CSS Files a lot, but I have several occurrences of background images, images for bullets in lists and I will probably find another need for the css url() function. But, in cake, all URL should be handled by the Route::url() function, in several ways, being most common the $html->url() But my prob...

How do I prevent line breaks between a radio button and its label, while still allowing line breaks within the label itself?

I'd like to ensure that there's never a line break between a radio button and the start of its adjacent label. However, I want text within the label to be allowed to wrap. Is this possible? You can see my failed attempts by rendering the following HTML: <html> <head> <style type="text/css"> .box { border: solid gray 2px; width: ...

CSS: Scrollable Nested Table, works in FF, fails in IE

I'd really love this to work in IE. I'm not able to change the fact that tables should not be used here. IE is the only browser the project I'm working on is required to support. Here's the code: <html> <body> <style type="text/css"> #test table { border-collapse: collapse; table-layout: fixed; width: 95%; } #test table td {...

Is there a CSS parser for C#?

I've seen CSS parsers in other languages, and they don't look very complex (the grammar is remarkably simple). I want one in C# (er, .NET), but I can't seem to find one, and I'd rather not write one if I can reasonably avoid it. Does one exist? ...

CSS: IE8 still can't render CSS correctly. Is there any hack?

I use this piece of CSS code for fieldset in my ASP.net .important { border:1px solid #33CC00; padding:8px 10px 7px 20px; } .important { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; background:#FFFFFF none repeat scr...

Force <div></div> to the bottom of the web page centered.

Hi, I have a <div>...</div> section in my HTML that is basically like a toolbar. Is there a way I could force that section to the bottom of the web page (the document, not the viewport) and center it? ...