html

How to fade out a tab and replace it with another one, without removing either from the page?

I'm trying to design a tab control which will fade out the current content and replace it with new content, as can be seen here: http://jsfiddle.net/XcMuL/ The problem I'm having is that when you click between the two tabs, you can see a bit of a flicker where one tab fades out and and the other fades in at the same time, and for a brie...

CSS vertical aligning

I have some page layouts that require multiple columns and all of their content needs to be vertically aligned to the top since different columns will have more/less text than others. I did the layout using the table-cell property so I could use vertical-align, which doesn't work with blocks as far as I know, but I just realized that th...

How to edit 'onchange' attribute in a 'select' tag? (using jquery)

I'm trying to edit the 'onchange' event of an existent 'select' element. For example purposes I have the following code: <select id="sel_id" onchange="javascript:foo();" > and whenever I try to change its 'onchange' attribute I was using the following: $("#sel_id").attr("onchange", "foo_2()"); FYI, this code which should be f...

Matching multiple input values in regex

Hi I have the following input values and I was hoping someone could kindly tell me the best way to match all of the "values" (217, 218, 219) -- The html is escaped and that's what I need to match. <input type=\"hidden\" name=\"id\" value=\"217\"\/> <input type=\"hidden\" name=\"id\" value=\"218\"\/> <input type=\"hidden\" name=\"id\"...

Flexible CSS boxes with texts.

Hi, I'm trying to accomplish something thats kinda like in engadget.com (look below "TopStories") Except that those boxes are with images and fixed width. The top-left is with the largest width, top-right is smaller. Lower boxes are of equally fixed width. They are Static! which is just not what I want. I wana create a a newspaper eff...

Centering large Images vertically in a smaller div

I have a problem thats driving me a little insane. I have a small div that contains a larger image (of no fixed dimension) Im taking this larger image, and giving it a width of 100% to scale down to fit within the boxes boundaries, but I need the image to show up vertically centered inside the div rather than just top down. Is there a...

<label> HTML element question

Is it valid to have an input element within a label element to associate the input with the label? Example: <label>Email Address: <input name="email" type="text" /></label> Will major browsers associate the label and input control, without the label's for attribute specified? I've seen it done this way several times, but was wonderin...

How to generate a tree view from this result set based on Tree Traversal Algorithm?

I have this table: CREATE TABLE `categories` ( `id` int(11) NOT NULL auto_increment, `category_id` int(11) default NULL, `root_id` int(11) default NULL, `name` varchar(100) collate utf8_unicode_ci NOT NULL, `lft` int(11) NOT NULL, `rht` int(11) NOT NULL, PRIMARY KEY (`id`), KEY `category_id` (`category_id`), KEY `lft`...

How do I remove this horizontal scroll bar from my div/iframe?

I have searched and no one else seems to have my particular problem. The scroll bar shows up, but without arrows on the side. And I am shifting the page over so I can hide a side launch menu on the side of my Intranet site. My code is: <html> <body> <div style="overflow:hidden; width: 300; height:1000; position:absolute; left:-170px...

Prevent XSS attacks site-wide

I'm new to ColdFusion, so I'm not sure if there's an easy way to do this. I've been assigned to fix XSS vulnerabilities site-wide on this CF site. Unfortunately, there are tons of pages that are taking user input, and it would be near impossible to go in and modify them all. Is there a way (in CF or JS) to easily prevent XSS attacks acr...

jqueryUI autocomplete suggestions misplaced in Chrome

I'm editing the entire post to show the problem: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; <html> <head> <link type="text/css" href="./jQuery/jQueryUI/css/ui-darkness/jquery-ui-1.8.4.custom.css" rel="stylesheet" /> <script type="text/javascript" src="./jQuery/jquery-1.4.2.min.j...

Right align a table in firefox help, how can I support mulitple browsers

Good Afternoon All, I have a table inside a div. The div has a style rule text-align:right;. I realize the element is a table and not text, but nonetheless, I need the table to right align in FireFox. I stumbled upon -moz-right which does the right thing in FireFox, however this breaks every other browser, i.e. the table aligns left as ...

javascript/Jquery Accordion is not working right.

Hi guys, I have problems with jquery accordion. It seems quite tricky. The first accordion, project1, is working great (thanks to Nick Craver) but 2nd & 3rd an so on does not work. I do not really know if I should use .filter. Here is the code & example page: http://jsfiddle.net/THjgV/2/ Thank you. ...

Show content in title when text-overflow

CSS3 introduces text-overflow so you can hide overflowing text and even add ellipses. If the text is overflowing and hidden, I would like to show it as a tooltip when hovered. The easiest way to do this is to add the text to the title attribute of the element. However that will make the text show whether it is overflowing or not. I o...

Jquery .scroll display:none; not working

CSS #acc-close-all, #to-top { position: relative; left: 951px; width: 29px; height: 42px; margin-bottom: 2px; display:none; } #acc-close-all a, #to-top a { position: absolute; float: right; display: block; height: 42px; width: 29px; overflow: hidden; display:none; cursor: pointer;...

Hidden element causing scrollbar to appear when window goes below a certain width

I am having the weirdest problem. I'm trying to make a page that fits a resolution of: width: 640; height: 960; for the iphone. But there is a hidden element that I can't access with the Developer toolbar or Firebug that is adding an extra 100pixels to the right of my page. I've set the correct height and width for the html, body, an...

can you have cellspacing between the rows in a html table without having it for columns

i am looking for a solution for having cellspacing between each of the rows of a table but not between the columns. is this possible ? ...

ASTreeView help! (using JavaScript with .dll's)

I love the demos of ASTreeView. I'd like to use this in my project, which is completely local and currently only uses HTML, JavaScript, and CSS - i.e. no ASP.net or anything dealing with servers... Is it possible for me to use this? There is a .dll and a .js included in the package, but I have no clue where to start since this isn't a A...

can a forms action url contain querystring values?

can a forms action url contain querystring values? ...

How to display 3 boxes in the same line?

I am trying to design a page using CSS and I need to display three boxes in the same line. I used three div's and have added float:left to the first, margin-left:8cm; to the center and float:right to the right. The left and center box are perfectly displayed but the right one goes to the next line. I even tried adding margin-left:16cm;...