css

How to use scale with -moz-transform ?

Any body has a Good example showing how to use scale with -moz-transform ? ...

menu bar where the width of the text is variable

I need to know how do I get the menu where the background depends upon the text entered. As in the image, the background gets expended irrespective of the text in the menu item. Also the sides of the background image should not get distorted.The image is here. ...

CSS for Rotating text in IE

I have text inside a list item (<li>), and I want to rotate it 270 degree. In FireFox, Safari, Chrome, and Opera we have found direct methods, but in the case of IE, there is no direct support. However, there are some filters like matrix and BasicImage: I tried them, but I am not getting anywhere. For example, I am doing something like ...

How can I make a webpage disable using css

Can any one tell me how to make a web page disable using CSS.It means user will not be able to click on the any content of the web page one screen type of things will be there and user will only able to see the content bellow the screen. ...

Create extra tabs

hello, I'm working on this project, and i have this bar that will have tabs filled in it dynamically. What i want to do is have a (+) image that appears whenever the bar is full, and when the user clicks on it, the rest of the tabs will appear. Something like what facebook have in the profile page to add a new tab. Anyone knows an easy ...

How to parse css (stylesheet) comments (annotations)?

Hi! I have this idea, the user defines set of css rules with some comments (comments are simple annotations): /* @name Page style */ body { font: 16px/1.5 Arial; /* @editable */ backgorund-color: #fff; /* @editable */ } /* @name Section header */ h1 { font: 20px/1.2 Arial; /* @editable */ color: #c44 } I can apply this ...

jQueryUI dialog opens off screen in IE8

Whenever I open a dialog box in IE8 and the current page has vertical scrolls, the dialog box is opened off screen. For example: <body> <!-- This will be our button --> <div id="btntest" style="border:solid 1px; cursor:pointer;">Test button</div> <?php # 200 lines of blank spaces to show vertical scroll bars for($i = 0; $i < 200; $i++){...

How to get the child directory and file names of the website

If we know the URL, can we access the names of the files inside the parent directory. Like we do in dos, when we enter a folder we can view the list of files inside that directory by giving command DIR For Eg., If we have URL like http://www.ahilam.com . I want to know what are the files and folders inside the ahilam.com such as htt...

How to let the string go to next line automatically

There is two Div in, which div have store some information. And two Div is side by side. I want to let the description automatic go to next line, if the string is too long. How can I do so? Here is the code: <div class="round"> <div style="float:left;width:50%"> <ul class = "round"> <li> Description: DFGHJKXCFGV...

CSS: table border separated horizontally and collapsed vertically

Hi, is there any way to apply to a table cells' both the separate and the collapsed border properties to have collapsed but separated? Thanks EDIT: this is the wanted result: ...

What is the relation between z-index and css Position:?

What is the relation between z-index and css Position:? Is z-index only works if position:absolute or relative or fixed defined? Does it never works with position static? When z-index creates problem in IE? How to use carefully? ...

CSS code customization

Hi, I am an iPhone App Developer and have very very little knowledge about css.I have a code to create a no of cells.here this is: <style type="text/css" media="screen"> body { margin: 0; width: 320px; height: 200px; } .ad-carousel-view .cells > li { width: 200px; height: 70px;...

Align DIV tag without float:left

Hi all, I have a problem with alignment of image and content in a list. Here is what my code is: <li> <div class="small-view-image"> <img src="../images/xyz.png" height="41" width="34" alt="Test" title="Test"/> </div> <div class="small-view-content"> <a href='../xyz.html'>XYZ</a> </div> ...

Json and Flickr API

Hi, I've gone through the http://css-tricks.com/examples/BuildYourSocialPage/ which is great, but I just want to customise the amount of Flickr images it pulls in(6) with the API. I know I could set a div with overflow:hidden to show the desired amount, but I don't want the code to be hacky. Can anyone help? Also I'd like to displa...

Is there a cross-browser css way to decorate only last word in a span block?

I need to show user's list which should look like in the example below: Helen Burns Edward Fairfax Rochester Bertha Antoinetta Mason Adèle Varens Is there a way to achieve this without using javascript? Each row should be one span, i.e. <span>Helen</span><span>Burns</span> is not acceptable. ...

css property to p tag splitting the text when overflow

I am write the content in the p tag in one of the li tag(each li tag consists of 4 p tags.).I am place the content inside li tag ,When it overflows it does not cut the string, it occupies the second p tag space.Please give some suggession to avoid in both IE and Firefox. p p p p ...........................

Easy way to overwrite basic jQuery-UI css?

Hello, I feel like this is a silly question but I always find that modifying certain CSS attributes to be a hassle when working with jQuery. Let's say I define an element as a jQuery-UI object (like autocomplete or the datepicker) how do I go about modifying the CSS without having to go on the UI site and building my own theme? For exa...

issue when dragging an image using javascript (jQuery)

Hi all, I am trying to create a draggable div with an image. I could drag a div with some text, but whenever I replace the text with an image dragging not working fine. Please check this link, If you replace the image with text, it will be able to drag the text on the window,but it wont work if we replace the text with an image as it is...

Should we always use Padding in place of margin wherever is possible to avoid situations of "Double Margin" bug?

Should we always use Padding in place of margin wherever is possible to avoid situations of "Double Margin" bug? ...

superfish drop-down menu displaying underneath div below it

Example of what it is doing: http://screenr.com/k2X I set the z-index of div class="container_12 header" to 2 and the div class="container_12 content" to 1 the ul class="sf-menu" is set to 99, which is within the container_12 header div I've had this problem before and thought setting the z-index's appropriately for classes would do t...