If a site is looking the same in all required browsers, is it okay if my CSS is not valid?
Specifically, the CSS is not valid because:
I'm using vendor specific properties,
I'm using IE 6 and 7 hacks,
I'm using browser specific hacks
What benefits do I get if I make my CSS fully valid?
...
This is a very specific question for a Google Chrome extension.
http://www.meebo.com/mobile/
This page is where you're kicked to when you go to Meebo.com on an iPhone or Droid phone. But if you notice, the Status box where you can set yourself away or what you want your status to be has white text on a white background.
In order to ge...
In opposite to most other CSS parsers,
no regular expressions are used and
thus CSSTidy has full CSS2 support and
a higher reliability.
I wonder why CSSTidy built their own parser and not utilized the official SAC API (which also includes support for the new CSS3)? Is there any technical or practical reason for not using SAC a...
i have an absolute positioned img which i make it to appear using jquery scale effect...it works fine in firefox..in all other browsers this is what happens..
the img initially appears in a wrong position... the effect happens...then it comes to the position i have applied...is it a problem of scale effect...?
Update- the code
css..
...
I have to show headings in italics, Is it ok?
<h5><em>Heading text in italic</em></h5>
Or i should use <p>
<p><em>Heading text in italic</em></p>
If we use then how screen reader will read this and Is it semantically correct?
I don't want to use class.
...
I have to render dynamic data using javascript which should be displayed as n rows, m columns. I have heard of ill-effects of using tables but cannot justify on my own as to why I should/should-not use tables. Can you reason the best practice in choosing the alternative for the requirement. I at all <ul> is the alternative, how do I mana...
Hi,
I'm trying to create a list nested within a list using XHTML Strict 1.0. The problem is that with XHTML strict a ul element can not be nested directly within another ul element. Thus, the inner ul element has to be nested within a li element. However, when doing it this way, the first row of the inner list get a dubble bullet, as sh...
How to use selenium-rc to get the CSS value of the test page ???
for example: get the color of background or get the border size ??
environment: selenium-rc+vs2008+xp+c#
...
Hi,
I am using c# ASP.NET VS 2005 . I have a functionality where i have to click on a upload button and the data has to be uploaded from selected input file to database.
When i click the upload button its taking atleast 40 sec to upload the data from the file.
I want to display some gif image to the user when the data is being uploade...
Hi,
I would like to display multiple rows based on div width.
Something like that:
<div style="width: 100%">
<div style="width: 300px"><img src="img1.jpg"><br />Image name 1</div>
<div style="width: 300px"><img src="img2.jpg"><br />Image name 2</div>
<div style="width: 300px"><img src="img3.jpg"><br />Image name 3</div>
<div s...
What are practical cons to use W3C valid presentational element, which are not listed as deprecated
for XHTML-CSS developers,
Sighted End users of site,
and for Screen reader users, ?
like <b> , <i>, <br>, <hr>, <small> If i use these tags for presentational purpose. (note: these are also supported in HTML 5)
for example:
If i use...
I am using @font-face on a site I am working on, and all is working perfectly cross-browser until I use a modal window to display an iframe.
When a link is clicked within the iframe or a form is submitted, Internet Explorer 8 looses the @font-face styling and reverts to Arial. This problem also occurs if a modal window is opened with a...
Why @import is not advisable to link css? What @import can't do which can be done by <link> and does @import have any incompatibility with browsers?
What in <Link> make it's advisable? And is there any specialty in @import which is useful?
Should we always ,always use <link>?
...
Here is my html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
input.navbutton
{
text-align: center;
min-width: 100px;
}
</style>
</...
I have a situation similar to the following
<div class="col1">
<h2>title</h2>
<div><ul><li>Content</li><li>Another Item</li></ul></div>
</div>
<div class="col1">
<h2>Another title</h2>
<div><ul><li>More Content</li></ul></div>
</div>
<div class="col1">
<h2>...</h2>
<div><ul><li>More Content</li><li>Still more</li></ul></di...
For example:
This is ok
<div>
<p>some <strong>long</strong> text</p>
<strong>- end -</strong>
<p>some long text</p>
</div>
Or this is more semantically correct?
<div>
<p>some <strong>long</strong> text</p>
<p><strong>- end -</strong></p>
<p>some long text</p>
</div>
...
Hi,
I have an issue with CSS I can't solve.
I've made a little diagram.
Let's say that the pink and green box's height are determined by there content. The pink box could sometimes be the smaller one.
What I am trying to do is have the smaller box fix it's height to the outer containing div, so that it would have the same height as ...
Hiya,
I'm working on a project using Cufon font replacement, and we're having a rather frustrating issue with a flicker when the content is rendered in the browse. You can see it as your browser around the site here.
The effect is worst in internet explorer but also noticeable in all other browsers, any way to reduce this will be great...
Hi! I am having a problem trying to scroll a table wich has variable amount of rows and columns. I've tried to put overflow (auto AND scroll) and max height and width to both the div containing the table and the table itself. I copied the source of the code and my css class. If someone could help me I will appreciate it! thanks!
<div cl...
I have a markup like this:
<div>
<img />
</div>
The div is higher than img:
div {
height: 100px;
}
img {
height: dynamic-value-smaller-than-100px;
}
I need the image to be in the middle of the div (have same amout of white space above and below it).
I tried this and it does not work:
div {
vertical-align: middle;
}
...