html

Applying overflow hidden before wrapping the next element

I have a layout with a set of divs each containing three fields in different fonts displayed as: Author Title Date thus structured something like: <div> <div class="author">author</div> <div> <span class="title">title</span> <span class="date">date</span> </div> </div> The blocks are fixed width but the fields are var...

Keep link as active when I move arround page, till I select another link.

Hi all, I have a problem with the links, I have created a menu made by links, which at the same time, indicates the user in what section he is. The menu works fine, but when I start doing things on the section under that link ( which it is pseudo-class active, as its been selected) then the link selected change to a normal link, therefor...

How do I create a table there cells flow/wrap rather than using a rigid grid?

I'm having trouble creating the layout I would like for a website. I don't have too much experience with web design and the only software I have is FrontPage which doesn't seem to do what I want. I'm trying to create a page with a number of "cells," each containing an image on top with text centered below. I want each cell to have a fix...

What is the easiest way to validate page references? (css, javascript, etc..)

i've got firebug (my team does not have firefox), and the IE developer toolbar(IE7) but I can not seem to figure out how to easily validate if the referenced files in a page are loading (i see javascript errors, but that doesn't succinctly point me to the exact file in a heirarchy of jquery - jqueryUI - datepicker files). Additionally ...

Doctype bug z-index

Hey guys, i got this code: <div style="position:relative; font-size:50px; z-index:2;"> LAYER 1 </div> <div style="position:relative; top:-50; left:5; color:red; font-size:80px; z-index:1"> LAYER 2 </div> where layer 2 should be under layer 1. It works fine without any doctype. If i add one, the divs acts standard: layer 1 layer...

UI elements for entry of an activation code

I've got a bit of a usability issue that I'd value some input on. The initial page to my site contains two groups of controls, one for users to login, the other for new users to activate. The issue is with the latter. When users signup for the service, they recieve an activation code that's in the form XXXX-XXXX-XXXX-XXXX. At the momen...

Remove css class from element with javascript ( no Jquery)

Could anyone let me know how to remove a class on a element using javascript only? Please do not give me the answer with jquery as I can't use it, and I dont know anything about it. Thanks. ...

Html anchor tag

Hi All, I was just wondering whether do I need to wrap a tag (a href="#") in a <p> tag? I guess it can be wrapped in any block level element like div but not sure. Thanks ...

How can I disable an <option> in a <select> based on its value in JavaScript?

I have a <select> with a number of <option>s. Each has a unique value. I need to disable an <option> with a given defined value (not innerhtml). Anyone have an idea how? ...

Keyboard Focus Breaking with Radio Button Group

It seems simple, but this has been a bit of a headscratcher for me. Given the following (valid xhtml transitional) code: <form action="weird.html"> <label for="test1">T1</label> <input type="radio" id="test1" name="test" value="1" /> <label for="test2">T2</label> <input type="radio" id="test...

CSS breaks in IE6

I hae the following CSS selector: .section h1, .section > div:first-child { background-color: #E5E5E5; border-bottom: solid 1px #CCCCCC; padding: 3px; text-align:left; font-weight:bold; } Now I know that the first-child and the > selectors do not work in IE6, but .section h1 does. My problem is that in IE6, the .section h1 does ...

how to upload videos in html from folder & from youtube and how they will be shown like pictures are shown after doing thumnails

Hello Everyone... I have one video file inmy system I want it to attach it on my html page.I want same thing with youtube videos also.I want that when i open my html form this video appear as like same as pictures are seen at thumnails.means i dont want only links..I tried stackoverflow links but no one is telling from starting .I am te...

alternative to h1 element?

I like the h1 element because it specifies the contents are header style contents, but you're not supposed to put things like images or divs inside an h1, so is there an alternative to an h1 that I can put other markup in? My current html looks like this: <div class="section"> <h1> <div style="float:left">header text</div> ...

Jquery HTML(), clone

HI, I have a quick question should be easy, but need to make it fast I want to take with jquery one div and to put this div in another one, but the first one should be. For ex: I have HTML <div class="content">Some text</div> I want to put this content in another div <div class="test"> content div should be here </div> Jquery ...

make wmd-editor not post html?

I have code similar to the below <form action="/u" method="post"> <div class="reply"> <input type="hidden" name="type" value="2"/> <input type="hidden" name="id" value="1"/> <input type="hidden" name="parentId" value="0"/> <textarea name="text" style="width: 500px; height: 200px;"></textarea><div class="rhs"><button>Post Comment</button...

image resize while keeping ratio

im listing photos using mysql. like <? $a = mysql_query("select * from x"); ?> <? while ($w=mysql_fetch_array($a)) { ?> <img src="<?=$w[url]?>" alt="<?=$w[name]?>" width="150" height="110" /> <? } ?> for this thing, how i can keep picture RATIO? a picture in width 150 and height 500 goes very very BAD quality.. how can i fix this? ...

onclick open window and specific size

i have a link like this: <a href="/index2.php?option=com_jumi&amp;fileid=3&amp;Itemid=11" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,') i want the window that is opening to be a specific size. how do i specify the height and width? ...

get total of all input values with jqeury

Hey, I need the total of all the values from my input, the result must be displayed in the input field total that is readonly. The user can enter 1 or more values. The problem is that my var value is not correct, and how can i return the value immediately by onchange? script type="text/javascript"> $(document).ready(function() { $("...

Why is error coming up for TinyMce blog editor?

I have installed the TinyMce blog editor to my site. When the compose blog page loads a I get a pop up that has the yield sign and says "Developer Key Validation Failed" Anyone know what this is? <script type="text/javascript" src="javascripts/jquery/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://www.cysticlif...

Change line break characters in HTML

In Firefox a '/' breaks a line, but in chrome the line continues. How can I tell chrome to allow a line break on '/'? This is a problem for the middle table on http://webnumbr.com/api ...