What useful css classes do you keep in your stylesheet? to use in every project. and with semantic names.
is right-bdr, bdr-bottom2px are good class names
I work with conversion of a html template in to PHP, normally i code like this
<div id="test">
<?php echo "<p>hello world</p>"; ?>
</div>
<?php
for($i=0;$i<=8;$i++){
echo "<ul>";
echo "<li>link1";
echo "<li>link2";
echo "</ul>";
} ?>
Suggest an easy way to use html tags in php code, other than using a template system, Also tell me how to use for, foreach loop, if else, along with html,CSS tags
What settings do I need to make it so when a user presses "print" in the browser, using a print.css stylesheet, the textareas display all their content (dynamic height) in the printed version, without using javascript?
I have tried this:
textarea {
overflow: visible;
float: none !important;
height: auto !important;
}
... but it doesn't work.
Any ideas?
I am trying to restyle a table generated by an asp.net gridview control. The problem I have is that the gridview is generating an inline styles. How do I make the browser render my css rather then the html style attribute?
To apply a CSSto an existing html page I need to add a link that links to the css file, I am asked to include a link in the webpage that I am building that would link to the same html page but with a different css file, I am thinking I need to create a different css file, then create another .html page by copy the exact content from the first page and only change the link of the css file, but it doesn't seem so efficient and I am assuming there should be a standard method to do this.
thanks
Is there any way to modify the CSS properties of one table's cells based on the table's ids, rather than specific child ids?
I would like to change one table's appearance (giving each cell a colored border, for instance) one way, and another table another way, but I'd like to avoid specifying an id for each cell.
To be clear, I don't need to individually access each cell in the table - I just want to set all of the properties of "child" cells of various tables.
By default, when you print a web page, the page title and and URL are printed at the top of the page, and likewise the date and time are printed at the bottom.
It is possible to remove this additional as you are printing through the PAGE SETUP menu (under FILE in Internet Exp)
Does anyone know of a way of doing this via CSS or javascript?
Well, reactions to my proposal toabolish vendor prefixes are mixed, and I might have overshot my target here.Eric Meyer,Jonathan Snook, andStephen Hay reacted to my post,and it’s clear that they believe vendor prefixes ought to continue to exist. Manycommenters said the same thing, although some other commenters agreed with me.Daniel Glazman, W3C CSS co-chair, reactedin a similar vein, and agreed that there is something wrong with the current vendor prefiximplementation. He even welcomed the discussion....Did you know that DotNetSlackers also publishes .net articles written by top known .net Authors? We already have over 80 articles in several categories including Silverlight. Take a look: here.
Hi,
My web page has two divs on it, A and B. Div A is visible, Div B is hidden.
When the user clicks a link in div A, I want to "slide" div A off screen (leaving via the left edge), and slide div B on screen (entering via the right edge).
I've found that jquery animations are very slow on the ipad, so I want to use the webkit CSS animations instead, which I believe are rendered in hardware. How do I do this?
I mean, other than a browser, of course -- I'm talking about building native applications with HTML and CSS -- not web applications, but real native GUIs.
I wonder if such a thing exists?
And what do you think of such a beast? What would the pros/cons of such a system be?
When I call $('.elem').css('opacity', .5); then the margin of element to the right of .elem goes to 0, and butts right up against .elem for some reason. If I comment that line out, then the margin is fine.
This doesn't happen on firefox or chrome, but does happen on IE7.
Anyone know how to fix this?
I've got a website that provides labels when the user hovers over an image. You can see the example at: http://www.185vfx.com/
For touchscreens, I'd like to have those hints on by default (since hover isn't usually available). I'd prefer not to browser-sniff and try to maintain that list as new devices/versions arrive.
Any reliable way to detect if a browser can respond to hover or otherwise know about a touchscreen user via javascript or css?
Recently i ran into a complex table implementation, for example:
tr1: | td1 | td2 | td3 |
tr2: | td1 | td2 |
tr3: | td1 | td2 |
...
As this example shows, i want td1 are fixed with different width, td3 is also width fixed but at the right, td2 are all width auto to expand when screen radio changed. I'm wondering if there is a way to do this by using CSS?
Hi,
While creating a jQuery widget, what convention should I use to name my CSS classes. jQuery uses a 'ui-' prefix followed by the plugin name and a class specific name (example : ui-datepicker-header).
Should I use this convention? Or is the 'ui' prefix "reserved" for jQuery's official use only?
I mention it in httpd.conf as follows to let you interpret css as php
<FilesMatch "\.css$">
ForceType application/x-httpd-php
</FilesMatch
Content-Type is output as text/html and is troubled.
Therefore I added the next cord to the top of the css file.
<?php header("Content-Type: text/css"); ?>
It's not cool...
Do you know how to output text/css ?
More and more mobile devices are consuming content on my eCommerce sites. IPhones, Blackberries, PSPs, Windows Mobile, etc and I need some ideas how to handle repurposing my data using CSS templates for these devices. Any ideas would be great.
Is there a tool or methodology (other than trial and error) I can use to find unused image files? How about CSS declarations for ID's and Classes that don't even exist in the site?
It seems like there might be a way to just spider the site, profile it, and see which images and styles are never loaded.
Hi,
I'm using the "text-decoration:line-through" in CSS, but I can't seem to find any way to vary the line thickness without inelegant hacks like hr or image overlays.
Is there any elegant way to specify the thickness of a line-through?
Thanks!
<div id="id" class="div-style"><img id="1" class="img-style"></div>
I would like to use the id attribute as a way for jQuery to select the element, and the class attribute for CSSto style it.
My guess for jQuery selector ran thusly:
$("#id .div-class")
and
$("#id .img-class")
This returns the error "Selector expected"
Sample HTML code:
<table>
<tr>
<td class="a b">
Sample CSS file:
.a
{
background-image:url(a.png);
}
.b
{
background-image:url(b.png);
}
It seems like the "b" part is ignored.
Is there any way to inlclude both images in the same cell, even using other technique?
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?
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..
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?
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"
]