css

Cross-browser, clean solution for drop-down menus across frames?

Let me start off by saying I really like Superfish (& jQuery). Unfortunately, this - apparently? - does not offer cross-frame support out of the box. Situation: extranet website, consisting of 2 frames, divided horizontally. The top frame (the smallest one) contains a menu. When hovering over this menu, the "drop down" content gets disp...

CSS Interactive Map - Overlapping counties changing colour on hover

I've been asked to create a map of the UK, depicting counties. Once the counties are hovered, they change colour, and clicking on them goes to an intermidiary page. Flash is also not an option. Usually this wouldn't be a problem but because of the odd shapes of the counties, these areas that can be hovered are going to overlap quite hea...

Different Image have different dimensions

I have a image gallery, my requirement is to apply diffrent image sizes to all image my html markup is <div class="post-attacthe-img"> <ul> <li><a><img src="1.png"/></a></li> <li><a><img src="2.png"/></a></li> <li><a><img src="3.png"/></a></li> <li><a><img src="4.png"/></a></li> <li><a><img src="5.png"/></a></li> <li><a><img src="6.pn...

Can we set parent element style from child style?

<div id="main"> <div id="sub"> </div> </div> Can I set main's style from sub's style? ...

CSS: text-transform not working properly for Turkish characters

Hi StackOverflow, The implementations of the major browsers seem to have problems with text-transform: uppercase with Turkish characters. As far as I know (I'm not Turkish.) there are four different i characters: ı i I İ where the last two are the uppercase representations of the former two. However applying text-transform:uppercase to...

Text with gradient and custom font

Ok here is my challenge, I have some <h1> tags that I want to convert into a custom font and apply a gradient from left to right. Initially I was going for the idea of using cufon as this does both, but it turns out cufon only supports top to bottom gradients. My only other option as far as I am aware is sIFR which I believe may suppor...

Anchor tag becomes non-working link in a div with float: right;

I have a link inside a div that floats to the right of the screen. The link does not work in FF or Chrome, but works in IE (have only tested with IE8). The simplest example looks like this: <html> <head> <title>test</title> <style type="text/css"> #logo { left:10px; float:left; top:10px; } #feedback { float: right; } ul#menu { ...

determining the height of an element

After setting the height of some element (say a div) to auto, still can I get the height of this div in pixel or may be in some other units ...

PHP - compress static css file with GZIP

Hi so I have a css file, style.css. in the same directory I have the images/ folder. How can I make a script that compresses style.css, but from another folder? Right now I have this: <?php if(isset($_GET['css'])) $file = array('url' => htmlspecialchars($_GET['css']), 'type' => 'text/css'); if(isset($_GET['js'])) $file = array('ur...

how to set contentplace holder size that support all browser...

Hi, I have used clientheight for getting height.When i use in ie its working fine.But in the case of other browser its not working.How can i set contentplace holder.i have tried with window.height()..but its not working ...

How do I display 2 sections side-by-side?

I have following HTML code: <section class="indent-1"> <!-- Section 1 --> <section> <div>Some content</div> <div>Some more</div> </section> <!-- Section 2 --> <section> <div>Some content</div> <div>Some more</div> </section> </section> And I'd like to display Section 1 on the ...

How to retrieve the display property of a DOM element?

<html> <style type="text/css"> a { display: none; } </style> <body> <p id="p"> a paragraph </p> <a href="http://www.google.com" id="a">google</a> </body> <script type="text/javascript"> var a = (document.getElementById('a')).style; alert(a.display); v...

How do I add a hyperlink to a background image?

I'd like to add a hyperlink to this background image. Should I create a new class within the stylesheet? (When I attempted to call the new class, the image disappeared). body{ background-image:url('http://thehypebr.com/wp-content/uploads/2010/09/boundless-sem-branco-2.jpg'); background-repeat:no-repeat; background-attachment:fixed...

Size the DIV to the size of the background image

Hi, I have a DIV with the following style .vplayer-container .logo { position: absolute; bottom: 50px; right: 10px; background: url(../img/logo.png) no-repeat; border: 1px solid #000000; max-width: 50px; max-height: 50px; } I want that the DIV size is the same as the background image. Since the bg image change, I want it to be ...

What is causing whitespace on the top & bottom?

After I added a new div class for my background image, the top, bottom, and page menus became white. style.css #boundless{ background-image:url('http://thehypebr.com/wp-content/uploads/2010/09/boundless-sem-branco-2.jpg'); background-repeat:no-repeat; background-attachment:fixed; line-height:20px; font-size:14px; font-famil...

Can I differentiate CSS on the different input types?

input type=text/radio/checkbox - can I treat them differently in my CSS? Other than by adding class= I mean ...

Why doesn't a header respond to code to overwrite styling?

I have a bit of code in this in-development page. It is the Graphic Design column in the footer. This should display like its neighbors (About Us, Web Design, etc.) but no amount of css, including !important will budge it. Here is the html: <div class="sub-nav"> <h5 class="graphic"><a href="#">Graphic Design</a></h5> <h5 clas...

Textured Text with CSS?

Hello StackOverflow, I'm currently developing a simple page. Does anyone know of any way to overlay a texture image over text? It seems like it's not possible with the current spec, but please let me know if this is possible. Thanks and take care! ...

How to disable text selection with css or js?

Hi every body! I am making a html/css/jquery gallery, with serveral pages. I indeed have a "next" button, which is a simple link with a jquery click listener. The problem is that if the user click the button serveral times, the text of the button is selected, and then the full line of text. In my really darky design, that is really ...

no background for <a> in ie6

Don't know how to fix it. I've trying to make different logotypes, depending on class of the tag. The html is: <div id="header"> <a href="/index.php" id="logo" class="cet"> <h1 id="l">title</h1> </a> </div> And css is: #header { height:204px; background: url(../img/il-01.jpg) no-repeat 400px 2em; posi...