xhtml

Problem with CSS postion: relative with position: absolute children

Usually this sort of thing I can do, but today it is bugging me. See this page at JSbin. Essentially what I'm doing is have a list of unordered items they all have a link jQuery loops through and makes an extra link inside the list item, which is expanded to the whole list item using CSS this gives users a larger place to click For...

is it ok to use and repeate same text in alt=“…” and Title“…” for <img> which is not a link, screen reader users?

<img src=”young-girl-in-red-gown.jpg” alt=”young girl in red gown” title=”Young girl in red gown”/> Is my above example a good example? Should it be always like this? In above example i used image file name, alt text and title almost same. although it's just a image not image inside <a> Is it ok to use same text as Al...

How to make image fit in div using Jquery

currently, I having a page with the layout like this: ----------------------------- Header (100%) ----------------------------- | | Desc | | unknown size | | | | 200px | | Image here | | | | | | | | | ...

How to link youtube video without captions?

Is it possible to link youtube videos in HTML code without showing it's captions (subtitles)? Let's say I have following video: http://www.youtube.com/watch?v=kTvHIDKLFqc . It has default english subtitles. However, when linking this video, I want to load it without them. Is there a possibility to do so with some kind of parameter in vi...

IE7 Bug: CSS background hidden, shows on hover

I'm having a weird problem in IE7, the CSS background image (bullet) on some <li>'s are hidden and visible on others. When I hover over them though, they become visible. I tried adding position:relative on li but it didn't help. How do fix this? Screenshot: Thanks! ...

Using Visual Studio 2010 for AJAX?

I'm doing a short AJAX project, and I'd like to use Visual Studio 2010. It's just xHTML and JavaScript, with calls to a serverside .php file. What is the best way to set up a project/solution for this in VS? I see a lot of project templates having to do with ASP.NET. Also, when I choose to Add New Item, I get "Ajax Client Control", "Aj...

JavaScript: trouble assigning event handlers

I'm not sure what I'm doing wrong here: index.html <?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "XHTML1-s.dtd" > <html xmlns="http://www.w3.org/TR/1999/REC-html-in-xml" xml:lang="en" lang="en" > <head> <script type="text/javascript" src="scripts/eventInit.js"></script> </head> <body> <p id="javas...

Is it ok to hide any things using display:none?

Is it ok to hide any thing temporarily or forever using display:none? in dynamic site where many component of page coming from different plugins etc and many time if client doesn't want any thing on page then i use dispaly:none to hide things from page . I do not remove thing from actual source because client can come back ask to enable ...

layout fields using CSS

Hi, I'm trying to layout field labels and values like this: Name: Bob Age: 25 Occupation: Code Monkey The relevant HTML is <div class="field"> <span class="reset">End Time:</span> <span>05:00pm</span> </div> <div class="field"> <span class="reset">Items:</span> <span></span> </div> <div class="field"> <sp...

Multiple Forms With Input Fields With The Same Name Attribute? Good Or Bad?

Is it an acceptable practice to have multiple HTML forms on a page with input fields that share the same name attribute? For example, the page contains a listing of all players and users are allowed to vote for the best player so next to each player card there is this form: <form class="vote-for-player" enctype="application/x-www-form-u...

What could cause this HTML/CSS rendering issue in Firefox?

The styles: h2 { color: #71D0FF; font-size: 11px; font-weight: bold; margin: 0px 0px 5px 0px; } a.box { color: #FFFFFF !important; cursor: pointer; display: block; padding: 10px; text-align: justify; } a.box:hover { background-color: #0C0C0C; } a.box span.down { display: block; color: #D04...

CSS to define different formats for digits/non-digits

How do I use CSS to define a text input area where digits and non-digits are rendered with different formats (bold/italic/color)? i.e. 345 dollar -> 345 dollar Are there anything equivalent to Regular Expression Library fo regex for CSS? Below are edited I'm using the Seam framework, any alternatives to achieve this is also welco...

Can this work in CSS?

I want to have hover styles on a link, but not on a span which is a child of that link. I've never done it before, but I tried this .properties #content table th a { color: #fff; text-decoration: none; } .properties #content table th a:hover { text-decoration: underline; } .properties #content table th a:hover span.sort-di...

Without knowing good X/HTML we can't use css properly optimize way.....

Without knowing good X/HTML we can't use css properly optimize way..... How to give some example and argument in favor of this... to web-design student Who are trying to learn css more but doesn't know how to use all HTML tag wise-full to work with CSS better. ...

Javascript / xHTML need to grab the xml:lang...

Doing a german site, and have a JS alert to say you havn't completed all the required fields. So want to get the langage of the HTMLpage Here's the HTML; <html xml:lang="de" xmlns="http://www.w3.org/1999/xhtml"&gt; ... </html> This is my JS.... it seems to error and not alert at all with the lang bits... How do it get the xml:la...

Which <meta> tags are useful and which not?

How many total <meta> tag available in X/HTML and Which should be used and which not? see this tool http://www.ulhas.net/tools/tu-metagen is there any pros to use all other meta tags other than meta description? note: Google doesn't give any importance to meta keywords. ...

Is there any other use of <link> tag?

Is there any other use of tag? which is useful or it's only for to link css and favicon.? and what is the difference between <a href=#> and <link>? is link only can be placed in <head> ...

What is Quirks Mode categorized under Document Mode and how to Change it ?

I saw my pages information in IE8 Developer Tools. My Page Document Mode was Quirks Mode. What is Quirks Mode ? and How To change Document Mode ? What are the others document modes ? How can Document Mode affect the Page. ...

special characters in embedded javascript

Hi there, I have some javascript that is embedded in the html file like this <html> <head> <script> // and the script runs here </script> </head> <body></body> </html> And it has a line like this if((os == 'Mac')&&((br == 'Safari')||(br == 'Chrome'))) Everything goes OK (which means the scri...

incompatibility error - element is not allowed to be self closing in current schema

I had a html page that showed no incompatibility issues. I added some php code at the top for security purposes and now I get these following incompatibility issues due to the page now being a php page This element is not allowed to be self-closing in the current schema. The schema is Internet Explorer 8.0. I tried removing the trail...