css

jquery ui tabs body background

Hi I can use jquery ui tabs and bend the css used for the tabs. I m using this to display a background color for the body of the tabs .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; color:white; background-color: #111010; backgorund-image: url(backgrounds/g4wd10.gif) 0 0; opacity:1; font-size: 12px; } ...

How can I check what $(this) is?

Hi all, This question is related to this post but I don't see how I can ask another question in the same question. I need to know what $(this) this is. If I alert $(this) I get [object Object]. In other words when I alert($(this)) I need for the outcome to be a specific <li> tag so that I can do an IF ELSE statement when I roll off a ...

How to resize DIV with its component using Javascript

Dear All, I have created a html page of two DIV with tab component using jquery. Tab component is resizable and have min/max width. There is a scrollable divider between DIV. But the problem are the components of the div, which are not resizing according to the resized div position, it is overlaping on the other div. Any suggestion o...

how can we avoid the shake when we hover over an element and set its font to be bold

How can we avoid the shake when we hover over an element and set its font to show bold? Here is a sample of the code I wrote: http://jsfiddle.net/8v4Ag/ Is there a technique to avoid the shaking? Suppose I hover on LogOff, the font goes bold, but that line of text moves a little to the right due to the text getting emboldened. If we ho...

jarring toggling effect

I have a fixed height div which looks like following. 2 issues. 1 - when I click the 'on_click"show_hidden_div' it does show the div but since the parent div is fixed height, I just get a scrollbar and now the user has to scroll down, any way to automatically scroll down when the hidden div is show? 2 - When the hidden div is hidden ag...

Doubt in css selector > [#id (.class1 or .class2)]

Hi, I think that it should exist a better way of doing this... I'm using the follow css selector #book_form .ano_chegada, #book_form .ano_partida {...} Html: <form id="book_form"> <input class='ano_chegada' .../> <input class='ano_partida' .../> </form> I really don't like to repeat the form id twice. Is it strictly necessary? I...

How do I create a circle or square with just CSS - with a hollow center?

It should just basically be an outline of the square or circle - that I can style accordingly (i.e. change the color to whatever I want, change the thickness of the border, etc.) I would like to apply that circle or square over something else (like an image or something) and the middle part should be hollowed out, so you can see the ima...

Fit divs into fixed space.

This is what I am trying to do : HTML <div class="container"> <div id="one" class="child">One</div> <div id="two" class="child">Two</div> <div id="three" class="child">Three</div> <div id="four" class="child">Four</div> </div> CSS <style type="text/css"> .container{ height:40px; width:500px; ...

Problem with IE in a menu with CSS

Hi everyone. I have a strange problem with IE in a CSS menu. Have an <li> with a text and an <ul> (with position absolute) and <li> inside. In Mozilla Firefox the sub <ul> assumes the desired position (see picture below). In IE the text forces the sub <ul> to go forward. Any ideas? Thanks in advance! li { float:left; width:auto; }...

Change CSS width using javascript (JQuery Tools Scrollable) center

I am using JQuery Tools Scrollable to build a full-page-width scrollable form, such that each page of the form scrolls all the way across the page, replaced by the next page sliding in from the right. The problem I'm having is how to center each page such that it stays centered amidst browser resizing and in-browser zooming (Ctrl +/-). ...

Submenu not showing - overflow hidden??

Hi, my problem is that I got 3 submenus in the third nav named "Productos", but they are not showing. I think maybe the error got something with the jQuery plugin kwicks... making it overflow:hidden; I'm kinda new so I will appreciate your help ^^ Here is the link to the website Edit: I remove the kwicks and I can see the submenu b...

How do I create a "sticky" dropdown menu in pure CSS?

Effect I'm trying to achieve: In Twitter's new redesign, they implemented a "sticky" dropdown menu for the account settings area. Basically, when you click on your username in the black global nav bar at the top, a menu is toggled open and stays open until you click on one of the links or on your username name again to toggle it close...

jQuery parsing XML to make slideshow

So I have a very long question for my code. Here are my requirements: Using jQuery XML parsing of images Must be a slide show Opacity on hover and show text in whiter full opacity With these piece i built this code. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <meta http-equiv="Content-Type" content="text/...

stack a div under an absolutely positioned image that changes in scale

Hello, I used a jquery image scaling plugin for a large image on this page I am building: http://seans.ws/sandbox/test/thrive/ I am trying to put a navigation div below the image, but I cannot do so because the image is absolutely positioned, and the scale of the image changes, so I cannot just specify a padding-top value for the navig...

CSS linked images are being underlined ("a" display is set to block)

Hi, I have a menu for which I wanted all of the space around the text, within each individual item, to take the user to the specified page. I looked around on the web and found that the best solution is to set the "a" display to block, as follows: a { display: block; height: 100%; text-decoration: underline; } I have mana...

Please help me to style this vertical menu

Hi friends, how do style li id="mathi" so that I can stylize menus info 1 , info 2 and info 3. I would like to give separate background in both parent and child menus. <ul id="MyMenu"> <li id="mathi">info 1 <ul class="inner"> <li>apple1</li> <li>mango1</li> <li>banana1</li> </ul> </li > <li id="mathi"...

how to position links at the bottom in a fixed height list

Hi, I would like to have a menu with an height of 100px with separators. I've put my menu in a unordered list and added a border-right to the li. So far so good but I can't find how to align my links at the bottom ? HTML <div id="menu"> <ul> <li id="logo"></li> <li><a href="#item-1" class="first">Item 1</a></li> <...

Don't load hidden images

I have a bunch of hidden images on my website. Their container DIVs have style="display: none". Depending on the user's actions, some images may be revealed via javascript. The problem is that all my images are loaded upon opening the page. I would like to put less strain on the server by only loading images that eventually become visibl...

Tables to CSS....Layout sliced from Photoshop

I am messing around and created a neat web layout in photoshop. I then sliced it up and exported all of the Images and HTML to dreamweaver. However, it turns my layout into tables. This is a problem because I can't get it to fit all screen resolutions. Does anyone have a quick fix or some advice on how to get my slicing converted to CSS?...

CSS Drop Down Menu is hesitating before opening up

On this page here: http://www.websitessandiego.com/MCS/utility/default.htm The mouseovers on the main horizontal navigation bar do not always open up when you mouseover the main link. Is there something I can do to make it work everytime? The CSS is a bit embarrassing, I'm still learning. thanks ...