css

Display image outside html element with CSS

Hi, is it possible to display an image outside of textbox with CSS only? Please see my example below: ...

CSS overriding dilemma

Basically I have a theme in my ASP.NET application and it contains a css file that turns all my tables blue, which looks great. It looks like this table { background-color: #DEF1FF; border-color: #DEF1FF; color:#5793C9; } td { // TD properties } But now I want one table to be a different colour. I created a class to over...

add image in option

Hi all, Can anyone tell me how can i add an image in Select box HTML <option id ="OP_{$LANG.MY_ID}" class="boardDialog" style="font-size:12px" value="OP_{$LANG.MY_ID}"> CSS .boardDialog{ background-image: url(../images/Work_Board_Member.png); background-repeat: no-repeat } This is working fine on Mozilla but does not wor...

Is this a CSS bug?

<div class="FrameBig" style="float:left; width:25%; height:45px; margin-top:9px; margin-bottom:25px; margin-left:50px; text-align:left"> <table width="100%" cellpadding="0px" cellspacing="0px" border="0px"> <tr> <td>Cell One</td> <td>Cell Two</td> </tr> <tr> <td>Cell Three</td> <td>Cell Four</td> </tr> </table> </div> FrameBig is ....

fixed position element causes distortion when scrolling

Hi, On this page there's a black logo box on the right of the page whose position is fixed. The divs that hold the photo and the main content area have their position set to relative. In Firefox 3.5, if you scroll up and down the page, you'll notice a really ugly distortion in the relatively positioned divs - it appears as though the co...

jQuery hide/show doesn't seem to work - am I doing something wrong

I am trying to show an element (which is a table, but I am using it as a div) when a submit button is clicked. It doesn't seem to work. And I don't think that's because of bad CSS Karma acquired by using tables for layout. Code is as follows: $(document).ready(function() { $("#object-created-panel").hide(); $("#create-o...

IE PNG fix problem

I have applied ie PNG from here: http://www.twinhelix.com/css/iepngfix/ So I can use transparent PNG background images in my CSS. It works on divs but the problem is when I give a transparent background to unordered list (ul) it doesn't work. Here is the markup: <div id="footer"> <ul> <li><a href="#">Link 1</a></li> ...

Syncfusion TreeView Control CSS Problem

I am working with the Syncfusion TreeView control to create a folder browser on a web page, our design uses CSS to control the layout of tables, but I cannot figure out how I can stop the table CSS affecting the layout of the TreeView. Currently my Treeview is looking like this: http://imagebin.org/63035 See how the checkboxes and th...

HTML/CSS - Very tall <textarea> disappears off A4 page when printing.

I have a problem where a very tall <textarea></textarea> control doesn't fit on an A4 page when the web page is printed. On the web page inside a browser, the textarea displays just fine, but when I go to print it the bottom of the textarea gets chopped off the bottom of the page, it doesn't continue to print onto the next page. I have t...

CSS: Margin-top when parent's got no border

Hi, As you can see in this picture, I've got an orange div inside a green div with no top border. The orange div has a 30px top margin, but it's also pushing the green div down. Of course, adding a top border will fix the issue, but I need the green div to be top borderless. What could I do? html: <div class="header">Top</div> <div cl...

Link in sticky footer not clickable in Firefox and Chrome

I am using a sticky footer like described in: http://stackoverflow.com/questions/42294/how-do-you-get-the-footer-to-stay-at-the-bottom-of-a-web-page http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ I have a paragraph with a link that I want to be at the bottom of the page, so I put it in .footer. The problem is that the...

Is there a way to hide the nth item in a list with CSS?

Example: <ul class="mybuttons"> <li class="mybutton"></li> <li class="mybutton"></li> <li class="mybutton"></li> </ul> Is it possible to hide the 2nd item using css? ...

Why do some CSS elements fail to appear in the IE Dev Toolbar's CSS tab?

I've noticed that in the IE 8 Dev Toolbar's CSS tab, only some of the CSS elements show up. Does anyone know why that happens? For example, in the CSS file, I might have: .A { cursor: pointer; color: #09F; } .B { color: #999; } .C:hover { text-decoration: underline; } But IE8's Dev Toolbar will show: .A { cursor: p...

Is it acceptable to use tables for forms? Or is it still more correct to use divs?

I'm wondering whether it's acceptable to use tables for forms. Strictly speaking, name/value pairs are tabular data, aren't they? And a form is just a user customisable set of name/value pairs. So is it right to use tables in this case? Or should I use divs styled with CSS? ...

Is margin property of an element ignored until its value is equal or greater than...

1) a) Even if inside CSS file we don’t specify a margin property for a particular block ( like <p> ), browser still displays it as if this block has a linebreak before and after it. Is that space ( let’s call that “default” space a dS ) considered a margin with some default value? b) I would assume that if I add ( inside CSS fil...

Doing quotes in CSS

I have some legacy CSS I wanted to clean up. Person who wrote it is not available for consultation. The following rule does not validate (CSS 2.1): html[lang=en] q: before, : lang(en) q: before { content: "“"; } Would it be safe to assume that the author mean the following (this validates): html[lang=en] q:before, q:lang(en):befo...

Weird CSS issue in IE7

Hi, I'm having a rare CSS issue in Internet Explorer 7 (I'm actually testing it on IE8 in compatibility view, but the client sent me screenshots in native IE7 too), it's easy to reproduce: Go to this site (spanish). On the left column, click the border (or somewhere around) the box labeled "Fiestas anteriores" The element should now be...

Selectable input fields and textareas but no other content selectable in Firefox?

I need to prevent users from selecting elements in my web app UI, except for text in input fields and textareas. For Firefox, the technique seems to be to use this css: * { -moz-user-select: none; } And that works well enough (tested Firefox 3.5.2), except that you cannot then select within input fields or textareas. I tried dividin...

IE8 render bug

Check out this page in Firefox or Chrome: http://minorityrecruitonline-com.si-vs1222.com/college/Default1.aspx Now check out the same page in IE8. I have tried everything to get them to appear the same in both browsers, but no can do. Any ideas from any HTML gurus out there? ...

How do I create borders around tbody/thead sections of a table?

I am attempting to create a page with tabular data, which must appear as multiple tables. I have two conflicting requirements to get around, however: Each table must have a border around it. Column widths for each table must be able to re-size based upon the content. However, the column widths must be consistent across all tables. (i...