Hi,
I know "position: absolute" will pop an element from the "flow of HTML/CSS" and it stops interacting with its neighbors. What other ways are there to achieve this?
In searching the web I came across http://groupaware.mobi/iphone which
has a sample iphone navigation site.
Is there someplace I can find a similar thing for android? i.e.
sample web pages with css, sample templates, navigation etc.
If not, what suggestions would you have to offer to someone looking
to build a web page for android?
Basically I'm a tad confused. You'll see at http://furnace.howcode.com , in the second column, the bottom scrollbar button is extended slightly beyond the end of the viewport. I'm pretty confused as I've been examining the CSS and can't find anything that's causing this.
Can you have a look? It's probably something simple that I've just missed! :)
Screenshot:
on my asp.net page i am linking 2 css files which are used by 2 different controls but the main problem is that one class name is same in both so they are conflicting with each other, please tell me how can i distinguish between them.
Both are of jquery, 1 is slider control and another one is time picker control. and they are conflicting on their background image as i want to change background image of slider control's scroller. Please give me solution..
Not sure about you guys, but I detest working in CSS. Not that it is a bad language/markup, don't get me wrong. I just hate spending hours figuring out how to get 5 pixels to show on every browser, and getting fonts to look like a PSD counterpart.
So a question (or two) for programmers out there. How much time (%) do you spend on web markup? Do you tend to do this type of tweaking, or do your designers?
Round two. First was "How do I get all supported CSS properties in WebKit?".
I'm looking for magic CSSkeywords function:
CSSkeywords('float') --> ['left', 'right', 'none']
CSSkeywords('width') --> ['auto']
CSSkeywords('background') --> [
["repeat", "repeat-x", "repeat-y", "no-repeat"],
["scroll", "fixed"],
["top", "center", "bottom", "left"],
/*regexp for color*/,
/*regexp for url*/,
"none"
]
What is the usefulness of these 2 things in CSS reset?
What is the problem in resizing of input elements in IE and in which version?
and if legend color doesn't inherit in IE then how it can be solved adding color:#000;
/*to enable resizing for IE*/
input,
textarea,
select {
*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
color:#000;
}
I've been searching and i can't find any ff addons or javascript for finding unused css in ajax apps.
dust-me selectors
can do a site-crawl, but i'm looking for something that examines loaded-in content...
I'd like something where i can press 'record' and then make a load of clicks which will check off the used selectors, and hoping to find an existing one rather than try to write my own with jquery!
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.
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
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
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.)
I am following w3c schools to learn XSLT. in An example. In-line styling is performed here.
How can I link an external (CSS) style sheet to style HTML compliant tags?
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.
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;}
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?
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;
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;