xhtml

What type of XHTML and CSS validations errors are safe to avoid?

What type of XHTML and CSS validations errors can be avoided? which would not harmful today and tomorrow (if we do not touch xhtml, css )? I mean errors which will not create any problem on future upgrade of browser, css and html version? they just show as an error today? I think one thing I know is Vendor extensions. Are there any oth...

How to get width of <li> stretched to available space in parent <ul> in IE7?

How to get width of <li> stretched to available space in parent <ul> in IE7? In IE 8 and FF Drop-down coming like this which is OK but in IE 7 it's coming like this Edit: 5 july I added live example here see this in IE7 How to get same result like IE8 and FF in IE 7. I don't want to give fixed width to <ul> and <li> This is ...

Serving XHTML as application/xhtml+xml with Ruby on Rails

I'm trying to get my Rails app to serve XHTML content properly, with the correct content-type of application/xhtml+xml. Ideally with content negotiation so that IE users get a chance to use the site too. Given that all the HTML generated by Rails is marked at XHTML 1.0 Transitional, I'm a bit surprised that there is no obvious option to...

left div + right div + center div = 100% width. How to realise?

I have three divs and one main div: <div id="container" style="width:100%;"> <div id="left" style="width:201px; float:left;"> .... </div> <div id="centre" style="float:left;"> .... </div> <div id="right" style="width:135px; float:right;"> .... </div> </div> How it is possible to make centre d...

Problem with image + text layout in IE 7 & Opera

There is div container and 2 divs inside. It should be image(first div) and text near it with chosen distance between them. The code below works fine in Firefox/Chrome/Safari, but it works incorrect in IE7/Opera. xhtml: <div id="mainContact"> <div id="contactIcon">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img id="pho...

Apply background color to li but not the nested ones

I have nested ul/li's and the problem is that if you add a background color to the top li, because there are nested items within it the whole list appears to have this background color rather than just the top li (I assume this is because it's extending the height of the top li). Is it possible to only apply the background color to the ...

css image mask overlay

I'm trying to get a transparent png frame image to hover over an img tag to create the look of a frame over it. I've tried multiple different approaches and none seem to work. The latest method I used was http://www.cssbakery.com/2009/06/background-image.html this doesn't seem to work either. HTML <div class="filler"> <div class="...

Designing Rich Website for Android & Iphone

My team and I are currently planning to do some Rich Web development for the android and iphone and I am wondering if you guys could share some resources with us. Anything will be welcomed. Thanks in advance. ...

XHTML - adding new elements

Hi! How can I add new tags to the xhtml document without making the markup 'invalid'? for eg: instead of <span class="time"> I'd like to use <time>. Is this possible? because I've seen a facebook app do something like this. ...

how to combine these 2 jquery code into one

Should work same as it's working independently. This (function($) { $(document).ready(function(){ $('#number1').hide(); $('.button1').click(function(){ $('.table1').slideToggle(); $(this).toggleClass("minus_icon"); return false; }); }); })(jQuery); and this (function...

which html tags can use class attribute example: <i class="myclass">text inside</i>?

Hi, Which HTML tags can use the class attribute? (In which standards — e.g. HTML/XHTML/HTML5 etc. — and in which browsers.) For example, is the following legal or not? <i class="myclass">text inside</i> Thanks. ...

How do i add a HTML Break <br /> in the JSF FacesMessage I create

By Default , every JSF FacesMessage is added in a single row , I wanted to add a HTML in the message itself, so that the error is shown neatly. I tried few ways but was not successful. I am using Facelets, JSF 1.2 without Tomahawk or other libs and XHTML Transitional Doctype ...

How to load pop-up of Iframe outside Iframe?

For example I have a site www.site1.com and i'm using a iframe on a page of site1.com and source url of iframe is a page of www.site2.com. page of site.com which is iframed on site1.com has some links which opens images in popup like lightbox. on site1.com iframe has fixed width and height and i cannot extend further. But the proble...

White space at bottom of anchor tag

I have an tag surrounding an image. I have a border set on the div that the tag is in. I have both margin and padding set to 0 but for some reason my tag is still about 3 pixels taller than my image. This leaves a bit of space between the image and the border, which destroys the look that I want to accomplish. What am I doing wrong? ...

Using html object tag to embed HTML works, but IE7 has scrollbars.

<object id="page" type="text/html" data="index_test.html" width="565" height="500"> <p>Oops! That didn't work...</p> </object> This is what I have and works in Firefox, but IE7 has scrollbars. How do I get rid of them? ...

Arbitrary SQL Server Table to XHTML Table

I saw on a website, a guy had returned his database table information as an html table. It was pretty neat. His code is as follows: select 2 [@cellpadding] ,2 [@cellspacing] ,1 [@border] --This returns the header ,(select th from (select 'Database Table' th union all selec...

html list-style-type dash

Is three a way to create a list-style in html with a dash (i.e. - or &ndash; or &mdash;) i.e. <ul> <li>abc</li> </ul> Outputting: - abc It's occurred to me to do this with something like li:before { content: "-" };, though I don't know the cons of that option (and would be much obliged for feedback). More generically, I wouldn't...

Changing the scrollbars' style

Is possible to change scrollbars' style for all browsers? If it is, how? ...

How to fill the space between two floating divs?

I have code: <th colspan="3" /> <div class="l_table_th" /></div> <div class="c_table_th" />Zamów pakiet punktów</div> <div class="r_table_th"/ ></div> </th> left and right div's are necessary for rounded corners (by background, no CSS3) of HEADER for table. And my problem is: how to make center div fill all the space between them...

How to make <ul> list like this?

Hi, I'm new web Designer and making a site, which has list like this See this image ( i can't add image in question, bcoz i need 10 rep) http://shup.com/Shup/379626/11068201228-My-Desktop.png How to make list like this if i want to keep one <ul> Is it possible? ...