I was having this problem in IE7 where the saturdays appear to be missing from the calendar. It displays fine in Firefox and a few people have suggested that it could be my other stylesheets messing it up so i am now using a custom calendar CSS theme and i'm still having the same problem.
Any ideas? is there a known bug with the ajax toolkit pack that is used?
Given a DIV with a fixed width, is there a way to have it use as much vertical space as it needs by wrapping the content (which is plain text)? The CSS "overflow" property provides for scrollbars (overflow:scroll) and chopping content (overflow:hidden) but that's not what I want.
Help? Thanks
Anyone know how to create a bar that pops up and down like kettlenyc.com and vevo.com?
I'm guessing some combination of css and javascript but I haven't been able to find a tutorial to help me out.
Thanks
hi,
i am having a tag where i have added a Css for it as
#jsn-maincontent_inner h3 {
background-color:#BBB1A5;
color:white;
padding:3px 8px;
text-transform:uppercase;
}
but the background color extends for the whole row of the line and it is not limiting upto the content .
HOw to resolve this??
I've got a radiobuttonlist with a bunch of list items, some of them disabled.
The label control beside the radio button turns gray, which can be hard to read.
How do I change the color of the label?
I've tried CSS, changing the forecolor - nothing seems to work:
currentButton.Attributes.Add("class", "disabled");
Any ideas?
if i want to have some text show up in a calligraphy font, how do i know how it will render of the users computer. How do i know what fonts that person has on the computer or does it matter? any good examples of doing this in css?
would i be better off putting something together in photoshop and saving as an image?
I'm hoping that there's a relatively simple way to rotate a webpage a little bit, 30 degrees or so, while still leaving it fully functional and usable.
I completely control the page, and can modify it to make this easier if needed. I'd rather not re-write the whole thing in SVG, though, but perhaps javascript and canvas will work?
Is there a way using CSS, Javascript, or some other cross browser method that would allow me to accomplish this?
I need to be able to reset an input field back to its original color after it has been possibly changed via javascript to a different value. The problem is I do not want to hard code the value obviously in case the stylesheet changes. I would like to use the default color used on the page.
Is resetting the color like this fine, or is there a better way to do this?
$('#theinput').css('color', '');
My website renders well on the iPhone/Safari browser, with one exception: My text input fields have a weird rounded style which doesn't look good at all with the rest of my website.
Is there a way to instruct Safari (via CSS or metadata) not to round the input fields and render them rectangular as intended?
I have a container (div) with a background image. In this div there is a menu - a horizontal list. What I need is to insert an image onMouseOver, positioning it absolutely, and showing it behind the text (of course!) AND on top of the div's background image. I also use jQuery, but I think this doesn't matter. The problem can be viewed online. Go to http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex and paste the following text
<html>
<head>
<style type="text/css">
img {
top: 0;
left: 0;
position:absolute;
z-index:-1;
}
#main {
color: red;
margin: 30px;
padding: 20px;
width: 700px;
min-height: 400px;
z-index: -2;
background-image: url("http://www.google.com/logos/mother10-hp.gif");
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div id="main">
<h1>Z-Index question:</h1>
<img src="w3css.gif" width="100" height="140" />
<p>How can we place the green pic between the text and the div#main?</p>
<p>I need the green gif to appear</p>
<ol>
<li>On top of #main's background image</li>
<li>Behind the text</li>
</ol>
</div>
</body>
</html>
I have a div containing jQuery image slideshow, i want to put another div/layer on top of the slideshow. Is it possible? Is it as simple as setting both div z-index css property?
When I'm working on a web page layout, I often use Firefox and Firebug to tweak the CSS until it looks right, then modify my style sheet to match.
Right now, I'm trying to fix something that looks fine in other browsers but wrong in Google Chrome. I have pulled up Chrome's Developer Tools, and can inspect the computed style, but don't see a way to edit values and see the results on my page.
Is there a way to do this?
What is a nice way to do leading dots in a table of contents with CSS?
Example:
Link.............Chapter 1
Link.............Chapter 2
Link.............Chapter 3
this is css code
@font-face {
font-family: 'FuturaStdBook';
src: url('site/font-face/futurastd-medium-webfont.eot');
src: local('?'), url('site/font-face/futurastd-medium-webfont.woff') format('woff'), url('site/font-face/futurastd-medium-webfont.ttf') format('truetype'), url('site/font-face/futurastd-medium-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
h2 {font-family:'FuturaStdBook', sans-serif}
Can it be related to mime type?
Is there a 3rd party API for the sole purpose with which I can replace relative URLs in the source HTML and CSS into absolute URLs, keeping in mind the fact that the source contains a mix of relative and absolute URLs. For those thinking twice about this question, the String Object's replaceAll() method has some shortcomings.
hi I have two container divs one of them has a div with an image background and i think this is the div that is causing problem. I tried removing both container divs and the gap was still here. there are no margins no paddings, and i know it is not the image that has this line its not there when i open it in photoshop. I am also using css reset
Where is this space coming from?
css
.container{
width:100%;
}
.container2{
width:100%;
}
.first-image{
width:1430px;
height:497px;
background-image:url('../images/introimg.jpg');
background-repeat:no-repeat;
background-size: 100%;
border:none;
}
.jamey{
width:35%;
}
.second-image{
width:1430px;
height:430px;
background-image:url('../images/secondimg.jpg');
background-repeat:no-repeat;
background-size: 100%;
}
html
<div class="container">
<div class="wrapper">
<div id="overlay"></div>
<div class="first-image">
<div class="jamey">
<p class="def">
JAMEY
</p>
<p class="rip-date">03.02.1997 - 09.18.2011</p>
<p class="def2">Anonymous hate messages were posted on his Formspring account including one that claimed:</p>
</div>
</div>
</div>
</div>
<div class="container2">
<div class="intro-div">
<div class="end-hate">
<h1>PUT AN END TO HATE.</h1>
<p>
ANYTHING WRITTEN ONLINE can become viral
</p>
<p>
We believe that the way we behave online should be no different from the way that we behave in
</p>
<button type="button">JOIN CAMPAIGN</button>
</div>
</div>
I have a bit of text
"this is the text want I want to do is replace the text, I have just added another is for good measure"
This is stored as a standard string but I want to turn this into html and add css classes like, in this example wrapping around the word "is";
"this is the text want I want to do
is replace the text, I have just added another is for good measure"
Any ideas how I can do this in as3?
I need software that will rip a site via HTTP. It needs to download the images, HTML, CSS, and JavaScript as well as organize it in a file system.
Does anyone know of software that does this? Or would I be better off just writing it myself?
Probably everyone knows about Chrome Experiments:
http://www.chromeexperiments.com/
that contain some stunning examples of what JS is capable of. It would be nice to compile a collection of similar projects (usually just blog posts) that showcase some original JS/CSS/HTML/Flash or any other web-related ideas and solutions.
Hi!
My wording may be off, but I wonder if there's an open-source HTML/CSS template/framework for creating 37signals-style layouts, much like this:
Note the tabbed layout and the sidebar to the right.
By default in all browser title attributes only shows on mouse over. I want to show on keyboard focus also. I know this is not possible through only HTML and CSS.
JavaScript will be need. so i jquery in almost all projects. so i need a jquery solution to show title on onfocus.
<a title="this is title" href="#">Websites</a>
Hi every one!
I created a website and used css frienfly adapters for Menu, TreeView and GridView, all was correct, but after publishing it to my great web server, the menus and treeviews didn't load and there is just some bullets!
Please help me, what should I do?
you can see my work: http://jds.cot.ir
left side I have a menu which did not load.
Hello,
As you guys know, the CSS :hover doesn't work in d.... IE6 for an element except for links. What is the fix for that. I mean how do I apply the :hover to a div for example.
Any fix/alternative/solution?
Thanks