html

How to explain the "Cascade" to CSS newbies?

I have trouble explaining to people who are new to CSS how the cascade works when using stylesheets. For whatever reason, newbies seem to naturally start out by just adding a class to every element. Take the code snippet from this question, for instance (no offense to the OP, overtherainbow). Doing this:      ul#nav { } and ul#nav li ...

What is the best way to provide a default CSS style, that gets overridden by jQuery UI, for No Script scenarios?

For example: I have a pager << 1 2 3 4 5 6 7 8 >> in my page where every navigation element is a normal Html link. For modern browsers with JS enabled, I would like to beautify them with jQuery's .button(). But I would like to have something for NoScript scenario. Obviously I should add some CSS styling for the links, but how do I know t...

Placing 960 Grid System values in an external file

I'm thinking of using Nathan Smith's 960 Grid System for layout in the ASP.NET MVC site that I'm writing. I've noticed that all examples of 960.gs usage show HTML that looks like this: <div class="container_12"> <div class="grid_12"> </div> <!-- end .grid_12 --> <div class="clear"></div> <div class="grid_1"> ...

setting html parameter option dropdown value via url

Hi, I would like to set the default of a drop-down menu of a webpage by passing the default value in the url. Id like to put a link on a another webpage to this site where the: "I would like my contribution to go to:" option is set to Pakistan: moonsoon floods e.g. by doing something like: http://donate.ifrc.org/?desc=Pakistan: mon...

How can I vertically and horizontally center a div within a larger div?

http://stackoverflow.com/questions/114543/how-to-center-div-in-div I managed to center horizontally using styling from the accepted answer. How can I also center it vertically? The inner div is of an unknown height. ...

Auto incrementing ID's of cloned sections not incrementing

Hi guys, ok so I have these 3 fields that I am cloning, using jQuery, but for some reason the ID's are not incrementing as they should, they all end up with the same ID's, here is the jQuery code: $(document).ready(function() { $('#btnAdd').click(function() { var num = $('.clonedSection').length; var newNum = ne...

HTML - Don't show hand cursor over links? (Cocoa, WebView, WebKit)

Hi all, Cocoa, Snow Leopard, Tiger compatibility needed. I have a WebView containing some HTML. The HTML contains links, and is used mostly as a UI replacement for Cocoa. Question: how do I prevent the 'hand' cursor from appearing when the mouse is moved over a link? For aesthetic reasons with this particular UI, I need it to stay as ...

What is the correct way to encode an inline javascript object, in order to protect it from XSS?

It turns out the following which looks like valid javascript, is not: <html> <body> <script> json = {test: "</script><script>alert('hello');</script>"}; </script> </body> </html> The same text, when returned JSON via an ajax api works just as expected. However when rendered in-line results in a basic XSS issues. Given an arbitrar...

Pure CSS Buttons

Could anyone show me some tutorials that make a button in css and doesn't require images? I googled it but everything involved images... Thanks! ...

AJAX + PHP + HTML HELP: AJAX refresh ruining layout of site

Can anyone help me here, when i run this code the page repeats its self. I also need it to refresh which it isnt doing. Like this: EDITED Code Below: <?php include 'config.php' ?> <script language="javascript"> function createRequestObject() { var req; if(window.XMLHttpRequest){ // Firefox, Safari, Opera... req = ...

HTML/CSS - Adding an Icon to a button

I making some css buttons and I want to add an icon before the text, "Button Text". But I dont know how I should do this... HTML <div class="btn btn_red"><a href="#">Crimson</a><span></span></div> CSS body { margin: 0; padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } /* Glassy Bu...

Can't return a CSS html from servlet

I'm trying to return an html, page using out.print(); from a servlet, and I can do it successfully the thing is that this is a group project and this other guy send me an html response that I have to mount in the servlet, he used css, and images and I tried to put all of what he send me in a out.print(); but I dont get images or color or...

Apple-themed navigational menu bar CSS troubles

Hello, I am trying to replicate Apple's navigational menu bar they use for their primary navigation on their apple.com website, using only HTML, CSS and one image here, and I have some problems. I can't seem to figure out why my navigational menu bar isn't showing up! The link is here: http://www.marioplanet.com If you do not wish to...

What is better for performance: Update specific cells or replace entire table ?

My project requires that I update the contents of a specific column in an HTML table via an AJAX call to a PHP script. In terms of workload: The table contains about 4 columns and about 20 rows (more rows could be added with time). What would be more (or most) efficient: Replace ONLY the column/specific cells that need to be updated...

Virtuemart breaking my js sliding submenu's

I am having an issue with a javascript sliding menu. It is for a joomla website using virtuemart. Please take a look at dev.indigoniche.com ... (this keep redirecting back to the live site because of a cookie issue but when that happens just go back to the dev area) If you use the + and - next to some of the menu items you will see the...

How to save HTML data in Sql Server

I have feedback panel where user can write HTML formated feedback using AJAX HTMLEditor I want to save this HTML DATA in SQL server HTML SOURCE This is <span style="font-weight: bold; ">nice</span> question HTML OUTPUT This is nice question Now how can i search to my database if your find "is nice" then my query can not respons...

Display current URL of webpage (dynamic) in HTML

I have this code in my HTML: <h3 id="left">Lorem Ipsum </h3> <h3 id="right">[Current URL Here]</h3> I want to display (dynamicly) the current URL inside the <h3> tags. I've been trying to figure it out for a few days, but I'm really a mobile developer, not an HTML developer, so it's proven difficult. I need this for a...

How to represent mathematical symbols and capture user input for the same

How do you capture user input related to mathematical fractions. Assuming I would like to present a simple square and ask the user to select 3/4ths of a square. What kind of UI control should we use to first all represent a square (with 4 equal blocks inside) and to have a mechanism to capture user input. Assuming you would like to draw...

Remove unwanted space boredering my nav bar and following <div>s

OK, I have an Apple-themed nav bar, and for some reason there is some funky spacing between it and the following <div>s and I need some help removing it. I believe it has to do with CSS styling, or some overlapping CSS styling.. If you would like to see the plain code, here it is: index.htm: <!DOCTYPE html> <html lang="en"> <head> ...

Fast method to shrink HTML images?

I know of 3 main ways to shrink images: Using the img tag WIDTH HEIGHT Putting all the images in a DIV and then scaling the whole div. User zooming with ctrl + mouse wheel. I have some pages with huge amounts of images. What I have noticed is that there is massive speed difference between the methods. Method 1 kills firefox very quic...