html

Form Input Won't Take Percentage Padding

My form inputs display properly if pixel padding is used, but using a percentage padding for left and right breaks it. I can't figure out why. Demo @ http://stonewatercove.com/test.html It works in Safari, broken in Firefox 3.5.3 OSX. The problem is that when I use a percentage padding, the padding all breaks (hence why the input value...

Converting an HTML Document to Selector based index file

I'm looking for some sort of tool that can take an html document and pump out a selector based representation of the file. For example: <div> Some text <ul class="foo"> <li>First</li> <li>Second</li> <ul> </div> And output a flat text file in the spirit of: div div #text Some text div ul.foo li Frist div ul.foo li Se...

What happens if the meta tags are present in the document body?

I am working on a ASP application and the code, template and files are organized in a way that does not allow me to alter anything outside the body tag. So I am thinking about inserting the meta tags inside the body -- like this: <!-- FEW ASP INCLUDES --> <html> <head> <!-- FALLBACK TITLE AND DESCRIPTION --> <title>Default T...

Sticky Footer help!

I am trying to make a sticky footer for my web page, I found some CSS that does keep the footer at the bottom but has a few downsides. 1, If you keep scrolling down the page the page just gets bigger and bigger (that was completely unexpected, no idea what caused that). 2 it moves down with the page in a jerky action, like stop..go..stop...

Html structure semantics for pages of data

What's the best structure to use when designing a form/ details view for maximum readability (accessibility) and versatility? As an example, the ASP.NET MVC framework's scaffolding creates a fieldset with a legend at the top and all fields in p's (a label and then the input/ editor set). What's the most versatile structure to use, do y...

How to link a header in a standards-compliant way?

I have a block of HTML that looks like this: <div id="header"> <h1>title</h1> <h2>subtitle</h2> </div> I'm using a CSS technique to hide all that text and replace it with an image. But I want to link the whole block to the homepage. I can't wrap it in <a> because that wouldn't be standards-compliant. So how do I do it? My solutio...

<br /> HTML tag not cross-browser compatible

Hello, I have an issue with the HTML <br /> tag. I have 2 images above each other. With no <br /> between the two, the bottom border of the top image touches the top border of the bottom image which seems to be what it is supposed to be. Then if I put 1 <br />, there should be some space between the 2 images. If I put 2 <br />, there ...

Are there any halfway decent free HTML editors for the Mac?

Everything I found so far is either a WYSIWIG designer or a glorified TextEdit replacement. I am looking for the following: Lightweight (that rules out Eclipse and Aptana) Code completion or at least automatic bracket closing Syntax highlighting FTP integration (either on its own or with another FTP application) ...

copy text in option tag of a form using javascript?

<select name="products"> <option value=""> - Choose - </option> <option value="01">table</option> <option value="02">chair</option> <option value="03">book</option> <option value="04">car</option> </select> I want to be able to copy text automatically on selecting a particular option... Eg. If I select book, book sh...

Capturing HTML Text Input Key press after key has been applied?

A total newbie question, so please bear with me here ;) When a key press occurs in a HTML text input control, there are two events that seem useful in managing it (onKeyPress and onChanged). onKeyPress fires after the key has been pressed, but before the operation has been applied to the control's text. The later is only fired when focu...

what is a good method to insert a <img src="..." /> into a <option> </option> in HTML page ?

use javascript or other method ? have any recommendation? ...

why <td > height not equal to <img > height inside of it when DOCTYPE is XHTML 1.0 Strict?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> </head> <body> <table width="100%" cellspacing="0" cellpadding="0"> <tr> <td align="right" colspan="5"> <span class="validationIn...

jquery.parents() is selecting the grandparent and siblings of the grandparent.

What I'm trying to accomplish is when a user has focus on a text box, the field set that's in will add a class "active_fieldset" so it gives a nice visual cue of where the user is in the form. Using the following javascript, it does affect the parent fieldset but it also affects all sibling fieldsets as well. Am I doing something wrong? ...

Subdomains and Folders

Just started a site and I have an /img directory on the main domain. I would like to set up a subdomain(where the file folder is just another one in the main directory) that is able to use the /img folder but it doesn't work. The /img and /subdomain folders are on the same level, so to display images in the main domain I type: <img src...

"\r" in html made by cakePHP Sanitize::clean()

I used Sanitize::clean in cakePHP to sanitize user input and in result I got "\r" character. What does this character mean ("\r") ? Is there a function that does the reverse of Sanitize::clean, so I can use before outputting the data. ...

Subdomains and Folders

Just started a site and I have an /img directory on the main domain. I would like to set up a subdomain(where the file folder is just another one in the main directory) that is able to use the /img folder, but it doesn't work. The /img and /subdomain folders are on the same level, so to display images in the main domain I type: <img src...

Any time you should use relative links for internal pages?

So, I know some software (like KompoZer, and probably some CMSs) will use relative links when linking to pages on the same site. Whereas, say you're writing a post with your free Blogger blog and you link to an older post, you're probably going to use an absolute link (because you just navigated to the old post and copied its full URI). ...

HTML character entity for equal character "="

What is the character entity for the equal character in HTML? I have been looking and I cannot find the character entity reference for that one character. EDIT: I am building a JSLint style validator for HTML. I am not happy with current validators as they only validate syntax requirements and not best practice considerations. I am ...

Where does the extra empty <option> come from?

<?php $salaries = array(1000,1500,2000,2500,3000,4000,5000,6000,7000,9000,12000,18000,30000); $str = ''; foreach($salaries as $salary) { $str .= "<option value=\"$salary\">$salary+</option>"; } function populateSalary() { $salaries = array(1000,1500,2000,2500,3000,4000,5000,6000,7000,9000,12000,18000,30000); $str = ''; f...

vim / vi / linux: properly indent html file

how can I easily indent html files with linux or vi or vim. ...