css

Using regular expressions in CSS to hide text, is it possible?

Is it possible to use regular exprssions in css to selectively hide text? I have some text Product Pack: pack of 50 +£20.00 that I would like to display as with the monetry amount removed Product Pack: pack of 50 Can I add to CSS a regular expression that twould do that? ...

Adsense Javascript aligning site on to the right while loading

Basically the page is coded centered, but what happens is that on load it goes to the right, completely loads the page with all the images, all the ads, and then when it's finally done, it'll move back to the center. Here is the CSS: note I'm a total noob, so most of it is cobbled together from other websites. The only javascript on the...

wrap images in a div

I'm using the following CSS to display images side by side: #gallery { background-color: #444; padding: 10px; width: 520px; } #gallery ul { list-style: none; } #gallery ul li { display: inline; } #gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; } #gallery ul a:hover img { border: 5px solid #fff; border-wid...

CSS with if/then browser logic

For browsers < IE7, I want to use a certain style attribute, while for other browsers I'd like to use another. Can I do this using a single css file, or do I have to do if then logic to include an ie hack css file? ...

Is there a de-facto relation between the font size ranges {1, 2, 3, 4, 5, 6, 7} and {xx-small, x-small, small, medium, large, x-large, xx-large}?

In HTML/CSS font size can be specified in the following fashion (deprecated but all browsers support it): <font size="n">text</font> with n an element of {1, 2, 3, 4, 5, 6, 7}. Another possibility is the following: <span style="font-size: s;">text</span> with s an element of {xx-small, x-small, small, medium, large, x-large, xx-la...

Image overlay circle over circle

First let me tell you what I want to achieve. I want a layout as below(Replace the squares with circles): |------------| | |-------| | | | button| | | |-------| | |------------| It is a button inside a circle image. The button should also be circular in shape. How do I go about doing it? As in, is there a way to overlay one circula...

Are there CSS class naming standards for web applications?

There is quite a bit of information on the intertubes going over some fundamental css naming conventions. However, most of these conventions are from designer's point of view. I'm going after conventions from a web application developer's point of view. As a web application grows, and UJS (unobtrusive javascript) is used throughout th...

Site loads on the right, then shifts to its actual position

There is a link at the bottom. Pretty much what happens, is when the page gets opened, it loads entirely on the right side of the screen. Then when it finishes loading every single element, it moves to the center which is it's actual position. I believe the problem is caused by javascript, since the site works perfectly fine without it...

Z-index over an img?

Consider this page @ http://www.bloodbone.ws/screwed.html I need to be able to have the a.grow element expand to the dimensions of the div.column-header so that if you target anywhere in the div the whole area is clickable. It works in Firefox + Safari, but I can't get it to work in any IE browser. The h2 and img elements always break...

What html/CSS/JS technology widgets does pagii.com use?

I am interested in creating a web page editor like the one used in pagii.com? It's unique among the web based editors I have seen in that it offers a great deal of customization. For example you can insert an image and drag it anywhere on the screen and resize it on the fly. The elements can be placed anywhere on the screen and layered i...

HTML: Title in the middle of the box

I would like to have the text My homepage in the middle of the box I made. I saw an example on a web site but this does not work properly, as the text is on the left. How can I fix the code? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/1998/REC-html40-19980424/strict.dtd"&gt; <html> <head> <meta http-equiv="Con...

How can I stop my sliding div from overlapping my header?

I have a site that I need to keep a menu present on the screen. My ideal solution is to have the menu slide down the page via jquery when the browser reaches the menu. I have found the exact problem and solution on this site at http://stackoverflow.com/questions/225843/how-can-i-have-a-sliding-menu-div-that-doesnt-move-unless-the-page-...

GWT inter project communication

Hi, We have a large GWT project and many smaller GWT sub-projects basically the large controller project invokes the smaller projects via many means such as some are incorporated into iframes that are shown in page, some are shown by clicking a URL and opening the project into a new window. The requirement is to change the Css on the fl...

Partial Background images repeat in IE??

In my site, there are divs with repeated bg images. It renders smoothly in FF. But gets jagged in IE while scrolling the page. This is the image shot of the site: As you can see the image is self descriptive, the bg is not repeated smoothly. Now, when I scroll the page, the bg image is not shown at all. This is the shot of the site aft...

Using jQuery, how to find out if CSS selector "input[type=text]" is natively supported by browser?

In my CSS I have a rule that must be applied to all text fields (using the CSS3 selector input[type=text]. I also use jQuery. Some browsers like Internet Explorer 6 does not support that form for CSS selector. So my workaround is to add an extra classname in CSS: input[type=text], .workaround_classname{ /* css styling goes here */ } ...

loopedSlider jQuery plugin problem

Hi i use loopedSlider link text and there is html source. <div id="loopedSlider"> <div class="container"> <div class="slides"> <div><img src="01.jpg" alt="" /></div> <div><img src="02.jpg" alt="" /></div> <div><img src="03.jpg" alt="" /></div> <div><img src="04.jpg" alt="" /></div> </div></div><a href="#" class="previous">previo...

Weird padding change for custom-height input[type=button] in IE6/FF3

I stumbled upon the weirdest behavior in IE6/FF3 when setting custom height (even if it's the same as default) on a button. The following code should demonstrate that while the two buttons are of same height, their padding is different for some implicit reason and cannot be controlled in any fathomable way: <!DOCTYPE html PUBLIC "...

pixie rollovers not working in Safari

I've got a lot of issues with this site but seem to be making progress. The left side navigation uses the Dreamweaver spry assets and that's been a pain. But, the big issue now is that the cool pixie rollovers I did on the right side are not showing up at all in Safari. I had read that if it looks good in Firefox it would look good in...

Change input value on Wordpress' get_search_form()

Trying to use the new get_search_form() function on WordPress, I noticed I can't remove the textual label from the search submit button. Any ideas? ...

Force browser to re-read cached images

Hello. Somewhere in CSS: .button { background: url(../Images/button.png); } Problem: for performance reason all static content has expiration headers and is cached by browser. When image changes user must refresh cache (Ctrl+F5 in IE). I want images to be cached, but when necessary they must be automatically reloaded. Question: ...