<style type="text/css"> html, body { background: #fff; margin: 0; padding: 0; } #nav { font-family: Verdana, sans-serif; height: 29px; font-size: 12px; padding: 0 0 0 10px; /* this is used for something else */ background-color: #456; } #nav ul, #nav ul li { list-style: none; margin: 0; paddi...
<style type="text/css"> body{ font-family:Helvetica, sans-serif; font-size:12px; } p, h1, form, button{border:0; margin:0; padding:0;} .spacer{clear:both; height:1px;} /* ----------- My Form ----------- */ .myform{ margin:0 auto; width:400px; padding:14px; } /* ----------- basic ----------- */ #basic{ bo...
Since many years a GUI-standard are the menu-bars of applications with menus popping up, if you click or hover an entry in the menu-bar. Some websites implement this feature too, but they are using Javascript, as far as I can see. For different reasons Javascript can be a problem, so the question: Is this possible to implement without J...
Hi, I'm starting a Wordpress Blog that will have adult content on it, so I'll need a first-time-only splash page in Wordpress. The first-time-only issue, I can fix with a cookie (although I am aware that not everyone has cookies enabled) What I could do is, create a script that loads another page if a cookie isn't present. Or I could ...
I'm using Chris Pederick's Firefox addon "Web Developer 1.1.6". I get this warning when hitting a certain web page on my site: Unknown property 'MozOpacity'. Declaration dropped. What does this mean and how can I fix this on my site? ...
We primarily use an ASP.NET environment at work. Right now I'm building an application which uses "Modules", which is just a UserControl, with its' Javascript right in the control, and a link element to the stylesheet for that control. I want to keep it modular, and would like the style of this control to be independent from the markup/j...
I've been trying to modify the following menu to make it look indentical in IE, Firefox, and Safari/Chrome but I can't seem to get it to look right in Safari/Chrome. Could anyone tell me how to fix it? When viewed in Safari or Chrome, notice that the menu is ignoring the padding. View flickr-like menu Thanks in advance! ...
I'm trying to get a background image of a HTML element (body, div, etc.) to stretch its entire width and height. Not having much luck. Is it even possible or do I have to do it some other way besides it being a background image? My current css is: body { background-position: left top; background-image: url(_images/home.jpg); ...
I have a div with a <h1> tag in a div, with no margins. If I define any doctype, a white space appears above the div. If I remove the <h1> tags, or remove the doctype definition, there is no space (as there should be. Why? Example HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <...
I have a web page that displays a long line graph inside a div with overflow-x: scroll. This works well as a web page allowing the use to scroll back and forward through the graph. However, when printing the page the scroll position is reset to zero. Is there a way to overcome this? ...
I'm creating a CSS editor and am trying to create a regular expression that can get data from a CSS document. This regex works if I have one property but I can't get it to work for all properties. I'm using preg/perl syntax in PHP. Regex (?<selector>[A-Za-z]+[\s]*)[\s]*{[\s]*((?<properties>[A-Za-z0-9-_]+)[\s]*:[\s]*(?<values>[A-Za-z0-9...
You'd think it would be easy, but keep reading. I can change many of the styles associated with a resizable JQuery Dialog, but not the handles. The code below isolates the problem. Why does the handle disappear entirely? There must be some logic I'm interfering with in ui.resizable.js, but I don't see it. <script type="text/javascr...
Is there a repository for JQuery UI themes? ...
Do they set display: none or visibility: hidden? I'm pretty sure display: none takes the element out of the normal flow, whilst visibility: hidden just hides the element but still has a reserved space for it. Should I just go download the unpacked version and study it or does someone have a quick answer? ...
What is the best method for applying drop shadows? I'm working on a site right now where we have a good deal of them, however, I've been fighting to find the best method to do it. The site is pretty animation heavy so shadows need to work well with this. I tried a jQuery shadow pulgin. The shadows looked good and were easy to use but...
I'm working on a small app where I can generate a list of barcodes. I have the correct fonts installed on my computer. Right now I am printing them directly to a webpage and it works properly in Chrome and IE 7, but not Firefox. Does anyone know what Firefox would be doing differently than IE and Chrome? Here is my code: <html> <he...
Hello, I have been working on a webpage. It is the first I have actually tried to design using an image and then use proper CSS layout rather than tables. http://www.roccocammisola.com/proj/brunel/bgimage.html I have been having issues with the shadows on either side of the main content area. Of course these are only an issue in IE. A...
I'm wanting to add a class to the body tag without waiting for the DOM to load, but I'm wanting to know if the following approach would be valid. I'm more concerned with validity than whether the browsers support it for now. <body> $("body").addClass("active"); ... </body> Thanks, Steve ...
My HTML is as follows: <ul id="nav"> <li><a href="./">Home</a></li> <li><a href="/About">About</a></li> <li><a href="/Contact">Contact</a></li> </ul> And my css: #nav { display: inline; } However the whitespace between the li's shows up. I can remove the whitespace by collapsing them like so: <ul id="nav"> <li>...
How do I alternate HTML table row colors using JSP? My CSS looks something like: tr.odd {background-color: #EEDDEE} tr.even {background-color: #EEEEDD} I want to use <c:forEach> to iterate over a collection. <c:forEach items="${element}" var="myCollection"> <tr> <td><c:out value="${element.field}"/></td> ... </tr> </c:f...