css

Portable HTML/CSS for vertically aligning an input of type=image with an input of type=text?

I'm attempting to make a form like so, with horizontal layout: <form id="foo" name="foo" method="post" action="fooaction"> <p>Enter a foo: <input type="text" id="fooText" name="fooText"value=""/> <input type="image" name="yes" id="fooSubmitYes" value="1" src="yes.png" title="Yes" width="24" height="24"/> <input t...

jQuery replaceWith, append, prepend not working

I am trying to prepend something to a li, hosted inside a #container #boxes #third li a but it isn't quite working. I am using the following code: $('#container #boxes #third li a').append(kevintext); But whenever I do that, nothing happens. You can see the code in action at my testing page here. Because that didn't work, I tried so...

Adding a custom style to content editor

I have the standard content editor that uses an iFrame as the text area and then onchange of dropdowns it performs: idContent.document.execCommand(cmd,"",opt); where "idContent" is the iFrame. One of the dropdowns is supposed to be style but it performs a "formatBlock" command. I have a custom style sheet. Is there a way for me to p...

Cocoa WebKit - detecting CSS rollover/hover

I have a WebView displaying a HTML page, linking to a CSS file. The CSS file makes use of the pseudoclasses :active and :hover for rollover effects. Q. How can I tell, in my WebView, when :active and :hover have been called? I would like to intercept these calls and act on them programmatically within Cocoa. Thanks. ...

CSS Framework - off the shelf or homegrown?

Is there an existing framework that satisfies the needs of your projects with minor modifications, or have you developed your own along the way? What do you recommend for someone trying to make that decision with these priorities: CSS reset Attention to typography; baseline grid Semantic classes Accessibility Lots of "Helper" classes: ...

Should we use a CSS frame work ? Are they worth it ?

CSS frameworks have nice styles inbuilt and ask you to focuses on the grids but still there is a bit of dependency and lack of freedom it provide.. If I need to generate a webpage by looking on a PSD based mockup screen ..either i will use the classes provided by the framework but if that actual measurements does not exist I need to agai...

Corner images using CSS

I have a relatively simple design that is puzzling me. It has 4 large images that need to be stuck to the top left, right and bottom left, right corners. The images are quite large and the content container overlaps them. A little something like this: My problem is that my implementation works fine in all major browsers except IE8 (wh...

How can I use CSS to preserve line breaks in an HTML <code> block?

I have some code samples which I want to publish in an HTML document. I'm wrapping them with <code> tags but I'd like them to be styled such that line breaks are preserved. I can do this by also enclosing them with <pre> tags but I'd prefer to use CSS. I've tried the following in IE7 (which according to this reference should work) but w...

What is the use of style="clear:both"?

I happened to see a div which had the style clear:both! What is the use of clear in style? <div style="clear:both"> ...

Internet Explorer: set css class on tablerow?

Hi, UDPATE I was passing the along with an AJAX response. Seems like IE doesn't like 'new' CSS... Works fine if placed in stylesheet or initial page request... internet explorer doesn't seem to react on classes set on tablerows. Is this correct? If so is there a workaround? Or am i doing something wrong? <style type="text/css"> t...

Why doesn't my background stretch behind my contentbox?

I cannot get the background to stretch behind the contentbox. The strange thing is, it works with Internet Explorer, but not with Firefox. I hope it is enough to give you a link, since I do not know where the problem is in the code, it would not make much sense to post the whole code in here. http://www.yiip.de/arbeit/testlayout/sta...

Accessible navigation of large information trees

I am developing a public website which is the front end to information about medical conditions. After the user does a search (questionnaire based) they are presented with the results which are categorised in to sections and sub-sections. Information items can be assigned to both sections and sub-sections. At the moment sections are...

The second floating div in chrome clears down before first div.

Two divs are next to eachother, both floating left within a wrapper. In IE and firefox they appear correctly, but in Chrome, the 2nd floating div clears down below Div A. When I remove "float:left" in the css, it goes to the correct position in Chrome, but clears down in IE and firefox (as it should). I dont know why it is appearing this...

How do I add background images in a JSF application using richfaces and CSS?

I'm making a website Using JSF and richfaces, but I need to do some background images on the drop down menu labels. I saw you can use the style attribute by doing .rich-ddmenu-label { background-image: url("images/the_image.gif"); } But that doesn't seem to even try and put a image anywhere. I can use an image using <h:graphi...

Mapping computed CSS styles to specified ones?

Is there a way to map the computed style of a dom element (as retrieved by window.getComputedStyle) to a corresponding CSSStyleRule in document.styleSheets? My ultimate goal is to retrieve specified values for dom elements (rather than computed values or actual values). ...

Fix HTML Page Element Relative to Browser Chrome

I'm trying to position a div at the top left corner of the page, and I want it to stay there regardless of browser window resizing or page scrolling. How can I do this either with plain CSS (if possible), or with jQuery? ...

IE CSS Float Problem

The output of this code looks pretty much identical in FF, Chrome and Safari on Windows. In IE7 it looks weird. For all other browsers the frame div exactly wraps the canvas div even though there is a 24X24 div in the frame but outside the canvas. IE7 leaves extra space in the frame, above the canvas, for the "blue-box" div. Once flo...

Toolkits/Libraries for CSS in ASP.net. ( Like the Ruby Library 'Less' )

So, I just saw the ruby library 'Less'. And I want that functionality... Are there any existing libraries for ASP.net which will give me the same sort of functionality? ...

Images Won't Show as Link in Internet Explorer

Hi, I am designing a menu bar combining effects with CSS and JavaScript. It is comprised of large icons with text underneath that appears when hovered over. It will be deployed on an intranet so it only has to run in IE 7, 8, and Firefox. Firefox of course seems to perform what I intuitively think the HTML should look like, showing la...

Table rows with two lines of text

Hi, I have two tables side by side. I need the rows to line up, but sometimes the content can be longer than the table row due to width constrictions on the page and it breaks and makes a two line table row. Is it possible to make something like double rows that can hold two lines of text so everything lines up no matter if the conte...