css

CSS horizontal navigation with UL working until I add subnav.. now it moves the nav next to it when the dropwdown happens

I have a problem with the dropdown (ul li ul) pushing the navigation thats to the right over when I add the subnav. To view: http://newenergycities.org/header2.html I tried to add a special class to the nav item to the right, but I don't think I've got the right idea. Any (right) ideas would be greatly appreciated! ...

Formatting Controls in ASP.NET

I feel as though this this is a simple question, but can't find an answer anywhere. We've got an interface we're trying to move to an ASP.NET control. It currently looks like: <link rel=""stylesheet"" type=""text/css"" href=""/Layout/CaptchaLayout.css"" /> <script type=""text/javascript"" src=""../../Scripts/vcaptcha_control.js""></sc...

jQuery CSS menu not selecting the active link

What is wrong with this and how could I fix it? I have a CSS menu (horizontal) that I want the background and font to be changed when one of the items is selected. I found another post that gave me some jQuery code to help make it work, and I thought I had it coded right, but when I click on an item to change its class it adds the clas...

Change and Maintain CSS Style of Button State

I have 5 list items that act like tabs for a page stored in a Masterpage in a asp.net application. When the user selects a list item, I would like to redirect the the page, and change the class for that list item (tab) to show the active tab the user is on. What is the best way to dynamically change the class of the list item based on t...

Table cell doesn't obey vertical-align CSS declaration when it contains a floated element

I am trying to create a table, where each cell contains a big floated h1 on the left side, and a larger amount of small text to the right of the big text, vertically centered. However, the small text is showing up at the top of each cell, despite that it has a "vertical-align: middle" declaration. When I remove the big floated element, ...

GWT - problems with constants in css

Hi, I'm new to GWT; I'm building a small sample app. I have several CSS files. I'm able to successfully use the ClientBundle and CssResource to assign styles to the elements defined in my UiBinder script. Now I'd like to take it one step further and introduce CSS constants using @def css-rule. The @def works great when I define a co...

How can I equalize the heights of text input fields?

What is the best way to equalize the height of my <select..> elements and my <input type="text"..> elements? It's proving difficult because of differences in box-sizing models. Google Chrome's user agent stylesheet has this: select { -webkit-box-sizing: border-box; } ..whereas other text input fields use the content box model. Why th...

Iframe covers navigation bar, needs close, open to fix?

I have a small webpage with a form, iframe-d in. When I put invalid input inside the form, the iframe covers up the navigation bar and I can't get the navigation bar back without closing and opening the page again. Here is where I am (temporarily) hosting the webpage: dl.dropbox.com/u/1144456/rlp/v2/demo.html the css stylesheet: dl.dr...

Ordered List (ol) showing up un-numbered?

Hello all, I have an ordered list (ol) on my page but the numbering is not showing up at all! I have done this: <ol> <li>my text</li> <li>my text</li> <li>my text</li> </ol> As I have typed the above, stackoverflow was able to render it correctly the way I wanted it to, like so: my text my text my text ...

How hide div in javascript?

<script type="text/javascript"> function HideDiv(id) { document.getElementById(id).Style.display = "block"; } </script> ...

Fluid CSS: floating column with max-width and overflow

I'm using a fluid layout in the new theme that I'm working on for my blog. I often blog about code and include <pre> blocks within the posts. The float: left column for the content area has a max-width so that the column stops at a certain maximum width and can also be shrunk: +----------+ +------+ | text | | text | | ...

CSS: Causing line breaks for inline elements without <br />

How can I have each of these a elements break on to new lines, but keeping them as display=inline and without br tags? <div> <a href="element1">Element 1</a> <a href="element1">Element 2</a> <a href="element1">Element 3</a> </div> ...

What is usefulness of W3C's "Semantic Data Extractor" in semantically correct XHTML CSS Development?

What is the usefulness of W3C's Semantic Data Extractor? http://www.w3.org/2003/12/semantic-extractor.html This tool, geared by an XSLT stylesheet, tries to extract some information from a HTML semantic rich document. It only uses information available through a good usage of the semantics defined in HTML. The aim is ...

Css hacks Raison d'être

Hi, Since I build layouts with css, I always refuse to use css hacks for different browsers. In your opinion, is there real benefits to use hacks? Cheers ...

footer bar like facebook - css

Hello, I want to create a footer like facebook, that sticks at the bottom of the page, irrespective of the scroll. <div id="footer"></div> and here is the css style #footer{ position:absolute; left:0px; margin-bottom:0px; vertical-align:bottom; bottom:0px; width:100%; height:25px; background-color:#dfd5...

Page layout with resizable parts (with Jquery, Rails plugin or not)

Hi, I use prototype since a long time, but for some reason I have to switch to Jquery. I need to build a layout with resizable parts, I found http://layout.jquery-dev.net/ But I don't like the code generated, inline css is ugly. Do you know any clean alternative? Jquery, Rails plugin or anything else Cheers ...

Centering background image, using css

I want to center a background image. There is no div used, this is the css style body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } The above CSS tiles all over and does center it, but half the image is not seen, it just kind of moves up. What I want to do is center the image. Could ...

Problem with background in IE, all other browser work excellent.... please help...i almost get fired...

Hello pros out there, I have this problem with background in IE PC, all other browsers including Mac Safari work excellent.... please help...i almost get fired... link is: http://www.imageoneads.com/missiongallery/index.htm Thanks so much tran006 ...

Can you tell me why my webpage displays differently in IE and how to fix it.

I've been browsing through all of the CSS related cross-browser questions trying to troubleshoot my IE styling issues with no luck. Can anyone tell me how to fix my homepage styles so that it displays the same in IE as it currently does in Firefox? I've used Firebug (probably why it looks good in Firefox) but I can't find any tools for...

Add URL link in CSS Background Image?

I have a CSS entry that looks like this: .header { background-image: url("./images/embouchure.jpg"); background-repeat: no-repeat; height:160px; padding-left:280px; padding-top:50px; width:470px; color: #eaeaea; border-bottom:1px solid #eaeaea; } How can I add the link to the the background image in t...