css

Multilanguage UTF-8 website with Arabic

I will be coding a website that will have Arabic as a supported language. With UTF8 unicode I believe I can cover Arabic alphabet. I've also read that it reads right to left so I guess I should align right when displaying on Arabic. I'm asking the community for experience and possible pitfalls. utf-8 unicode css selector to swith text...

Z-Index div hover overlay issues with [windows] Webkit (Safari, Opera, etc)

Edit: This ONLY occurs on Windows Webkit, does not occur on Macs I am trying to set up a grid with fixed sized cells with a background image. When you hover, the background image and height of cell is changed/increased and overlays the row below it. I tried a few ways to create this idea and came down to that a table with z-index ...

Horizontal scrolling div with images won't display inline

I'm trying to create a div with a fixed size that contains images only. I'd like them to be the height of the div, display inline, and scroll through them horizontally. I'm having trouble making this work. I'd to do this as simply as possible. What am I missing? ...

Loading/Transforming XML with XSLT and CSS

Hi! Total newbie. Thanks in advance. Here goes: I'm trying to transform an XML document using an XSL stylesheet, and the XSL stylesheet links to a CSS file. When I open the XML file from my computer in a browser (Chrome), the data is displayed properly following the XSL and CSS files. I also have javascript math functions inside the X...

How to style content of pages without adding css class to element?

I use CMS for client and client doesn't know CSS he use WYSIWYG editor to put content in pages. Client adds Paragraphs, images, images in paragraph (left or right floated), ordered and unordered list, Tables. Problems comes when he want to add images in paragraph (left or right floated). and without adding css class it's not possible. An...

How to style form elements unobtrusively with JavaScript and CSS?

How to style from elements unobtrusively in all browsers including IE6 ...

Float on the bottom of the page without xhtml...

Hi, I'm developing on Moss 2007. I want to create a button the will float on the bottom of the screen. (If I'll scroll down the button will float down. and if I'll scroll up the button will float up.) I can do it easly with xhtml, but the problem is that I can't change the SharePoint meta tags: Best Regards, Alex...

remove selected style on a DIV

I am doing iPhone development and I set a webview with a DIV. I added 'toucstart' 'touchend' 'touchmove' events to this DIV. But after I added these events, the DIV has a style (look at this video : http://www.bluefly.cn/mask1.swf ) when 'touchstart' (like 'mousedown'), any one knows how to remove this visual effect? ...

Nested boxes problem

I'm trying to make nested boxes in CSS and place a picture (or a flash movie) inside the whole thing. The problem is that atleast Explorer adds a 750 x 4 sized empty space under the picture. Is there a way to get rid of that empty space? A picture of the problem may clear things up a bit: take a look How should I change the following co...

Fixed widths inside fluid layout

I need CSS definitions for the following layout: <div id="middle-wrapper"> <div id="column1-wrapper"> This has to be 100% - 250px wide </div> <div id="column2-wrapper"> This has to be 250px wide </div> <!-- no other markup in middle-wrapper except maybe a clearing div --> </div> middle-wrapper needs to be 100% wide ...

Form is not styled at all in Internet Explorer - CSS doesn't show up

Hey guys, I'm at a major loss and really could use any sort of help! I am writing a simple form on what will be a contact page (http://the4amburrito.com/contact.html) The form is styled and looks fine in Safari and Firefox, but then in Internet Explorer 6, 7, and 8... nothing!The strange thing is that the header is still styled in I...

How to make accessible popup using jquery unobtrusively?

How to make Accessible popup using jquery with custom size and poition in perfect center on screen on any resolution? if JavaScript would be disabled then link should be open like normal link in new window/tab. I need unobtrusive method to add class to link also in script not in xhtml. ...

JQuery UI: Part of a negative margins image disappears if I animate it.

Hi, I'm doing an animate with JQuery UI. I've go an icon which I want to stick out over the edge of the div, so I'm using negative margins. The animation resizes the div and changes the background color. However, when I animate the div the areas of the image outside the div (in the neg margins) disapear for the duration of the animat...

Determine whether element has fixed or percentage width using JavaScript

Using Mootools Element.Dimensions I can get the computed size, in pixels, of any element. However, I can find no way of telling whether an element has been sized using pixel or percentage values (other than in the special case of its having an inline style). Is there a sensible way of doing this? The only solution I can think of (which ...

How can we overlap two images using css style?

I have a list of images in an html table and need to overlap a small icon on each image. How can we do this using z index and positioning? ...

Fixed header in Jqtouch

What should i change in the basic theme of jqtouch to have a fixed header (+ footer maybe...)? I have tried with position:fixed.. but nothing worked... ...

How to stop jQuery affecting all elements, when I only want one element to change

OK, I have a list of <li>s with some content in like so: <div> <ul> <li><h4>...</h4><div>...</div></li> <li><h4>...</h4><div>...</div></li> <li><h4>...</h4><div>...</div></li> <li><h4>...</h4><div>...</div></li> <li><h4>...</h4><div>...</div></li> <li><h4>...</h4><div>...</div></li> ...

How to make a Elastic Vertical Layout?

I have a page that has 2 areas: header and content. The header should be [of course] fixed at the top, and has no fixed height, and the content below it. The point is that I need my content area to be scrolled if it overflows... Like: the header should be always there, but the content can be scrolled down, i.e. your browser window, with...

alternative to file(1) for javascript/css mimetype

On win32 I'm using $ file -v file-5.03 magic file from C:\PROGRA~1\gnuwin32/share/misc/magic but its giving weird results foo.css; text/x-c; charset=utf-8 json2.js; text/x-c; charset=us-ascii foo.js; text/x-c++; charset=utf-8 bar.js; text/plain; charset=utf-8 Anyone get similar results? better results? Does anyone know of an altern...

CSS: two colums (fixed/fluid) - same height

What's the best way to do this simple thing? left column, fixed width, background say yellow main column, rest of the screen main column will contain text of indefinite length, and I want the left column to be as high as the main no matter what the contents are. No header, no footer, just the screen split in two but the left must fil...