css

LESS CSS on Windows

Trying to set up LESS for css (see http://lesscss.org/index.html) on my Windows box, and I've installed ruby and rubygems and I've followed the instructions here (http://lesscss.org/docs) exactly. I have a file 'teststyle.less' in C:\ and in command when I type lessc teststyle.less to compile into a .css file, I get the error "The f...

Fastest tr:hover method

What is the single fastest method for table row hover css change? I've tried jQuery (onmouseover/out) and CSS with tr:hover, but once I make my page fullscreen (1920x1200) the performance on my grid is getting just sluggish enough to give the entire page a feel of being sub-par. That's on a grid with 25 rows, and some spans and divs per...

Overlapping two divs and 'clearing' their parent div

My CSS-fu is letting me down here: What I'd like to do is position two child divs (with variable heights) to be overlapping. Using: position: absolute; top: 0px; left: 0px; is the only way I know how, with the parent set to position: relative. The problem with this is that the child divs are taken out of the layout as per the CSS spec,...

simple way to quickly edit my website

here's my website: www.newportclassic.com do you know of any free, easy to use, content management systems, that will allow me to simply edit the text on my site without having to download the file, open the file, edit the code, save the file, upload the file ??????? ...

Possible to affix a DOM element to the surface of a Google V3 Map?

Is it possible to embed a CSS/HTML DOM element inside a Google map that can: Be dragged around independently of the map; 'Stick' to the map if the map itself is moved around; Overflow hidden beyond the bounds of the map. Here's a screenshot to illustrate.. ...

How does one target all divs of any webpage but differentiate them in javascript?

So I am trying to create an extension in Chrome (a prototype for a project that I am doing) that targets all of the <div> tags of any web page, hides them or rather doesn't display them until the user clicks the mouse (further explained below). So typing a url into the browser yields a white page. The person clicks, and the first <div>...

DIV with text over an image on hover.

OKay first off this is really really similiar to the http://dribbble.com homepage. In the simplest form possible. I have an image, and i'm trying to CSS it so that when i hover over the image, a DIV shows up with some text and a partially transparent background color. I have no idea how to do this.. ...

How to make Gmail like loading progress bar

I want create a loading progress bar like Gmail in center and top of the page, and work in all browsers ...

Bar that pops up and down like kettlenyc.com and vevo.com

Anyone know how to create a bar that pops up and down like kettlenyc.com and vevo.com? I'm guessing some combination of css and javascript but I haven't been able to find a tutorial to help me out. Thanks ...

Make a div with fixed position

how to make a div with fixed position at top Of the page that work in all browsers like IE ...

Keeping hover mode till mouse over another button/link

You know when you roll over a menu, it will show a submenu. I wanted to keep the submenu visible even tough I roll out from the button, and only change the submenu when I mouse over other links or buttons. Does this include javascript? or it can be done just in CSS? ...

CSS: Possible to define styles mid way through an html document?

In ASP.NET MVC, there are these snippets of html called view templates which appear when their matching data appears on the screen. For example, if you have a customer order and it has a vendor address, the vendor address view template shows up populated with data. Unfortunately, these don't have access to "MasterPages" nor are aware o...

How to stop horizontal scrolling?

Hi all, I have written a file using html and javascript. In that Vertical scrolling should be there, but i want to stop horizontal scrolling. How can I do that? ...

With CSS should I use p tag to wrap text or will div suffice?

As the title says, would it be better to wrap text using <div> or using <p>. Which would work better for SEO? ...

mootools changing an elements inline css

I have some HTML that looks like this, <div id="mb_contents" style="visibility: visible; opacity: 1; width: 600px; height: 450px;"> I am trying to turn the visibilty to hidden using this js/mootools, $('mb_overlay').set('styles', { 'visibilty': 'hidden', }); However nothing seems to be working, am I missing som...

Problem in uploded website?

I built a static web site in urdu font via uni code, it is not working well, it is only open in IE8, firefox, not in safari and not in Google Chrome, In IE8, firefox not supporting to Font, it is working well at localhost. address is: http://jamia-siddiquia .org/ *WARNING: linked site is blocked by google due to supposed malware distri...

Overflow in table cells

I need to create a chat layout that uses all the available space and scales nicely, but has few fixed sizes. Here's the structure: <table style="width: 100%; height: 100%"> <tr> <td></td> <td style="width: 200px; background: red;"></td> </tr> <tr> <td style="height: 100px; background: blue"></td> ...

mimic a table using css

I'm trying to display a grid of items, with each item having a photo on the left and a description on the right, something like this: ---------------------------- | photo | item description | ---------------------------- I want to display these items in a 3x3 grid on the page. I have the grid part worked out, what I'm having trouble w...

How to get only one rounded corner with border-radius htc hack and MSIE v:roundrect?

I have a problem with partially rounded corners. See the first working example for most browsers: .box { display: block; width: 100px; height: 100px; border: 1px solid black; background-color: yellow; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; } You can see that only bottom right corn...

CSS Selector Issue

Hello html > body .home blog logged-in > div #wrapper > div #page > div .cats I have a problem with selecting unordered lists (i.e ul > li.class-name class-name-number) at the above dom location in CSS. I am working with a wordpress theme. Basically could I have suggestions for the correct selector to use in order to influence this t...