css

How to get a floating-DIV to fill available space within its parent DIV?

How can I get the right floating DIVs to fill their available space? <html> <head> <style type="text/css"> .content{ background-color: #fff; margin: 0px auto; width: 760px; border: 1px solid blue; font-size: 10pt; } .content .leftSide { background-color: yell...

Is there a Ruby on Rails layouts/css archive?

Does anybody know a place with a bunch of Ruby On Rails Layouts/CSS combinations? I am starting new applications and would like to give them different look, but I am not a designer, so I would love to use someone's else free layouts/css for starters. ...

Setting a class for a DIV that is a server control.

I different CSS styles, one of which is: #layoutsectiondiv{ border: 2px dashed #000000; padding: 1px; left: 0px; } I have a aspx page: <div id="testDiv" runat="server"> </div> If it was regular HTML, I would set the style of a div by doing a <div id="layoutsectiondiv"> </div> At runtime (in code behind), I need to...

How can I customize the output from pygments?

If I run a python source file through pygments, it outputs html code whose elements class belong to some CSS file pygments is using. Could the style attributes be included in the outputted html so that I don't have to provide a CSS file? ...

How to set width of all elements in a table column with CSS

I have a table based layout, with one main two-column table, for left and right sides of a form. Each column contains an inner, two-column table, with a label and and input column, and each field on its own row. Could I use CSS to set the width of both the input columns? E.g. <table id="frameTable"> <tr> <td id="leftFieldList">...

CSS layout, use CSS to reorder DIVs

Given that the HTML <div> <div id="content1"> content 1</div> <div id="content2"> content 2</div> <div id="content3"> content 3</div> </div> render as content 1 content 2 content 3 My question: Is there a way to render it as below by using CSS only without changing the HTML part. content 1 content 3 content 2 ...

css for dynamic content

I'm working on adding content to a web-page with javascript. The problem is that the CSS in IE (7) doesn't seem apply to the dynamically added content. Here's an example document.. <html> <head> <style type="text/css"> p.foo { color: #FF4400 ; background-color: #000000 } p.bar { color: #FF0000 ; background-color: #000000 } ...

CSS Menu won't show through nested Divs in IE7

If you look at the menu for this site: http://writershore.com/ltlaw/ The menu looks great in Firefox, Chrome, etc, but in IE7 the menu drop downs don't break through the nested DIVs. Is this an overflow issue? A z-index issue? I've tried variations of both and doesn't fix the result in IE. Thanks for any ideas! ...

thead/tbody spanning on multiple pages of printed HTML but NOT on the first page.

Is there a css approach for doing this. either with 'running' or other css. I want to print a HTML document and have thead/tbody to span multiple pages. But I don't want to display the header on the first page. Keywords I used to google css thead tbody page print ...

Getting column to expand to the same height in a 3 column CSS layout?

Does anyone know what CSS can be applied to these elements to make the side bars expand to the height of the middle div? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; <html> <head> <title>This is my page</title> <style type="text/css"> body { background-color:#aaaaaa; } ...

JQuery Popup Bubble

Hello all, I'm trying to make a "bubble" that can popup when the onmouseover event is fired and will stay open as long as the mouse is over the item that threw the onmouseover event OR if the mouse is moved into the bubble. My bubble will need to have all manners of html and styling including hyperlinks, images, etc. I've basically acc...

jQuery not triggering on appended item

I'm having a problem triggering events on items that have been added to the page. In the following example, if you click X it will remove one of the items, but you if you add an item you can't remove it. Here's the list: <ul id="mylist"> <li>Item 1 <a class="remove">X</a></li> <li>Item 2 <a class="remove">X</a></li> </ul> <a cl...

Object oriented CSS: should it matter?

Hello all, I've just found this interesting presentation about the concept of "object oriented CSS". It seems to be a good idea but the presentation is rather short and doesn't give a lot of examples. My questions: is this concept relevant? what are the benefits of OOCSS? can you provides me with complex exemples of "object oriented ...

How to make HTML underneath overlapping Flash accessible

I have a Flash header with a transparent background contained inside of a relative positioned div with a z-index of 10. The resulting effect allows my Flash movie with a transparent windowmode to overlap and hover over the HTML content. Unfortunately, the HTML that is underneath the invisible Flash is not accessible. For example, the ...

CSS3's border-radius property and border-collapse:collapse don't mix. How can I use border-radius to create a collapsed table with rounded corners?

Edit - Original Title: Is there an alternative way to achieve border-collapse:collapse in CSS (in order to have a collapsed, rounded corner table)? Since it turns out that simply getting the table's borders to collapse does not solve the root problem, I have updated the title to better reflect the discussion. I am trying to make a tabl...

Hidden features of CSS

I have definitely picked up some useful tips in the hidden features style questions concerning PHP and XHTML. So here is one to cover CSS. While easy to pick up, it takes a little while to learn about everything, their default behaviors, properties etc Here are some to start the ball @charset "UTF-8"; /* set the character set. must b...

Can I stop 100% Width Text Boxes from extending beyond their containers?

Lets say I have a text box that I want to fill a whole line. I would give it a style like this: input.wide {display:block; width: 100%} This causes problems because the width is based on the content of the text box. Text boxes have margin, borders, & padding by default, which makes a 100% width text box larger than its container. Is ...

Placeholder control, and aligning child controls

I have a program that displays messages posted to a forum. Right now, I am using the Response.Write method in the code behind to insert the HTML I want. But I would much rather avoid putting HTML in the code behind (because it is not in the spirit of the whole code behind/design separation feature of .NET). I would like to use a content ...

Positioning problem and CSS menu won't show through nested Divs in IE7

For this site: http://writershore.com/ltlaw/ I validated the site as XHTML 1.0 Transitional, and now the absolute positioning doesn't seem to work and worst of all the menu doesn't work correctly in IE, it seems to show underneath the Div. In Firefox and Chrome the menu works fine. Any thoughts on what is wrong with my positioning in ...

i prepend the css to the end of head tag

i want to add css to head tag and it should reflect the page like i have text box on my page when user add background image url in this text box on keyup css is created in head tag for body background. css for body tag is successfully added in the start of head tag but no affect on page background :(. question is can i add css at the en...