css

The CSS selector for an element that its id is in the "foo:bar" form

When using the JSF Web application framework, ID of the elements inside a form can be automatically generated by the framework and when a component resides in a form that its ID is form1, the framework automatically generates an ID in the form of form1:foo for that element. While this can be turned off, I was wondering if it's possible t...

jquery search custom

Hello friends, See this site http://g1.globo.com/ has a custom search field that uses jquery for any of the bottom also if placed a value in less than 2 appears a custom alert. I am hours here trying to find a solution to copy me and I can not, I am totally a layman and not getting to. If a friend i know and can get me the code I am g...

CSS pseudo-class vs. pseudo-selector

This is a bit of a pedantic question, but perhaps worth asking. Is there, mechanically, a difference between a pseudo-class and a pseudo-selector in CSS? We use the term interchangeably around here, but it seems that there's a reason for the two terms. Is there any use to differentiating the two? Thanks, Joe ...

Opera Browser :hover weirdness

Hi all, I've been developing a site for the past couple of days and have everything working adequately in all major browsers but Opera. For some unknown reason the navigation won't revert to display:none; when I exit the dropdown navigation. If there's some trick that I'm unaware of please enlighten me. Problem URL: http://demo.ivann...

jQuery Detect CSS Property Change

Hi Guys, I am trying to use jQuery to establish whether a CSS property has changed inside a class. I dont want to use .HasClass() - I want to find a property within the CSS - namely display:block; I thought maybe this might work ? if (jQuery('css-class').css('display') == 'block') But not sure if it does. Does anyone have any sugg...

Why are some PHP email bodies containing the surrounding html code and other are not? And that is not PHPMailer

I have various emails being sent out via PHP mail. The problem is, for example when I receive the email, it is displayed in the body properly without any surrounding html. For some reason, other people that I am testing it out with are getting it with the html showing up. Here is an example of one of the emails being sent: $Em...

CSS IE hover issue with flyout menu

I'm trying to create a CSS only menu that will work in IE7+ and FF. Of course, the menu currently works in IE8 and FF. The problem is when you hover over Store Departments > Women's Clothes > Grocery and then just stop hovering (meaning, go directly from hovering over the Grocery to hovering over the document). Then hover over Store Dep...

Looking for a CSS template that allows me to replicate the look of the documention sites of Google's different APIs

I am making web pages to document how people will use some free mapping software my team is releasing soon. I am not a web page designer, and didnt want to spend too much time getting familiar with CSS, but i still want a clean and professional site. So after some web surfing research, I realized Google's documentation sites (MAPS API e...

Examples of -webkit-appearance settings

Does anyone know of a website or blog that demonstrates - with functioning examples - all the various -webkit-appearance CSS settings? The trial and error approach is getting old. Bonus points if there's further explanation of various of these -webkit styles ...

Html/css button

.classname { background-image:url(../../images/classname.png); background-color:transparent; background-repeat:no-repeat; text-align:center; border:none; height:50px; width:160px; font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#CCC; } <div class="classname">Text</div> Why the Text is above of image? What should I ad...

How do I make comments posted to my site formatted to be separate from one another?

I'm working on some code for my blog that displays comments. This is the code that outputs comments from the database: $i = 0; while ($i < $num) { $name = mysql_result($result,$num - $i,"name"); $dream = mysql_result($result,$num - $i,"dream"); echo "$name<br>$dream<br>"; $i++; } I'm currently using CSS to apply a style to the enti...

Firefox table css generate tbody killing table width

I am working on taking an IE only site and making it cross browser. Everything is looking food in IE, Chrome, and safari. However firefox isn't happy. I have a table class called "datatable" it is as the name suggests a datatable. I am trying to get it to stretch to 100% of width of the div it's contained in. The div above is 100%. Whe...

Remove unused CSS selectors

I have a html page and a huge CSS file that has about 900 style entries. I tried to clean it with Dust-Me and it found about 700 unused selectors. So, I think I can just go crazy removing these selectors from the list manually. Is there a way to remove them automatically? ...

PHP PCRE replace markup style

Hi, I need a PCRE expresssion (regex) to match and replace a certain attribute and value related to a markup element, something like this : <div style="width:200px;"></div> into <div style="width:100px;"></div> What I have now, parsed by simplehtmldom is the style content in plain text, like this : width:200px; How can I match ...

Remove Style if CSS3 Support

Is it possible to remove a style in the case that browser specific CSS 3 items (drop shadows, rounded corners, etc.)? For example: .fancy { /* only display if no drop shadow support */ border: thin solid #888; box-shadow: 0px 1px 4px #888; -webkit-box-shadow: 0px 1px 4px #888; -moz-box-shadow: 0px 1px 4px #888; } ...

css hover on image

I have this simple problem. I'll try to explain with a sample code An image in a td <td style="text-align:right;"><a class="ratingstar" href="javascript:rate('1','27')" title="1"><img src="assets/images/star.png" alt="*" /></a></td> Css for this image .ratingstar:hover img, .ratingstar:focus img { margin-bottom: 3px; } So when ...

Need help creating dynamic Javascript Arrays

Part One: I'm trying to figure out how to use the DOM and Javascript to create an array containing the links in multiple lists. The problem is I need each UL to have a unique array containing the links; the only unique ID I am able to use in this case is the name value in the link tags. I will not be able to add anything else to the mark...

Firefox (3.6.3 Mac) fails to float left the last of a set of left-floated list items

I have a set of <li> elements in an unordered list. The items are all floated left, with a bit of space between them. Problem is, the last list item is wrapped (isn't at the end of the list, but leftmost on a new line). I have no idea why. The rendering is fine with Mac Safari and with IE 7. The CSS for the li items floats them left: l...

How do I write combined selectors in CssResource?

Suppose I have a css style like this: .foo a, .foo a:visited .foo a:hover { /* some styles here */ } .bar table tr td{ /* other style here */ } How do I identify them them in CSS resource? Specifically, what style name should I refer to in my own CssResource interface? ...

How do I make an HTML link that doesn't highlight?

How would I do so? What I mean by that, is having a link without it highlighting purple/blue when you click it/don't click it. Thanks! ...