css

Underlining the text in an submit button (html, css)

Hello All, I'm (probably unwisely) attempting to style an input submit button to make it look like a regular hyperlink. Using css everything is fine, except for the underlining, which is not being rendered. Css: input.addemail { border: 0px; background-color: #1e2f45; text-decoration: underline; cursor: hand; cursor: poin...

jQuery Validate Plugin Error CSS

I would like to either/both change the label font color to RED on error or shade the textbox element red. The CSS I'm using is not working for me and not sure how to change the label of the radio/textbox instead if the label error which is added by the validate plugin. // HTML <form id="form1" name="form1" class="form1" method="post" >...

HTML and CSS version used in VS 2008

I am currently using VS 2008 and Asp.net 3.5 with the basic tool kit provided. What i want to know is the version of CSS and HTML that it uses. I was going through HTML 5 is it possible to use it and the latest CSS version ? Thanks ...

How to code anchor tags as block element to contain other block elements

I am experiencing the same problem described in this thread. I'm wondering if there are other ways to achieve the same result and avoid this issue. Apparently Firefox has issues with anchor tags containing block elements even when the display CSS property of the anchor tag is set to "block". The effect that I am trying to achieve is to ...

Why does hyperlink style not cascade in CSS?

In the following HTML/CSS, why is the link color green and not blue, i.e. why does "p.description" override "#nav" but "p.description a" does not override "#nav a"? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; <html> <head> <meta http-equiv="Content-Type" content="text/html;...

How to select only top-level li in recursive menu?

How do I select only first-level li's? If I do 'ul li', it also selects the children. Is there a way to select only the top level and not the children using CSS? If not, I am ok with using jQuery, but how would I select it in that case too? <ul> <li class="administration first"> <a href="/administration.aspx"><span>Administr...

How do I handle the hover in this recursive menu using jQuery?

In my menu below, I have this in my CSS: ul li ul {display:none;} When a menu item is selected, I use this jQuery to show the children menu: $('ul li.selected ul').show(); So I confused on how to handle hovers for the top level menu. When I hover over a top level menu item, how do I hide all sub-menus and show only the hovered item...

Double border-spacing with thead in Chrome and Safari

I have a table that uses thead and tbody. The table has border-spacing set, and in Chrome and Safari the space between the header row and the rest is doubled. It was reported as an issue for Chrome late last year, but that's the only reference to this I can find. Has anyone else had this, or know how to get around it? <table style="bor...

CSS / Other templates for Business Web App

I'm working on a scheduling application that will schedule students and staff into classes (and do some other administrative work as well.) It's going to need a web-based UI, and unfortunately I'm not that good at UI design and artistic stuff, so I prefer to work with templates when I can. I'm looking for CSS templates (or just plain i...

jQuery: left animation works correctly in all browsers but Firefox

i am animating the "left" property in order to create a carousel. but whenever the animation is run in firefox the sides of the carousel shake untill the animation is done ...

how use the right css for a device

i'm creating a site and i should use different css for different device (pc, ipad, iphone) it is possible to know which device people use to select the css??? ...

css question - themeing button

hi, i've made a little button widget which is styled with some gfx. my css class for that button is like: div.tButton { height:20px; cursor:pointer; background-repeat:no-repeat; background-image:url(/button/button.png); } ... that .css also has classes for hover, click and disabled button-state. what i wanna do is cr...

Incorrect vertical alignment in IE8

The default text in my search box looks fine in Chrome, FF, and Safari (vertical-align: middle). However, the default text rises to the top of the search box in IE 8. Is there a workaround for IE? Thanks for your help. HTML: <div class="search-form"> <form action="#"> <fieldset> <legend class="hidd...

Correctly aligning image captions

How can I achieve a layout like this? Right now I'm using this HTML: <div class="image"> <img> <div class="caption"> Caption Text </div> </div> And this CSS: .image { background-color: #2A2A2A; } img { max-width: 590px; } But the .image box is too big (since it expands to fit its parent): ...

Do iPhone / Android browsers support CSS @media handheld?

I want to change my web page CSS for web browsers running on cell phones, like the iPhone and Android. I've tried something like this in the CSS file: @media handheld { body { color: red; } } But it doesn't seem to have any effect, at least on the iPhone. How can I write my CSS to work differently on the iPhone etc, ideall...

how do i reference an image from my css in asp.net-mvc on a hosting provider

i have this inside my site.css file (in the COntent directory) body { width: 100%; background: #e7e6de url("/content/images/back-page1.png") repeat-x; font: normal 13px arial, sans-serif; text-align: center; color: #4c4c4c; } it works fine when i test it locally but it doesn't work when i upload the site to the hosting provider. the ...

How to add vertical gradient using css?

I have vertical submenu as under: <div id="dropdown_menu" class="menu"> <ul> <li> <a>First Link</a></li> <li> <a>Second Link</a></li> </ul> </div> I am putting bottom piece of background in css class 'menu'., top slice of background in .menu ul. Now, I have one vertical gradient that changes color from top to down (in whole vertical m...

How to: Mobile Layout Snaps Width

I am trying to create a mobile web page layout similar to http://m.espn.go.com What is nice about the site is that it re-sizes the width to fit the device's width. It snaps right to the correct size so that the user does not have to zoom in. It also uses a CSS drop-down effect. I have searched around, and everything so far does not wor...

HTML formats correctly after applied focus.

I have a selection box that uses ajax to populate a div with new information. When I select an option the resulting text appears and formats correctly. However, when I select something new the resulting text does not format correctly and appears to be squished together. The problem goes away when I apply focus by clicking in the relat...

DIV positioning and aligning issue

Hi All, I am working on a template for a new website. I am having some trouble trying to get some containers to line up how I would like. I am trying to create a navigation bar out of several div's and then underneath this block have a body that contains several containers. I am stuck at 1) making the nav bar automagically align into ...