I'm trying to make a live, in-page css editor with a preview function that would reload the stylesheet and apply it without needing to reload the page. What would be the best way to go about this? ...
Even though I am going to use this CSS selector in Selenium, this should be generic enough. I have a page with table of class "list" & it can occur multiple times. I want to find out each occurrence & how many rows each table has. So for this I could use table[class='list'] & will give me all the tables of that class in the page. In th...
Are there any issues (either technically, or otherwise) with putting a space character in an element ID? For example, something like this: <li id='something with spaces'>Test123</li> I understand that this is NOT desirable (I have never used spaces before), but I have hit a scneario where I need to do this if possible. What are the p...
What is the benefit to add css code in comment? <STYLE type="text/css"> <!-- H1 { color: red } P { color: blue} --> </STYLE> Should we use this always or no need? Is it same like CDATA for javascript? ...
Given the following: ul li .main .meta {opacity:0;} <ul> <li> <span class="main">TITLE</span> <span class="meta">meta</span> </li> <li> <span class="main">TITLE 2 </span> <span class="meta">meta</span> </li> <li> <span class="main">TITLE 3</span> <span class="meta">meta</span> </li> etc... long list... </ul> What kind of JQUERY...
Styling of items in a option list is easy: use a CSS definition and apply it: <select> <option>Option 1</option> <option style="color: #F00; font-weight: bold; padding-left:2em;">Option 2</option> <option>Option 3</option> <option style="color: #00F;">Option 4</option> <option>Option 5</option> </select> But what is the ...
There are a couple of online services that offer PSD to XHTML/CSS. Which one do you recommend? How should I choose one? ...
The problem is a footer on a web page that seem to not follow the correct flow like it does in FireFox. The problem feels like it is an Internet Explorer related bug, because the layout will "magically" snap into place when i move the mouse over the link "Legg til i handlelisten". On pages where the "description" part of the page is long...
With GWT 2.0, I can't get CssResource to work properly in IE. I'm using NotStrict css resource, with some top level selectors like "html, body". It works well in webkit & gecko browsers, in IE, only a few CSS rules are injected, like 5% of my stylesheet. It's very hard do debug. ...
Hello, I'm following Ajaxian, but I'm wondering if there are other awesome blogs about HTML 5, CSS 3, JavaScript and such? ...
Hello, How can I make two elements overlap in CSS, e.g. <div>Content 1</div> <div>Content 2</div> I would like the two contents (they can be anything) to overlap, so Content 2 is displayed starting at the same top left corner as Content 1 and they appear overlapped. Content 1 should begin in the normal flow of the document and not at...
I want to show a DropDown that should display two values in two columns. I want in HTML or CSS. ...
is it possible to remove a CSS property of an element using JavaScript ? e.g. I have div.style.zoom = 1.2, now i want to remove the zoom property through JavaScript ? ...
The problems im facing is when I use something like jcarousellite inside tabs. It works fine in browsers other than ie. In ie, the carousel loads fine in the active tab, but in the inactive ones it doesnt preload. Basically when you click on a previously inactive tab, it displays nothing until you click outside the tab. I have narrowe...
for zooming I am using el.style.zoom = 1.5; el.style.WebkitTransform = 'scale(1.5)'; here e1 will be , I use webkit based browsers. Now how do I zoom back to original size ? Confused bec document says for zoom out have to use less than 1, and how to scale back to original size in webkit ? ...
I have three panels like so: ___ _________ ___ | | | | | | | | | | | | | | | | | | | | | | | | |___| |_________| |___| But if I shorten the window a little bit, the middle panel goes below the two side panels: ___ ___ | | | | | | ...
Any Idea how to zoom in a image on particular point using javascript css ? I am using webkit based browser. I can zoom by specifying zoom property , like elem.style.zoom="150%", Main problem is I cannot centre the image where I want to zoom. I can get the point where I want to zoom using mouseclick. ...
I noticed that many websites, even Google and some banking sites, have poorly-written HTML with no quotes around the values of attributes, or using characters such as ampersands not escaped correctly in links. In other words, many use markup that would not validate. I am curious about their reasons. HTML has simple rules and it is just ...
I had a similar problem once after activating Ubercart modules. Certain pages would not render the theme, though all the content was there. I went into performance settings and optimized CSS and all was fine. I heard this was due to too many css files being called at once. The optimize CSS setting streamlines them. Today though I went ...
Given the following dynamically generated CSS: .ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc; } How can I extract the background value for use in: body { background-color: VALUE_FROM_UI_WIDGET_HEADER_GOES_HERE; } More details: I use jQuery-UI Themeroller and let users upload their own themes. I'd like the page...