css

Left-aligning Tables with CSS

I would like to left-align a table with CSS, in a way similar to align=left in standard HTML, but I understand that this is bad form. Is there any way to do this? If not, is there a way to format a left-aligned list of links that is next to content without using tables? ...

Can I use a csssprite on a submit button

I have two reasons I want to use csssprites for submit buttons : I have dynamically created button, which in the future might be localized I want just 1 HTTP request even if I have 5 buttons on the page The problem is that I want to avoid javascript for buttons, and therefore I need to use an input field of type image. I can set the ...

IE 7 and IE 8 do not render 2 consequent divs with float:left on the same line if there is a table in one of the DIVs

IE 7 and IE 8 do not render 2 consequent divs with float:left on the same line if there is a table in one of the DIVs which is 100% width + non-zero margin: <html> <head> <title>IE float left bug</title> <style type="text/css"> .inttable { width: 100%; margin: 9px; } .multicolumn { margin: 0px; border: 0px; padding...

How to re-size a box with CSS or Javascript

Hi, I found by browsing some pages source code that they resize a box using either CSS or Jquery. The code and files are very long so I thought if someone knows how to do this. What's it? On images files, I find a box (designed with an editor), this box has a size of xxx X yyy. A way to use it on a division, is to use it as a backgroun...

CSS - Syntax to select a class within an id

What is the selector syntax to select a tag within an id via the class name? For example, what do I need to select below in order to make the inner "li" turn red? <html> <head> <style type="text/css"> #navigation li { color: green; } #navigation li .navigationLevel2 { color: red; } </s...

How to code this form?

Hi, Im trying to get away from using the html TABLE tag, but cant figure out how to build, what I want it to look like. I have made a screenshot of me using the table tag, How would I do this with divs or/and spans etc, and still retain the vertical alignment of the labels (firstname, lastname in this example)? (font size and color etc...

impossible IE7 Z-Index, nested element bug!

http://ec4u.dev.creative-ctrl.com/product/wallys-natural-100-beeswax-ear-candles-12pk Check it. cannot get .menu ul to render for the life of me!! strange enough, it renders in ie6, ie8, safari, and ff, but not ie7! I've tried everything. Any ideas? (I'm pretty close to xhtml strict validation too). ...

jQuery slideToggle and div in IE

Hi Everyone, I'm having issues with jQuery's slideToggle and a div in IE. My code is below: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).re...

How to change HTML css

html { width:100%; } How to change the css of above mentioned html dynamically on clicking the button using javascript... ? I mean i want to make the above html css as written below.. But i have to change this dynamically using script....Can we do this? html { width:100%; overflow-y: hidden; } ...

How to hide a bulletpoint in blog

how to hide a bullet points? example like this website http://www.grainge.org/pages/various_rh_projects/alt_dropdowns/showhide_3/showhide3.htm you can see the example first Hotspot second hotspot if we click 'first' it appears but if not it's not appear. how to do that ...

Determining the name of current view within a partial view in ASP.NET MVC

I have a partial view in my test ASP.NET MVC application. This view is responsible to display application menu buttons. I want to change the color of button which is currently active page. Currently I have written something like: <ul id="menu"> <% var activeClass = (string)(ViewData["currentPage"]) == "Home" ? "activeMenuButton" : ...

How to control text resize rate in HTML page

Hi All, We have designed an application which has two frames. First frame have displays available menu list in it and second frame have the menu content displayed in it. We have designed our pages and style sheets so that the page text content is re sizable using View > Text Size feature of IE. Is there any re size controlling factor w...

CSS Rendering inconsistency on ul with Firefox being the odd ball out

Background I was creating a secondary navigation menu using embedded unordered lists with anchors and headers. Using a CSS reset sheet all headers and anchors are set to "display: block". When list-style-position: inside is set Firefox and Camino render the headers and anchors below the bullet while Safari, Camino, and IE render it inli...

Css Hacks a right way?

Is there is any way to write html and css with out using css hacks which will work in all the browsers including ie6? Only using with div and not with table? I want to have the page both html and css with w3c compatible. ...

How to remove dotted border around active hyperlinks in IE8 with CSS

Active hyperlink texts are highlighted with dotted border. When using effects on such hyperlinks (fadeIn/fadeOut) it produces strange effects. How do I disable/remove the dotted border? ...

layout problem caused by doctype

The following code is fine without doctype declaration: <style type="text/css"> body { font: 1.0em verdana, arial, sans-serif; } * { margin:0; padding:0; } </style> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td><img src="/images/title_equipment.gif" /></td> <td><img src="/images/about.gif" /></t...

jQuery highlighting selected columns only in a table

Hey all, I see this post on highlighting even columns but can I highlight only selected columns? Here is the code they use: $("table.Table22 > tbody > tr > td:nth-child(even)").css("background","blue"); But I would like: NOTE: the class="highlight" will be on the selected columns, so if I selected column 3 the class="highlight" woul...

border occuring when put "a" tag outside "img" tag

Without "a" tag,it's fine: <style type="text/css"> body { font: 1.0em verdana, arial, sans-serif; } * { margin:0; padding:0; } </style> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td><img src="/images/title_equipment.gif" /></td> <td><img src="/images/about.gif" /></td> ...

Width of input type=text element

How come when I do this: <input type="text" style="width: 10px; padding: 2px"/> <div style="width: 10px; border: solid 1px black; padding: 2px">&nbsp;</div> the input ends up 2 px wider than the div in both IE6 and FF3? What am I missing? EDIT: As many people have said, the border is the issue. If I set border: 0px on the input, it w...

Apply style to H3 if it is also a hyperlink?

Hey SO, I am a bit rusty with my CSS, so bear with me :) I am working with a layout that has a border-bottom property for h2,h3,h4,h5,h6. One of my pages uses h3 to display titles for a FAQ listing, and it has an anchor tag since there is an expand/contract script active (click title, FAQ appears below title). I do not want these partic...