css

Variable height div with custom background-image - what is the best technique?

I'd like to produce something like the 4 boxes at the bottom of the apple.com home page, except I would like them to be variable height. The simplest techniques I can think of is having two divs. The first one containing everything except the bottom 'cap' in its background-image, and the second div with the bottom cap, like so: <div cl...

Disable link to the current page in navigation

I have a pretty standard navigation for a website. The main navigation is a ul, with several nested ul's. I'm basically just wanting to dynamically disable a link when the user is already on that page. So if I'm on the home page, the home page link needs to be disabled. If I'm on the contact page, the contact page link needs to be disab...

Do I need to use javascript to get fluid width columns and static width columns to share the same row?

I have a variable number of divs acting as columns, and I would like a variable number of them to have static widths (in pixels) and a variable number of them to expand to the remaining width in the window. If I make the fluid column widths combine to 100%, some columns will be squeezed out of the row - do I need to use javascript to sub...

how to fade in a div?

Go to http://earldev.tumblr.com I am using jQuery and I can't get `fadein` to work on a `div`. I want the `div` to fade in on page load. The code I have now is $('div.sc_menu').hide().fadeIn('slow'); `div.sc_menu` is the `div` I want to fade in. (Its not working, in case you didn't get that)...

looking for full project, graphic tutorials for php and web programming(example inside)

hello, im looking for graphic site tutorials like this one: http://net.tutsplus.com/tutorials/php/creating-a-web-poll-with-php/ that give you step by step explanations for a full project, with the final result and some pictures for each step. i found some other sites, consisting mostly with text for project tutorials and for some reason...

Drag and drop element covered by other element? [JS/HTML/CSS]

I have a little HTML div area set up which reacts to ontouch events (for Safari mobile on iPad) and I want to show the touched location by putting another smaller "bullseye" div element above it. However, I don't want the bullseye div element to catch the drag and drop and avoid it being passed on to the actual touchable area. How would ...

Shouldn't we use "Pixel" for anything in CSS, if we are making a site for mobile devices?

Shouldn't we use "Pixel" for anything in CSS if we are making a site for mobile devices? px for layout and font. Should we only use em or % for everything on mobile sites? and if i'm using <img> then should i defined height and width for <img> in HTML code? or it's good to not to define. or i should define size in css for <img> also in...

timed display of div....

all i need is some client side code jQuery or JS that will alter the divs style after X seconds like visibility : hidden; OR max-height : 50px; or switch the class \ id of the DIV ( preferred ) ...

website screen resolution auto resize

I have a website, its uses the 960 grid system, everything is fine. Except the header, the header is too tall! Is it possible to reduce the entire website size when the user's screen is less than or equal to 1024x768 ? (same way you can press CTRL+ and CTRL- in IE?) ...

CSS: IE: Version of style "background-color:rgba(...)"

I have a requirement to have a div with a background image, and overtop that image should be a 0.7-opacity black layer. For this, I'm using: background-color:rgba(0, 0, 0, 0.7); background-image:url(/Images/hash-000000-pattern.gif); This works perfectly in everything but IE. In IE 6, 7, and 8, the background-color:rgba(0, 0, 0, 0.7);...

IE7 Hover Problem (or Bug)

Hi, I am currently developing a website and I am very bad at cross browsing issues. Now, I encountered a bug which I am not able to fix. I have created a new HTML file for testing purposes, it does not have images but the bug is still there. If you open this website with IE7 http://94.75.253.96/test.htm You will see a text "Popüler D...

Rounded Corners using 3 images

Can I club together three images to form a one with CSS? Basically, I need to create rounded corner button and I've three images left, middle and right. I've used in all the pages and it won't be possible for me to replace it with two or three other HTML controls. So is there any way by which I can combine these images to form one and...

stylesheet "profiler"

Does anyone know of software or a webservice that can read your stylesheet and html/php, and profile your CSS? By that I mean indicating which clauses or rules are never used, and so on. After doing several serious redesigns on a fairly complex website, I'm sure there are some old skeletons hiding away, making my code clunkier and less ...

Does anyone know where I can find iPhone search bar style?

I'm developing a site with jQTouch, but it doesn't have style for a search bar. Has someone come across a library or css for the iPhone search bar like the image below? ...

css for a content page is converting to "QuirkMode" in asp.net

hey guys, i have a page "shopingcart.aspx" in one of the contentplaceholder of master page, now when i load this page css is render just fine, but when i go to this page by postback e.g "shopingcart.aspx?itemid=1" then the css is rendering like quirkmode. All the content of the table are showin' bigger, any one out there faced this kind ...

Adding “required” text to an HTML form via CSS

I have a <form> that looks like this: <form> <input type="text" name="name" id="name" /><span class="required"></span> </form> What I want to do is show some text, such as * or Required in the <span> element, instead of "hard coding" the text for every such place I need the text so the form looks something like this: [input box] Re...

Hyperlink on the baseline of a DIV

Hello, I have the following markup: <div class="ui-accordion ui-widget" style="margin: 10px 0px 12px 0px;"> <h3 class="ui-helper-reset ui-corner-top ui-accordion-header ui-state-default" style="height: 24px; font-weight: bold; padding: 5px 0px 0px 12px">Title</h3> <div class="ui-accordion-content-active ui-widget-conte...

disable all page elements with modal feature using jquery

I wish to disable all page elements upon an action. Like the modal feature that is in the JQuery UI. Like on an ajax action.. I wish to show a notification and at the same time to enable the modal feature. And after the request, need to re-enable the page elements back. Is there any option available in core jquery for that or any plugi...

Why is there no CSS-like GUI creator

Okay, so this will probably be closed or whatever, I don't care. I have to say this because it just frustrates me like hell. Once upon a time, I came from a html/css/php background into the vast deeps of application development. I wandered around the valleys of Java and explored the mysteries of C#. I gasped at the beauty of Ruby, fell ...

how to style differently two pieces of text in a same input type=text

I would like to know how to style differently two portions of the text in a same input type=text, much the same as Google does. When you enter a couple of characters in the Google search box, they are rendered in normal black font, but they are followed by a suggested completion rendered in gray font. So, we have two portions with differ...