css

How can I ensure a DIV stretches to fit its contents?

I have this HTML with a table: <div class="currentDesignDiv" style="margin-bottom:5px;"> <div> <img alt="Thumbnail" src="http://www.propertyware.com/templates/ <bean:write name="currentTemplate" property="primaryKey"/> /thumb.gif"/> </div> <div> <table> <tr> <th>Your Current Desi...

Make narrow characters with CSS.

How do I reduce characters' width of Arial-like fonts with CSS? ...

Caching gzipped css

I've got over some tutorials on how to gzip a css file in which you create a public php file to include css files with compression. The problem is I cannot get it to cache my css files. I'm using firebug for reference and I've actually tried using the same code to compress some javascript and it caches it fine. Here is the code: if(ex...

CSS - width not honored on span tag

Hi All I have a issue with one of my spans. Please cosider the following styles: .form_container .col1che { float: left; width: 4%; text-align: left; } .form_container .col2che { float: left; width: 80%; text-align:left; } .form_container .col3che { float: right; width: 13%; text-align:right; } These 3 spans in my cod...

Is this possible with CSS

I want a CSS layout , two column left one is 40% and right the rest (60%) ... but I also want the left one not to gwt smaller than say 200 pixels when the browser is resized. I use absolute positioning. My css is like this #LeftSection { position: fixed; float: left; width: 40%; height: 100%; background-color: #CCCC...

How can I highlight certain options in a HTML select using jQuery

I have a jQuery reference to a HTML select list. I need to iterate the options and check to see if the text of the option matches a regex, if it does I want to add a cssclass to the option. How do I do this? var ddl = $($get('<%= someddl.ClientID %>')); Can I take advantage of the .each() function somehow? Example <select id="somed...

How to make sub menus in a dropdown menu?

I have a drop down menu made in css. When you hover over the text (ul) the menu appears (the li appears). I wanted to know, how to make a submenu, that when you hover over the li's another menu (submenu) would appear and would offer other options. Ex: -Tutorials (You hover over tutorials) (Then these options appear) ...

Need help with IE8 and IE7 showing the nav in the hover on state with jquery...

I just finished Dragon Interactive's brilliant fading rollover tutorial, but the darn thing loads with the hovered state in Explorer...works great in every other browser...no surprises there (doesn't even work in IE6 but I could care less about that). If anyone knows how to tell Explorer how to play nicely with my script, the page is her...

Setting the style of a Table <td> in php dynamically.

Hi All, I am using php with code igniter. I am designing a website with php. I have a requirement in brief described as below: I have a view page with table in it. I load this view from many different controller .php files. Now i want one of the item in the table to appear with different colors when loaded from different .php controll...

lxml retrieving odd items with cssselector

In my test document I have a few classes labeled "item", currently I'm using the following to parse everything in the html file with this class with Selection = html.cssselect(".item") I'd like it to select all the odd items, like this in javascript using JQuery Selection = $(".item:odd"); Trying that verbatim I get the following e...

Why does Internet Explorer need the "hasLayout" flag?

Like many developers working on web sites for Internet Explorer, I seem to come across a lot of bugs that are caused by the notorious hasLayout flag. I understand what this flag does and how it works (for the most part). A good explanation I read the other day (although I can't find the source) is that hasLayout in IE essentially means ...

Need some help with simple JavaScript

Hello everybody. I am very new to the JavaScript, and making only my first attempts to learn. As a small exercise I am trying to so something simple. Pretty much I am trying to reposition button that i have on page load. What do i do wrong? I would appreciate some help. My code is bellow: <style type="text/css"> .mybutton{ position:a...

How can I format the text entered into an HTML textfield like currency?

I have a series of texfields, which I'd like to format as currency. Preferably, this would be done on the fly but at least onblur. What I mean by currency format is 349507 -> $349,507. Is it possible? I prefer HTML/CSS/JS solutions, because I need less explanation. I'm not familiar at all with jQuery. Any help is greatly appreciated.Mi...

What options exist to get text/ list items to appear in columns?

I have a bunch of HTML markup coming from an external source, and it is mainly h3 elements and ul elements. I want to have the content flow in 3 columns. I know there is something coming in CSS3, but what options do I have to get this content to flow nicely into the 3 columns at the time being? I'm not that concerned about IE6 (as long ...

Sprite/PNG graphics-heavy site, oh my!

I need to create a site that is very graphics-heavy (torn paper backgrounds with transparent shadows over textured graphics, etc.) One way that I was thinking of saving on file size was to drop all my background elements into one PNG. The issue is that this file is now 180k. If I break it up into various GIFs and a couple PNGs then it ...

How to create a form toggle switch as a replacement for a submit button?

How would one create a form element/button that can be styled/scripted to behave as a sliding/toggle button, similar to: example toggle gif By clicking on the arrow, it would submit the form and change the status to "on" if it was off, or "off" it was on, updating the visual representation accordingly. ...

HTML +CSS +Javascript Editor

Hello a look for a good HTML + CSS +Javascript Editor, can you help me ??? I Use OS Windows Thank you very much !!!! ...

CSS: How to make a span link to expand?

Hello, I am trying to to make link inside a div button that when you mouseover in a div then it will detect the link because of the css property display:block;width:100%;height:100%; Using a div it works fine, but I am trying to use it as a span but the display gets misaligned. How can I make the display correct? Here's the code: ...

Are there any css tool, answering how the offset of this particular element has been calculated?

I use firebug and some CSS editors, but i don't know are there any tools which can give an answer - how the offset of this particular element will be calculated? In general, sometimes i should analyze all the parents of element with a lot of properties to know why my element is positioned there. Can i find out an algorythm, say, mar...

assigning dynamic cursor style to element using jquery in Opera

I'm trying to dynamically change the cursor style when the mouse is over an element. The cursor should be either "move" or "default" depending on a boolean returned by a method. The code is something like this: $("#elemId").mousemove(function(event) { if(cursorShouldBeMove()) { $(this).css({'cursor':'move'}); } else { ...