css

using xpath or css : How to get something which is selected on page

using xpath or css : How to get something which is selected on page using following html code. in following code, Element1 is selected on page and I wanted to find name of element that is selected on page. <div id="idc" class="tre"> <ul id="idCatT_srt_ul" class="abc"> <li class="treN treB treSelected" title="Element1 title"> ...

Change an input's HTML5 placeholder color with CSS

Chrome supports the placeholder attribute on input[type=text] elements (others probably do too). But the following CSS doesn't do diddly squat to the placeholder's value: <style> input[placeholder], [placeholder], *[placeholder] { color:red !important; } </style> <input type="text" placeholder="Value" /> "Value" w...

How to fix width of DIV that contains floated elements?

I have a DIV container with several inner DIVs layed out by floating them all left. The inner DIVs may change width on certain events, and the containing DIV adjusts accordingly. I use float:left in the container to keep it shrunk to the width of the inner divs. I use float:left in the inner divs so the layout is clean even when their co...

Give style attributes to sub-elements inside a <style> tag?

My <style> for thumbnails currently looks like this: <style type="text/css"> img.TN { width: 100%; margin-bottom: 5.294%; cursor: pointer; } </style> This is annoying, because I have to apply this style to every single thumbnail image individually, when there could be any number of them on the screen at a...

Drupal: Multiple Stylesheets

I'm currently creating a custom Drupal theme for my company and I'm having trouble getting multiple stylesheets to load. I followed the instructions on this page by adding stylesheets to the .info file in the format: stylesheets[all][] = style.css stylesheets[all][] = name2.css etc... However, when I load the page nothing changes a...

CSS Equivalent of Table Rowspan with Fluid Height

I'm trying to accomplish the following using CSS: <table border="1" width="300px"> <tr> <td rowspan="2">This row should equal the height (no fixed-height allowed) of the 2 rows sitting to the right.</td> <td>Here is some sample text. And some additional sample text.</td> </tr> <tr> <td>Here is some sample text. And some ad...

Dropdown in PHP

Hi, I am using PHP 5.2 on SUN OS server. Having problems with the following piece of code that for a drop down: echo '<form action="" method="get">'; echo '<p>Information:<br />'; echo '<select name="acctno" style="width: 100px;">'; foreach ($this->account_names as $acctno => $acctname) { echo '<option value="'.$acctno.'">'.$acctnam...

finding highlighted(preselcted) text using xpath or css

In following 2 snippets of html code, I'm trying to create xpath or css for finding if span(Element1 in snippet 1 and Element 2 in snippet 2) are highlighted(preselected) when page is loaded Snippet 1: <div id="idc" class="tre"> <ul id="idCatT_srt_ul" class="abc"> <li class="treN treB treSelected" title="Element1 title"> <...

Horizontal(tabbed) menu with ability to wrap overflowed items into collapsible dropdown

It's about html/css/javascript menu ;) I am looking for unified solution to hide extra tabs of horizontal/tabbed menu when it overflows it's container. The initial idea plagiarized from firefox tabs workflow, i.e. when you have too much tabs it will wrap extra ones into collapsible dropdown button "List all tabs". I am thinking to pl...

Style Switcher & Text Resizer Combined?

Hi there, I've came across various style switchers that allow you to change the stylesheet (i.e. Light, Dark, High Contrast), and carious text-resizers that allow you to resize the test (usually with Three A's, small, medium and large). However, I can't seem to find a single switcher/resizer that works well together by allowing permuta...

How to fill an HTML form with CSS ?

Hello, I have an HTML form with radio buttons, check boxes, text fields and drop down lists. Since I want user to fill everything in my form, none of the radio buttons and check boxes are checked and the text fields are empty. I would like to write a CSS file that will fill the form with answers (I don't want to change my HTML file). I...

Links styling in CSS

Hello, Why the following styling of the link does not work ? <html> <head> <style type="text/css"> a:link {color:#123456;} /* unvisited link */ </style> </head> <body> <a href="http://www.google.com"&gt;Visit Google</a> </body> </html> Thanks ! ...

IE image map remains clickable behind another div

I have an Image Map of the United States. When you click on a state, the map fades out and a map of that state appears with an image map of the area codes in the state. In Firefox, Safari, and Chrome, the state map becomes clickable and the United States map becomes unclickable until you close the sate popover. However in Internet Explor...

What CSS compiler do you use (SASS, Less, HSS, etc)?

I've been looking to make my web development a little more DRY. SASS+HAML seem to have a degree of popularity within the Ruby/Rails community, but, do those outside of that community generally use these as well? Do they opt for other solutions, or do they stick with plain HTML+CSS, and if so, what is the reason? ...

Embedding fonts in css file

HI everyone i am new to this css i am developing a website for that site i am using kannada fonts but i wnat to embed the fonts in css how to embed that can any one please give sugessions and solutions .. thanks in advance ...

What's so bad about in-line CSS?

When I see website starter code and examples, the CSS is always in a separate file, named something like "main.css", "default.css", or "Site.css". However, when I'm coding up a page, I'm often tempted to throw the CSS in-line with a DOM element, such as by setting "float: right" on an image. I get the feeling that this is "bad coding", s...

PNG with older browsers not looking good, iepngfix needed?

Hi, I have made some screenshots of my website, and in internet explorer 6 my website looks crappy (see screenshot) I have heard something about a PNG fix, is a PNG fix the way to solve the crappy look? and can someone explain me how to implement this? ...

Sprite Fallback

I have a number of images on a page contained within a single sprite image, these images must be contained within the single sprite due to other requirements of the site. Whilst this is working fine in most browsers I have an issue on Opera Mini where it is not rendering the sprite at all and just displaying the whole image. Is there a...

Styling ordered lists with CSS

Hi, I have an ordered list in HTML. I would like to add styling only to the numbers (1,2,3,...), and not to the list items themselves. Is there a way to refer to these numbers ? Thanks ! ...

JQuery IE7 Z-Index Bug

I built a Jquery dropdown menu using this tutorial: http://noupe.indexsite.org/tutorial/drop-down-menu-jquery-css.html It works across browsers except for IE7 (shooooocking). There seems to be a z-index sorting problem and the drop down menu shows up under all of my other JQuery elements. Im not sure how to set the z-index so that it s...