html

Browser's Default CSS

Are there any lists of browser CSS defaults? (browser stylsheets in tabular form) I want to know the default font of textareas across all browsers and also for future reference. ...

Setting the height of a DIV dynamically

In a web application I'm working on, I have a page that contains a DIV that has an auto-width depending on the width of the browser window. However, I need to be able to have an auto-height for the object. The DIV starts about 300px from the top screen, and it's height should make it stretch to the bottom of the browser screen. I have...

How can I find unused images and CSS styles in a website?

Is there a tool or methodology (other than trial and error) I can use to find unused image files? How about CSS declarations for ID's and Classes that don't even exist in the site? It seems like there might be a way to just spider the site, profile it, and see which images and styles are never loaded. ...

How do you use a flash object as a link?

Is it possible to use a flash document embedded in HTML as a link? I tried just wrapping the object element with an a like this: <a href="http://whatever.com"&gt; <object ...> <embed ... /> </object> </a> In Internet Explorer, that made it show the location in the status bar like a link, but it doesn't do anything. I...

How to determine if an html tag splits across multiple lines

I'm writing a php script that involves scraping web pages. Currently, the script analyzes the page line by line, but it breaks if there is a tag that spans multiple lines, like <img src="example.jpg" alt="example"> If worse comes to worse, I could possibly preprocess the page by removing all line breaks, then re-inserting them at the...

textarea with 100% width ignores parent element's width in IE7

I have the following textarea in a table: <table width="300"><tr><td> <textarea style="width:100%"> longstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstring </textarea> </td></tr></table> With a long string in the textarea, the textarea stretches out to accomm...

HTML Scraping in Php.

I've been doing some html scraping in PHP using regular expressions. This works, but the result is finicky and fragile. Has anyone used any packages that provide a more robust solution? A config driven solution would be ideal, but I'm not picky. ...

What's the best way to add event in JavaScript?

I see mainly 2 ways to set events in JavaScript: add event directly inside the tag like that: <a href="" onclick="doFoo()">do foo</a> Or set them by JavaScript like that: <a id="bar" href="">do bar</a> And add event in a <script> section inside <head> or in an external JavaScript file, like that if you're using prototypeJS: Ev...

Show unordered list inline, but keep the bullets

I have an html file with an unordered list. I want to show the list items horizontally but still keep the bullets. No matter what I try, whenever I set the style to inline to meet the horizontal requirement I can't get the bullets to display. ...

How do you swap DIVs on mouseover? (jquery?)

This most be the second most simple rollover effect, still I don't find any simple solution. Wanted: I have a list of items and a correspoding list of slides (DIVs). After loading, the first list item should be selected (bold) and the first slide should be visible. When the user hovers over another list item, that list item should be se...

inline-block on span

I expected the two span tags in the following sample to display next to each other, instead they display one below the other. If I set the width of the class span.right to 49% they display next to each other. I am not able to figure out why the right span is pushed down like the right span has some invisible padding/margin which makes it...

Making an iframe take vertical space

I would like to have an iframe take as much vertical space as it needs to display its content and not display a scrollbar. Is it at all possible ? Are there any workarounds? ...

Convert complex filename into HTML link

I have a directory with PDF files that I need to create an index for. It is a PHP page with a list of links: <A HREF="path to file">filename</A> The filenames can be complicated: LVD 2-1133 - Ändring av dumpningslina (1984-11-20).pdf What is the correct way to link to this file on a Linux/Apache server? Is there a PHP function to ...

Validate (X)HTML in Python

What's the best way to go about validating that a document follows some version of HTML (prefereably that I can specify)? I'd like to be able to know where the failures occur, as in a web-based validator, except in a native Python app. ...

What is a good online resource for css 'design patterns'?

Hi, Can anyone out there recommend a good online resource for CSS 'design patterns'? I know design patterns in a software context usually refer to OO based design patterns, but I mean design patterns in the broader sense of the term: i.e. common, clean solutions to common problems / tasks. An example of such a resource would be this l...

On a two-column page, how can I grow the left div to the same height of the right div using CSS or Javascript?

I'm trying to make a two-column page using a div-based layout (no tables please!). Problem is, I can't grow the left div to match the height of the right one. My right div typically has a lot of content. Here's a paired down example of my template to illustrate the problem. <div style="float:left; width: 150px; border: 1px solid;"> ...

How do I close a popup window, and open the next page in the main window in ROR?

I have a popup window containing a form which gathers data for a report. When I click submit in that window, I want it to close the popup, and open the report in the original window that called the popup. I think I can open the report in the correct window by using { :target => } in the form_tag, but I don't know how to determine ...

How do I set the name of a window in ROR?

How do I "name" a browser window in ROR, such that I can open a page in it later, from another (popup) window (using the target="name" html parameter) ...

Preview theme in Wordpress

In the latest version of Wordpress it gives you the opportunity to view a preview of what your site would look like using a different heme. You basically just click on the theme and it takes over the screen and you have a chance to activate it or close it (and return to the previous screen, which is grayed out in the background). I have ...

Fixed Legend in Google Maps Mashup

I have a page with a Google Maps mashup that has pushpins that are color-coded by day (Monday, Tuesday, etc.) The IFrame containing the map is dynamically sized, so it gets resized when the browser window is resized. I'd like to put a legend in the corner of the map window that tells the user what each color means. The Google Maps API ...