css

How to implement a map in JavaScript?

Hey there, I'm wondering, what would be the simplest approach to turn this: {x: 0, y: 0, image: 'map_00_00.png', x: 50, y: 0, image: 'map_01_00.png', x: 50, y: 50, image: 'map_01_01.png'} Into something like a Google Map. I'd like to stay with jQuery. Would you use some plugin for dragging? Or just go with some simple events? I'm th...

Forcing a tab stop on a hidden element? Possible?

The site is here: http://tinyurl.com/2wj8qb4 I have opt to using the radiobutton's labels as customized buttons for them. This means the radio inputs themselves are display:none. Because of this, the browsers don't tab stop at the radio labels, but I want them to. I tried forcing a tabindex to them, but no cigar. I have came up with ...

Setting a Parent Menu CSS Class from a Child Menu using PHP/WordPress

Hi, I have the following menu setup that basically has a parent menu of "Products" with two child menu items that I am using inside my WordPress 3 menu structure, specifically inside my sidebar.php file: <ul id="themenu" class="sf-menu sf-vertical"> <li><a class="sf-with-ul topm" href="#">Products</a> <li><a href="i...

HTML/CSS: Make a div "invisible" to clicks?

For various reasons, I need to put a (mostly) transparent <div> over some text. However, this means that the text can't be clicked (eg, to click links or select it). Would it be possible to simply make this div "invisible" to clicks and other mouse events? For example, the overlay div covers covers the text, but I would like to be able ...

Only the first CSS stylesheet loads...

Hi guys ! I gotta admit that's a first-timer bug for me. I've never seen that... I have this code : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $lang; ?>" > <head> <title><?php echo PAGE_TITLE; ?></t...

position: relative appearing over position:absolute

Having a strange issue in IE7. In a number of spots, I have a DIV which has position: absolute on it (faux dropdown) whenever there is something behind it which has position: relative the relative positioned item will show through the other div. Relativly positioned item does not have any z-index set, while the absolutely positioned ite...

Join two .less files into one css file

When working with lesscss I would like to join two or three .less files into one super css file. I know that you can do it using some little ruby magic, but I would like to know if there is something simple in the less engine? ...

Even more Zen and CSS Sprites

I am very frustrated with trying to use CSS Sprites. I have asked a couple of times here, and got great advice, but still no solution. The problem is that I want my sprites in a horizontal line, not a vertical stack. I can't seem to find an example of this on the web, and all tutorials I have found seem to only describe menus and other v...

IE7 making Galleria Fullscreen do funny things with dots navigation

Hi all, My Galleria gallery seems to be working everywhere except in IE7. I have hacked at the code to make it fit the designer's vision, however, I've ended up with a strange space and some dots along the top of the gallery in IE7. I have tried everything to make it disappear while allowing the navigation to function. Wondering if an...

jQuery.css() doestn't return border-color which is set to red

Hi all! CSS: .divIm { border:1px solid red; } , and code-line var borderColor = $(this).css("border-color") returns "". What is wrong? Or would it be correct trying to get computed style if I use jQuery? Update: Below is a code which doesn't want to work as it expected. $("div.divIm").mouseover(function() { var borderColor = $(this...

CSS Div width percentage and padding without breaking layout

There may be a simple fix for this, but it has troubled me for ages now... Let me explain the situation. I have a div with the ID 'container' that holds all the contents in the page (including header and footer also) that will keep everything inline and I can do just 1 simple 'margin:0 auto;' instead of multiples. So lets say that I h...

2 divs on one line with form in between

I'm trying to get one div to float left, and one div to float right, but have a form in between, the form has 2 select elements(drop down boxes) in it. I can get it so I have: Div<------------->Text<------------->Div but not Div<------------->Form<------------->Div If I just have an empty form element than it works like the text, bu...

GWT designing a Button

I would like to do some notification stuff for my website. I am done with the backend coding but i would like to display properly in the VIEW. So exactly what i need to do is when ever there is a message i would like my button to change its color.I mean i want to do something which indicates that there is a message waiting for the use...

Why is SuperFish overriding all my list styles?

I'm currently using SuperFish - http://users.tpg.com.au/j_birch/plugins/superfish/#download - for the first time in a project of mine. My global navigation works as intended, however, regular page lists are displaying the same styling as my Superfish navigation. I have looked through my CSS, everything is written pseudo-like and should...

ASP.NET 4.0 Menu Control - Why doesn't the rendered <div> element act like a normal block element and fill up its parent's width?

The title poses the question. Here's a scenario: You're making a website with ASP.NET 4.0/C#, although xml alone is suitable for this example. The site will have a site map and a default page with a menu control, as follows: Web.sitemap <?xml version="1.0" encoding="utf-8" ?> <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap...

webkit display:inline-block behaving inconsistently

I have a span with several other spans inside it, and I want to toggle the sub-spans between display:block and display:inline. The spans start off with display:inline-block, then are switched to display:block. This works fine. The problem is when toggling back in Webkit (it works fine in Firefox): the spans are rendered with extra line b...

Why does this simple floated definition list not work in IE7, and how do I fix it?

This is a very simple dl. HTML <dl id="photo-attributes"> <dt>Edition</dt> <dd>200</dd> <dt>Ratio</dt> <dd>3:1</dd> <dt>Location</dt> <dd>Great ocean road, Victoria</dd> <dt>FStop</dt> <dd>F-32</dd> <dt>Exposure</dt> <dd>3 minutes 40 seconds</dd> </dl> CSS #photo-attributes { margin: 1em 0; overflow: hidden; } #photo-attributes...

Do you think use of XHTML, and classes name is semantically correct in zengarden?

Lots of div and classes name are being used in the code. http://www.csszengarden.com/ Is there any scope of improvement in semantic? http://cssglobe.com/post/6957/class-names-revisited this is mentioned in source code as a comment This XHTML document is marked up to provide the designer with the maximum possible flexibility. ...

RTL Dropdown Problem in Browsers (Windows7 or Vista)

I have problem in RTL drop-down in windows7 or Vista. As you know browsers usually use OS listbox to show these components. I want to ask how to restyle drop-down with CSS in RTL or if it is not possible, do you know free useful drop-down widget(in GWT)? Regards ...

How to make a grid (like graph paper grid) with just css?

How to make a grid (like graph paper grid) with just css? I just want to make a virtual grid paper with only using CSS. Thanks in advance for the help. ...