css

Tree like view for xml in web browser

I have xml data(file or text) sent to client from web server. The xml has tags only (no attributes). Actually I am using it to represent a tree. On client side I need to render it as a tree and let client select multiple nodes in tree and submit it back to web server. Are there any useful resources out there I can use ? ...

different stylesheet for mobile devices

i am trying to make my blogger.com blog mobile friendly,i wrote a css that would do that ,now how do i make blogger swap the origional stylesheet and use the mobile version in case of it is accessed by a mobile deveice. ...

Random space between text?

Anyone know why there would be space between the first blog post? It always happens, but just to the first post on the blog homepage... (word press) http://oliveramusic.com/blog/ Not sure if anyone can help... thought I might as well give it a try. EDIT: Sorry, I should have been more specific. Between each word in the first line of t...

force css to display image with ratio-aspect

imax is a div element. #imax { width:222px; height:222px; } #imax img { width:222px; height:auto; } if either way I tried auto on width or height, the images with different orientation will result in distort in either scale. How could I fix to display with ratio-aspect? ...

Negative padding-top, fixed height, overflow hidden

Hello, how can I show only 200px (height) of my div, and skip the first 30px (top) ? <div style="height:200px; overflow:hidden; padding-top:-30px"> A<br>B<br>C<br>D<br>E<br>F<br>G<br> H<br>I<br>J<br>K<br>L<br>M<br>N<br> O<br>P<br>Q<br>R<br>S<br>T<br>U<br> V<br>W<br>X<br>Y<br>Z </div> ...

css width % in ie7

Hi I have a parent container which is 100%. It contains 2 floating divs which are width:50%. The children conintans only text. The problem is that the children on get as wide as the text, and not 50% of the width of the parent container. It is only ie7 that is a problem. Maybe also ie6, but I don't care about that browser. ball (width...

Hello. I would like to have the #textblock div to have at the same hight as #brevillestandard div. Thank you.

CSS: #textblock { width: 260px; border: 1px solid #999999; padding: 0 5px; float: right; font-size: 95%; background-color: #FEF4CC; } #brevillestandard { padding: 8px 0 0 5px; height: 80px; Width: 61%; border: 1px solid #999999; float: left; margin: 5px 5px 5px 0; } ...

CSS: how to have different sizes for each font

I have a website the uses "arial narrow". To avoid compatibility problems I made a @font-face version of that font using "Font Squirrel" font-face generator (http://www.fontsquirrel.com), but when I'm on a system that doesn't have the native "Arial Narrow" and then it loads online via @font-face, the font is greater than the native "Aria...

mouseover and resize image of different orientation to div container

When using mouseover a thumbnail of orientation, the image width and height did not fit exactly into "imax", a Div element. I use the code in HTML Image: onmouseover='chgImg(this.src)' onmouseout='resImg()' and Javascript and CSS: function chgImg(asd) { oim = document.getElementById("im").src; return document.getElementById(...

Setting margin on an element according to browser height and another element's height using JQuery

I'm coding for a site with a title in a div that is tilted at 270 degrees and is fixed to the page bottom; this title changes for each page and I'd like the content to begin at the same vertical height as the title starts on page load. So say the browser is 900px high and the title is 500px I'd like the top-margin of the content div to b...

Use :not() pseudo selector in IE7/IE8

Hello, is there any way I can get the :not() pseudo selector to work in Internet Explorer 7/8? Is there any javascript that can do the same thing as the CSS3 :not()? ...

Jquery Image Slider with a slide down

Right now it seems to work fine except I keep running into 2 errors. When .desc slides down and it goes to the next image the old .desc from image goes on top of .desc of image two. Second error is if you hove over it and then take your mouse off of it and hover over it again the .desc goes crazy and goes up and down a few times. I cant ...

Organizing Div's, css box model

So I'm putting a few boxes in my footer and right off the bat when I use margins to move them around they are moving the whole footer around as well. Anyone know what I am doing wrong? The site: http://cowgirlsbaking.com/ ---php--- <?php wp_footer() ?> <div id="pinkpoint"> </div> <div id="footnav"> <div id="footernavlinks> </div> ...

What is the point of styling hyperlinks to be barely distinguishable from body text?

It seems like there is an increasingly popular trend to style hyperlinks in a color that's barely distinguishable from body text. I noticed this just the other day on an SFGate blog page. Also notice that link just a few words ago. Are my eyes getting worse, or is that hard to spot? I certainly understand styling hyperlinks to look bett...

"user-select: none" and strange behaviour in Firefox

I am trying to prevent text highlighting in Firefox for some, but not all elements on the page. Consider the following: <div style="-moz-user-select: none;"> I cannot be highlighted <div style="-moz-user-select: text;"> I should be highlightable, but am not. </div> </div> As I understand it, using the above css rules, th...

Is Google font api supported in all current and old browsers?

Is Google font api supported in all current and old browsers? and will it work if js is disabled.? IE6 IE7 IE8 Firefox 3.0+ Safari Chrome iPhone/iPad Blackberry ...

Smooth fonts with CSS

How can I get smooth fonts? I don't want the edges to look all fuzzy. Hacky solutions are not a problem :) ...

Python CGI-based frameworks for web development and templates?

What are my choices for frameworks for doing Python web development and having a nice language for writing templates for CSS/HTML? A key goal for me is not to have to run a server or install many extra dependencies -- I'd like something that works just by using CGI and hopefully does not force me to do any fancy reconfiguration of Apach...

Is there a way to keep dropdown's mouse over state stay on to test css styling in firefox?

Is there a way to keep dropdown's stay on to test css styling in firefox? for example : suppose if on this page http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html i want to keep dropdown on just to edit and styles in firebug. Edit: the given link is just an example ...

Allow User to Upload Images and Add Title/Short Description

Hi, Unsure how to do this but I want to create a DIV on my page that represents a section called Promotions. 1) Within this DIV, I want to create three rounded boxes by where the user can upload/change the images when they want, to display the top 3 promotional items How can I approach this? 2) Alongside/below these images, I want th...