css

Horizontal CSS gradients?

I Want to have a gradient as the background of my webpage. I have figured out how to make the gradient vertical but I want it to be horizontal. background-image: -webkit-gradient(linear, 0% 25%, 0% 0%, from(rgb(176, 196, 222)), to(rgb(255, 255, 255))); background-image: -moz-linear-gradient(center bottom, rgb(153, 255, 51) 25%, rgb(255,...

Cross-browser blurred background?

I want to make a menu with semi-transparent blurred background. At the moment, I've only found a solution for IE: filter: blur(strength=50);. How can I do this cross-browser, without using images? ...

Dynamically loading CSS

Hey There, I'm trying to create a page theme function for my site. I want to load the corresponding themes dynamically on the page using separate CSS files. I'm using this code: fileref.setAttribute("rel", "stylesheet") fileref.setAttribute("type", "text/css") fileref.setAttribute("href", 'link.css') document.getElementsByTag...

Issue with jQuery Tabs CSS in IE6

This is the website in question: http://www.ai-ad.com/2010Cwb/insidePage.html The issue is with the bottom left jQuery UI Tabs (there are five tabs named : 淡水、陽明山、基隆、烏來、石門水庫) In IE 6, when I move the cursor to other tabs, the content height under the tab will change. I don't really know why, I thought it could a problem with jQuery UI...

web page layout issue in firefox 3.6 /mac os

This web page does not display correctly in firefox 3.6 /mac os. http://solcuisine.com/dev/?page_id=2 .. and here's how it looks in firefox3.6/mac: firefoxmac.png located in dev/ directory of same domain (sorry, can't post more than one link here) http://solcuisine.com/dev/firefoxmac.png The css has been validated in w3.org. And the...

how to add a link to the background image in the css code

hi, this is the css code #header #phone{ background: url(../images/icon.jpg) no-repeat right 0px; position: absolute; top: 41px; } my question is how can I add a link to the icon.jpg image thanks ...

How to develop alert system like facebook using PHP and Jquery?

How can I develop an alert system like Facebook's, where User A add User B, User B will get some number in Friend Request Section on the header like in the image below. How can I develop something like that? How can we get numbers like this??how can i get codes in PHP and JQuery? ...

Event items with different CSS

I have the following CSS to show a whole event as "completed". .afc-completed, .fc-agenda .afc-completed .fc-event-time, .afc-completed a { color: yellow; /* text color */ background-color: #6C3; /* default BACKGROUND color #36c */ text-decoration: line-through; } How do I write a CSS fo...

Consume maximum height available

How can i make a div to consume maximum height available? Like Google Calendar does. ...

override inline css with jquery and/or css

How do I remove the font size and the bold code with jquery and/or css. I tried a variety of methods but cannot seem to get it. I tried adding a class and then styling it via css and !important but that only worked if I put font-weight:lighter, I cannot seem to override the inline css so I said why not simply remove it. The select...

change color of selected menu tab

so i have grabbed a snippet from another question <script type='text/javascript' > $(document).ready(function () { $("div.content ul li a") .mouseover(function () { var t = $(this); if (!t.hasClass("clicked")) { // very easy to check if element has a set of styles t.addClass('mouseover'); } }) .mouseout(function () { // a...

Guides for UI designers working in Google Web Toolkit

Can anyone point me to a useful guide for UI designers working in google web toolkit? ...

Question about CSS float:left

<div style="width: 800px;border:1px solid black"> <div style="width:100px;height:100px;float:left;border:1px solid black"></div> <div style="float:left">ssdfsdfsdfsdgfag25w6a4g8w5614w5sge16dgf45d4sdffffffffffffffffffffffffffffffffffffffffffffffffffffff5s4f64s6f456a46f456a456456456f456we4f54we5gf45456v4sd5646sadf54s...

How to create a php (jquery) slide toogle information directory

Hello, I am trying to make a directory which contains information in a div, some of this information is going to be hidden and some of it is going to be displayed. When you click the click me button for each directory it displays the hidden information as shown with the code example below, Note: The information and divs will be generat...

css - hiding overflow

Hello, Is it possible to hide the overflow of the text in say a fixed width div and replace it with "..."? It obviously looks ugly if the text is just cut off, I really need to be able to show a ... in these cases. ...

Div's overlapping

I have a list of div pairs: MainDiv's and infPanel Divs. I need to put infPanel div's upon MainDiv and eliminate distance between MainDiv's. The best decision that I see is to set image in MainDiv with background option and just put infPanel inside MainDiv, but because of some technical requirements it is better to post image through jus...

HTML styling problem when using <sup> and <sub>

I've noticed that when trying to use superscript or subscript in the following way... <ul> <li><b>Mean Radius</b> 6,371.0 km</li> <li><b>Mean Circumference</b> 40,041.47 km</li> <li><b>Surface Area</b> 510,072,000 km<sup>2</sup></li> <li><b>Volume</b> 1.0832073 &times; 10<sup>12</sup> km<sup>3</sup></li> <li><b>Mass</b>...

Need CSS selector for first div within another div

I have something like: <div id="content> <h1>Welcome to Motor City Deli!</h1> <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div> <div > ... </div> What is the css selector for the second div (1st div within the "content" div) such that I can set the font color of the date within that div? ...

sticky footer woes

OK, I know this question has been posed in many cases and it seems the answers vary on a case by base basis. Here is my situation, I use blueprint grid system and the high level structure is as follows. So the footer sometimes sticks to the bottom, but when there isn't enough content in the content_container it doesn't. Also if the wi...

Align social buttons correctly

Hello, I am trying to put social buttons facebook and tweetmeme in our site. I liked the way it's done in yahoo sites. Please look Yahoo Link I looked at yahoo code, but the implementation style is very difficult to understand. It would be great if someone can help me in html/css coding. Thanks. Update This is the code I have so f...