css

Increase size of image of click.

Its pretty simple to see what I mean if you look at the image, which I also need to shrink back if you click it again, it needs to be animated as well: ...

Centering Text in IE 7 / Conditional CSS

i'm really banging my head on this one. The site looks great in everything but IE7 and I've tried everything I know to make it center. http://talentforceinc.com/Employer%5FHome.html I've got conditional CSS for IE declared, and have added inline text-align:center tags, but for an unknown reason the text in the multi-colored bar on the...

jQuery UI CSS Class effects not working in Chrome

Hey Is it me or do none of the (css) class effects of jQuery UI work in Google Chrome. I thought it might be my code, but even on the example site they are not working in my chrome. Other examples work. http://jqueryui.com/demos/addClass/ Thanks ...

CSS Column Divs Help needed..

Hi everyone, I am trying to construct a page layout, where the left column has a fixed width and a height of 100% (of whatever the right column is) and the right column has a fluid width. I've tried various ways of doing it, but can't seem to get it right.. Here's my code: <div id="pageHolder"> <div id="topSection"> header goes ...

[jQuery] Cycle plugin refuses to scroll, no idea why.

I"m trying to make a gallery piece for my website. I know there are ones out there that would do most of what I want automatically but I'm hoping to be able to build my own that way I know exactly what's gone into it. Problem is, it's not working. Sort of. The CSS works as it's supposed to. The jQuery Cycle plugin is providing the sexy...

Do you think it is bad to use a lot of CSS3 stuff on a page?

I believe the below css is considered css3 if not then, it's not but my question still applies to the code below. DO you think the code below would hurt a users performance/rendering time or anything if it was used for an example on 50 different images on a page? add curves and shadows -moz-border-radius: 5px; -webkit-border-radius: 5...

Problem positioning lines of text next to a larger text block

I'm trying to position two lines of text next to a single word like "Monday" with just html and css similar to what you see in the screenshot below. In the final product the two lines that currently say "hi" and "blah" will be replaced with a little bit of text and input fields. The screenshot version was accomplished with the followi...

What do Asp.net Themes provide that well crafted CSS doesn't?

I'm working on a project that uses Asp.Net themes and don't see their purpose. The users can't change the theme on the fly, the site(s) already use masterpages and css. Does anybody have any theme specific functionality they've found useful or helpful that css couldn't do on its own? Please note that I have indeed thrown .css files ...

How to modify the CSS Properties (height width) of a div element via JQuery?

How come this doesn't create a vertical 5px-wide bar on the ride side of the window? <html> <head runat="server"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#scrollBar").css({ height: $(window).height, ...

CSS link Spacing and Paragraph Spacing

Here is the site: http://wesbos.com/tf/shutterflow/?cat=1 The banner image at the side that says S&S photography adds a margin of a few pixels to the bottom. This only happens when I link it to a URL. Rollover an image to see the text that is highlighted. This works great except I would like to add some padding to the end of the lines...

Iframe 100% height inside body with padding

I have an iframe in my HTML document and I'm having a bit of trouble. I also have a URL bar (fixed position element) at the top of the page that should stay with the user as they scroll. That works fine. I'd like the iframe to fill the remaining space but not be covered up by the URL bar. This is what I'm talking about. http://s75582.g...

div inside td,but td is unexpectedly expanded

<td> <div id="test">...</div> </td> <td> ..... </td> I can see from firebug that td is about 40px wider than the "test" div(width+border+margin all included),but there is no css style that do this(no setting of width,padding)! Why is the "td" not as wide as div here? I'm now hardcoding the td to9 be as wide as "test" div,but feel unc...

how is td auto resized in this case?

<body> <table width="100%"> <tr> <td><div>content1 goes here</div></td> <td><div>content2 goes here</div></td> <td><div>content3 goes here</div></td> </tr> </table> </body> The content(1,2,3) can include other html tags. There is no setting on the width of td,then how on earth is it autoresized? I've now somehow triggered an unexpected...

To collapse div and p by CSS

How can you collapse div and p -elements if they are empty by CSS such that the tags are not shown for the user in the source code? These elements are in my source code although they are empty. This causes bugs with the rest of the site. I run this unsuccessfully div.unsuccessful, div.unsuccessful p { visibility: collapse; ...

CSS div width - content width only..?

Hi all, I'm trying to get my div to be the width of my content, I can get it working in all the other browsers except for IE, using: div#quoteHolder { height: 85px; display: inline-block; } Does anyone know how to fix this in IE? Oh and this is the html code.. <div id="quoteContainer"> <div id="quoteHolder"> <h2>"If you we...

Do you plan to support IE 6 on your future projects?

Hi, I'm trying to make a pitch to my boss to drop support for IE 6. I find that a disproportionate amount of time is spent on trying to make the css IE 6 compatible and that could be spend on making new features or improving usability etc. Do you plan to do so on your future projects and if so how did you convince others to support onl...

how to prevent css inherit

Below are the sample code block i use. I have two set of css, and want to apply onto two UL component. however, the result come out, the inner "UL" will hold some of the css which defined for its parent. and even some of the css defined in "b" will be override by "a"... nightmare... how can i stop the inheritance??? <ul class="moduleMe...

HTML input type submit: problem with width on IE

Hi, this will be quite difficult to explain. I hope I'm able to. I recently created a custom ASP.net server control, representing a toolbar. The toolbar contains buttons, so HTML elements. To allow me to add an image I use CSS which add it to the background. The CSS which I apply on the input element looks like this: .button{ pad...

cross browser compability question

Greetings, I have designed a site that shows nice via FF or Chrome while fails to render with IE. I am looking for some kind of software inorder to find the parts that causes the render issue. Thanks ...

HTML and CSS spacing issues

There is a gap between the breadcrumbs and the heading! I cant figure out how to remove it? http://www.perfectclaims.com/ppiclaimsnew/index.php Thanks ...