css

If site is looking same in all needed browser. then Is it ok if my CSS is not valid?

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? ...

Editting CSS in iframe that sets Select tag's text color to black?

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...

Question about CSSTidy

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...

jquery scale losing position

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.. ...

What is the best option to show Heading in italics only on some pages?

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. ...

Should I use <table> or <ul> ?

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...

How can I produce an nested list in XHTML strict without giving the nested lists first element a double bullet?

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 to get the CSS value of the test page ???

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# ...

Bluring the page and displaying gif image when processing.

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...

Display images in multiple rows based on div width

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?

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...

@font-face issue in IE8 after using modal window

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?

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>? ...

CSS problem: Combination of "text-align: center" and "min-width" not working in IE 7/IE 8 compat mode

Here is my html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <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> </...

2 columns from 2 groups of div's

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...

Is it necessary to wrap <strong>, <em>, <b>, <i> inside <p> tag, if content is not paragraph?

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> ...

CSS Floated Div height issue, no simple solution?

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 ...

How do i reduce cufon flickering on render?

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...

How to scrollbar a table with variable amount of rows and columns

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...

How to center image inside div

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; } ...