css

Javascript Drop Down Menu over Image Rotator

Designer here, trying to code. I am almost there! Trying to get a drop down menu from dynamic drive to work over an jQuery image rotator. Played with z-index. I can get the menu to work over the image rotation on all browsers except in IE compatibility mode, cannot click on the buttons in the rotator. http://local495.bigrigmedia.com/ ...

jQuery MegaMenu and UI Tabs

I am working on this site here: http://gvc.commercegeneration.com:85/ and I am using two plugins for the top navigation: MegaMenu - Dropdown - http://www.geektantra.com/2010/05/jquery-megamenu-2/ UI Tabs - http://docs.jquery.com/UI/Tabs The issue is when you select a nav item the dropdown does not appear under the item you hovered over...

What is the best tutorial or tutorials on how to make a tooltip using CSS or JQuery or Both?

Is there a good tutorial on how to make a pure CSS tooltip? Is there a good tutorial on how to make a tooltip using CSS and Jquery? ...

iphone html css tutorials

I am trying to find some good introductory short tutorials that show how to build web site suitable for iphone brwoser. I am not having any success. Google is not turning up useful sites. please let me know if you are aware of any. thanks ...

Is there a way in javascript/jQuery to perminantly store data?

Is there? I don't know. I've been hitting my head against a brick wall with ways to possibly do this without using a server-side language. So far my code runs well locally as well as on a server - I'd rather not have to use a server-side language. Well, there's the challenge. First one with a correct answer wins.... uh... points. (Oh,...

Float left in a div does not work in IE7 but does in Firefox and IE8

When I have three divs that all have float left I want the sections to expand or contract based on how long the data inside them is. For instance, if the 1st address is very long I want the 1st box to expand and push the 2nd one over. In Firefox it is doing this but in Internet Explorer it requires a width to look right. In IE7 it do...

One validation error for CSS 139 Parse Error }

What does this mean? 139 Parse Error } It's not even giving me a reason why. I even counted the lines and altered img.logo but still nothing. CSS code body { font-family: verdana, arial, sans-serif; background-color: #E2CACC; } ul { font-family: Tahoma, Arial, sans-serif; list-style-type: none; } #main { ...

jquery hover/change css property help

Hi, I'm new to jQuery and I'm looking for a simple script (or maybe there's a simpler method) where if a user hovers over an element, another element's css property changes. For example, hover over this image and "border-bottom" on another element changes color or something, etc. thanks ...

How do I make my sub-links/text horizontal when being diplayed?

Hello, I have a nav bar with a drop down that is working beautifully. The only thing I am trying to change, is when you hover over the main links, the sub-links/text are on top of eachother. I want them to display horizontally. I have tried all sorts of floats and display inline etc... Here is a portion of the HTML: <ul id="top_main_na...

Making a DOS-style window in ASP.net

I'm trying emulate the MS-DOS command prompt on my website. I don't need to accept keystrokes, but I'd like to append data at the bottom and optionally scroll upwards. At first I looked at the asp:TextBox and asp:Label, but the flicker of using postbacks seemed to be too much. I'm now considering DIV tags and Javascript where I simply...

CSS: page-break-before, always, except the first time?

I'm trying to create a pretty-print html page. I need to force a page-break, between top-level constructs, so I added a CSS class to the top-level element of each construct, and set page-break-before:always in the CSS for that class. E.g.: <body> <div class="prettyprint"> <div class='toplevel'> ... </div> <div class=...

Formatting elements in columns and rows

To avoid reinventing the wheel, I am generating a form using CakePHP's form helper, which create the following markup: <div class="input select"><label for="ReportFruit">Fruit</label> <input type="hidden" name="data[Report][Fruit]" value="" id="ReportFruit" /> <div class="checkbox"><input type="checkbox" name="data[Report]...

Document for CSS differences between IE and FF

Is there a layman document out there describing what are the differences in rendering CSS styles between IE and FF (or IE and the rest of the world) that is more straightforward than quirksmode.org, which is very specification-centric? for example, I just wasted a lot of time figuring out one difference in rendering tables with different...

jQuery .slideToggle does not change size of containing div

I have a simple .slideToggle on my category headings on the website: http://www.UtahCodeCamp.com/Sessions/ : // Slide Toggle the headers $(".collapse-track").each(function () { $(this).click(function () { $(this).next().slideToggle(); }); $(this).css("cursor", "pointer"); $(this).next().hide(); }); Everything works perfectly in...

Using CSS to Create Vertically Oriented Table

Our project needs to have a "table" with headers on the left hand side, at the beginning of each row, and then each object will be added to a column in the "table" We also are trying to keep the project AJAXy, so we need to have edit in place functionality for this grid. We're using ASP.NET MVC 2, so I've been using PartialViews to repl...

Css rotate in IE9 preview

Is it possible to rotate content by any angle in the new IE9 preview? Filter in IE8 could rotate by multiples of 90, was this changed / improved? Or is here any other way (besides drawing with canvas and svg) to rotate text and divs? ...

Adjust width of input field to its input

<html> <head> </head> <body> <input type="text" value="1" style="min-width:1px;" /> </body> </html> This is my code and it is not working. Is there any other way in HTML, JavaScript, PHP or CSS to set minimum width? Clarification by Marcel: The OP wants a text input field with a dynamically changing width, so that the inpu...

Advice on css and Html

Hi, I need some advice on css and styles, is not an easy question to ask, I'm on the way to develop a project that's going to be in a few languages, I know how to manage the dictionaries, at least for now, but I was with a bigger issue ... The page it's going to be on english, and also japanese and hebrew, they have a different style l...

Internet Explorer CSS Float last image offset

Hey Guys, I have an unordered list of images that display inline and float next to each other. Everything looks fine in Firefox and Chrome, but in internet explorer the last image is pushed down vertically a bit. Any idea why this would happen? Link is here: http://www.mercedesberk.org/chic-and-new/manhattan-house And here is the ...

@font-face and Opera

I have implemented @font-face but just noticed something weird in Opera. When I refresh the page using the new fonts, the @font-face font that I want to be used goes away and the text is then shown in Arial. font-face works in FF and IE with no issues even when refreshed but Opera does not want to display them correctly. Here is what I...