Just made a site using great standards compliant semantic HTML and CSS. It looks great in Gecko, Web Kit, but IE7 mangles it (of course). Any progress yet on this front, or do I have to go through a tonne of hacks as is standard with IE.
What are cons if we do not care about validation of XHTML and CSS?
In terms of development time,
Code debugging,
Cross browser compatibility,
website maintainability,
Future changes in website,
SEO ranking
Accessibility (Does validity increase
accessibility)
I have to explain a client that Code validation is not just Fashion, it is beneficial for his site.
I'm building an autosuggest search, like apple's spotlight... and want to disable the browser from offering text suggestions under the input box. I can't remember if that's an html or css setting and can't find it.
Anyone remember?
I want to show ... when overflow happens,
but sadly in css there is only overflow:hidden which is near but not exact what I want.
Is it possible to implement it ?
hi all
what basic tips should we observe in design web pages(html/css/javascript) for having highest compatibility with most browsers(IE-firefox-opera-chrome-safari)?
thanks
Hi. :)
Apart from the global.css i'm including in my header.php, i would also like to load certain page-content specific styles.
But since my <head></head> is already covered by my header file, and i don't wish to resort to inlines, what is the best way to place the styles on the specific page?
Thanks ! :D
I don't know the exact words to describe this behavior in the following pages: http://kyanmedia.com/ and http://www.jayhollywood.com.au/.
When you hover the pictures (thumbnails). A text shows up smoothly. Is this a jquery plugin or just CSS?
How to reproduce that behavior/effect?
What useful css classes do you u keep in your stylesheet? to use in every project. and with semantic names.
is right-bdr, bdr-bottom2px are good class names
My fonts of choice usually default to text figures which is one reason I like them. However, for tables or headings I'd like to specify that lining figures should be used. Is there a way to do so in CSS?
(To appease the search:
old-style numerals, text figures, non-lining figures, medieval numerals
lining numerals, titling figures)
How to make this css code cross browser compatible using jquery. this code only works on firefox and IE8. i wan to use in IE6 and 7 also.
ol {list-style-type: none;}
li:before {content: "(" counter(section, lower-alpha) ") ";}
li { counter-increment: section;}
OK so I now know there is a way to put all my php files in a single place and have them be able to be included without a filepath by setting an include_path like so:
php_value include_path .:/pathToPHPFiles
OK so now as long as my PHP files are in this directory I can include them from any subdirectory as if they were in the same directory.
I am wondering if there is a trick like this for other file types like .css and .js so I can put them all in single location and embed them in a page without worring about the filepath?
In CSS, if it is
#main #display img { height: 80px }
that means all images within an element with id display that is within another element with id main. But does it make sense or is it legal since id seems to be just global names.
It is because SASS actually allow nesting and some code may nest it like
#main
width: 700px
#display
img
height: 80px
which is "id within id".
Hi,
I'm using this css, but it puts an image in the center. Any way to left or right align an icon using an input type="button" html button, so that the text and the image fit on the button nicely?
background: url('/common/assets/images/icons/16x16/add.png');background-position:center;background-repeat:no-repeat;
I am using a fixed height image to fill a div with gradient color using something like:
background:transparent url(green_bg.gif) repeat-x scroll 0 0;
However it only fills a height equals the image height. What's the best way to fill the backround of a div which changes in height, according to amount of text inside it, either using images or using css?
On my site everything looks great in Firefox/Chrome/Safari (all the same) - but IE7, it's all out of whack.
Any ideas how I can modify my CSS to make IE7 at least somewhat usable?
You can read your browser dimensions with jQuerys $document.height or with simple JS via height: window.innerHeight || document.body.clientHeight.
But how do I apply the value to a CSS class?
I designed my layout in 1000px. Is it possible to work with Blueprint CSS? Tutorials say 950px is the maximum width of a blueprint. Is there any solution?
Is it possible to make these arrows with CSS and with all browser compatible including IE,6,7,8
or image is the only option?
Home Products Digital camera
The following page has white (left) and dark gray (right) background. I checked the CSS and it has a white background image and color: #FFF. I can't figure out how did he archived that.
How to do that?
http://www.voceantica.com/
(If you enlarge the web browser both colors enlarge themselves too.)
Is using css .class in place of #id always a better idea to get rid of style overriding problems and iimportant?
#content ul li a {font-size:10px}
#content .demo ul li a {font-size:15px}
I have been trying to change the style of buttons in my firefox extension sidebar with a CSS file (change skin). However, the buttons don't seem to take over the style changes. I tried both background images and just changing color etc., which are both not working.
Is it possible to influence the button style at all in my firefox extension sidebar?
Is it possible to specify the width of a table column in percentages using css?
Also is it possible to specify the text alignment of a specific column?
For example I have a table that has 3 columns.
I would like to say
col1.width = 20%
col2.width = 40%
col3.width = 40%
col1.text-align = left;
col2.text-align = right;
col3.text-align = center;