If you really don’t care that the text gets ugly, here’s how to fit unknown length text into a known width. <svg width=”436″ height=”180″ style=”border:solid 6px” xmlns=”http://www.w3.org/2000/svg”> <g> <text y=”50%” textLength=”436″ lengthAdjust=”spacingAndGlyphs”>UGLY TEXT</text> </g> </svg>
I ran into this problem myself. I found that not specifying an input height, but using the font-height and padding combined, results in vertically aligned text. For instance, lets say you want to have a 42px tall input box, with a font-size of 20px. You could simply find the difference between the input height and … Read more
You should read Beware of XHTML, which is an informative article that warns about some of the pitfalls of XHTML over HTML. I was pretty gung-ho about XHTML until I read it, but it does make several valid points. Including the following bit; XHTML 1.x is not “future-compatible”. XHTML 2, currently in the drafting stages, … Read more
You could just give the first cell (therefore column) a width and have the rest default to auto table { table-layout: fixed; border-collapse: collapse; width: 100%; } td { border: 1px solid #000; width: 150px; } td+td { width: auto; } <table> <tr> <td>150px</td> <td>equal</td> <td>equal</td> </tr> </table> or alternatively the “proper way” to get … Read more
Yes it is valid according to xhtml1-strict.dtd. The following XHTML passes the validation: <?xml version=”1.0″?> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Test</title> </head> <body> <ul> <li><div>test</div></li> </ul> </body> </html>
It’s possible to save only if the user allow it to be saved just like a download and he must open it manually, the only issue is to suggest a name, my sample code will suggest a name only for Google Chome and only if you use a link instead of button because of the … Read more
For this, you can use the column-count property: div#multicolumn1 { -moz-column-count: 2; -moz-column-gap: 50%; -webkit-column-count: 2; -webkit-column-gap: 50%; column-count: 3; column-gap: 50%; } Check this jsFiddle. Note: It does not work in IE. For IE, you can use this JavaScript: CSS3 – Multi Column Layout Demonstration
If you can modify the the XML to include an inline DTD you can define the entities there: <!DOCTYPE yourRootElement [ <!ENTITY bull “•”> …. ]>
Use the tab-size property. You’ll need vendor prefixes currently. Example: pre { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } See also the article on developer.mozilla.org: tab-size. .tabstop { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } Unstyled tabs (browser default) <pre> one tab two tabs three tabs </pre> Styled tabs (4em) <pre class=”tabstop”> one tab two … Read more
The problem was I had a redirect header in the page I was linking to. Opera, IE, Chrome, Firefox will carry over the anchor to the new page. However safari loses the anchor on the redirect. If you are having trouble with safari anchors disable any redirects.