css

Creating a transparent corner PNG in .net

As part of a UI .net library I need to create corner PNG images to align to the corners of a DIV in order to give it rounded corners. I thought I could create a dynamic corner by doing the following: Create a bitmap (Let's say 25 x 25) Fill the background Green (The colour outside of the DIV we are creating these for) Call FillEllipse...

How does jQuery affect CSS structure

Just re-entering heavy duty js and CSS world after a couple years working only in Flash and coming up to speed on jQuery. I'm designing some CSS/DIV-based layouts and will be depending on jQuery and AJAX for interactions. As regards the CSS coding conventions and structure, how can I design SS to best take advantage of jQuery? What CSS...

CSS position change/problem

I have just finish that site, but there is a silly bug that remain... if you check tu horizontal position of the WHOLE page there is a slight shift... nothing to cry about but WHY here is the 2 pages http://jlecologia.com/index.php http://jlecologia.com/entreprise.php any idea, the horizontal css is: #wrapper { position:relativ...

jQuery - fade item in/out whilst retaining flow layout

I have a list of items in my web application; each of these has a set of command buttons arrayed beneath it. To keep the interface clean, these buttons only show up when you hover over the item. The buttons are wrapped in a tag which has the following CSS attribute: visibility: hidden This preserves the layout - so that the list items ...

setting a whole style string to an element from javascript (not individual style parameters)

I need to set an arbitrary style to a span via javascript. I know I can do things like: span.style.height="250px"; But I need to be able to insert a random full style definition from a template for example float:left; text-decoration:underline; cursor:pointer; color:blue; Is there a way to do that in Javascript? Something like e...

CSS Class name parameters?

Is there a more efficient way of declaring and using these (very similar/repetitive) CSS classes: div.rounded20 { -webkit-border-radius:20px; -moz-border-radius:20px; } div.rounded15 { -webkit-border-radius:15px; -moz-border-radius:15px; } Say maybe with something along the lines of: div.rounded(@Y) { -webkit-border-radius...

Show all children in Superfish jquery menu

I'm using the Superfish jquery menu system and have a requirement to show all children regardless of level. The menu only shows the children of the selected item. Perhaps someone can help me figure how to modify the code to make it work this way. Superfish menu HTML example of a node: <li class="root"><a href="#" title="Training" cl...

FireFox showing Flash button but can't click on it

Hi, Got a weird bug with FireFox only. I'm using Uploadify - a great jQuery upload utility to allow multiple uploads to my site. I have a Modal Popup which appears in the middle of the window with blackened out background. My Flash upload button is inside this popup. In all other browsers this works fine, but in FireFox, sometimes (n...

one pixel gap between p tag and input tag

Why is there a one pixel gap created between the top and the bottom of the p tag in the following code in IE6 and IE7 but not in Firefox or IE8? I have been pulling my hair trying to create the search texbox on powerset website and interesting enough they don't have the bug in IE6 or IE7. What am I doing wrong? <!DOCTYPE html PUBLIC ...

a:hover not overriding parent class

I have an aspx page with a Masterpage containing a panel with a CssClass of "menutoolbar". Within that panel I am placing objects, in this case a linkbutton with a class of "SearchLink". In my Stylesheet, I am defining .menutoolbar a:hover { color: red } .Searchlink a:hover { color: yellow } When I hover over the Searchlink link it ...

Daunting task of refactoring 5000 line CSS. Any tips?

I've just been assigned the task to refactor a huge 5000 line CSS file... but here's the worst part - I also need to make it IE6 compatible. Any CSS gurus have suggestions of tools, or possibly tips (common pitfalls) for use in my monolithic expedition? Cheers. ...

Safari input file styling with css?

How does one style a form input field of type 'file' for Safari/Chrome and other Webkit based browsers? Right now, all i get is the 'Choose File' button displayed on top of the usual text type box. I've looked around a bit on Google, but havent really seen anything helpful any help? ...

clean links to PHP-generated javascript and css

Background: When generating HTML content with PHP or any such thing, it is possible to encapsulate links to javascript and css inside tags without actually having to include the CSS and JS "in-line" with the rest of the content. All you have to do is create a link to the file. Example: {script type="text/javascript" src="./js/fooscr...

Is it safe to have tell Apache server to handle .js and .css files as PHP?

Based on an answer I saw in this question: Link I'm wondering, is this a safe thing to do? Suppose I implement this and a page gets requested that has a couple of JS and CSS files linked to it. Are the textfiles simply sent or does the server first parse them? Don't have a server to test it right now. Also, is this a common method of ...

How do I grow a contained floated element to the full height of its container?

I'll ask the basic question first and then go into excruciating detail as to why I'm asking. I have a bunch of similar floated block elements inside a <div> and I've set overflow:auto on the <div> so that its height expands to properly contain all of the elements inside it. Is there any way, using CSS and HTML only, to set only the firs...

Forms and CSS Questions

1) Is there a way to completely hide the IE scrollbar on textareas? (I'm primarily concerned with IE8) overflow: hidden or auto don't seem to work. 2) Is there a way to stop safari and chrome from "highlighting" focused form elements? 3) Is there a way to disable resizing of textareas? ...

Absolute positioning elements within scrollable div

I'm trying to position divs within a parent div of fixed width and height with overflow: auto so that it'll scroll when the divs within go outside of the div. I.e. I have a div that is 400px wide and if I set a child div's position to left: 500px i'd like it to be off screen with a horizontal scrollbar on the div. I've created two exam...

I want the List box to show background for Down Arrow in Vista for Web Applications. Please suggest a CSS / possible fix.

I want the List box to show background for Down Arrow in Vista for Web Applications. Please suggest a CSS / possible fix. ...

How to create a DIV style switcher in JavaScript?

I want to make a CSS style switcher in JavaScript, same as digg.com does here: http://digg.com/add-digg I am having a div, in which I want to change the style of the div box on the basis of theme selection. Please give me any link or code, how I can do this. I don't want to use Jquery, I want to develop this cod ein pure javascript. T...

Problem with HTML DIV style-padding

<asp:UpdatePanel runat="server"> <ContentTemplate> <div style="padding: 0px 45px 0px 45px"> <asp:FormView ID="fvAccounts" runat="server" DataKeyNames="AccountId" DataSourceID="edsAccounts" EnableModelValidation="True" Width="100%"> <EditItemTemplate> <%-- continuing --%> I want the FormView to be 45px (hippos :P) away from th...