css

How to add OUTLINE on input tags ?

In google chrome, when an input tag is selected then appear a yellow outline around it. In other browser ( firefox, explorer, ecc ) not !! How can I add outlines on input tags in other browser ( firefox, explorer ) like chrome ?? ...

Firefox, will not auto resize container height: 100%, bottom margin is lost!

I have a container and 4 div’s inside it. My container is stretched to fill the entire window. In IE, if you re-size the window all the content re-sizes correctly, with all 4 margins around the container visible. I’m trying to get the same behavior in FF, yet I can’t seem to find the right CSS recipe. Note, if you past the HTML and CSS ...

BODY tag as root level containing block

I was trying to absolutely position an element at the bottom of the page (not the viewport). The element is a direct child of the BODY. You can imagine the page to have lots of content so that there is a scrollbar. So something like this: <body> <img id="target" src="images/code.png" style="position:absolute;bottom:0;"/> This put t...

html table not filling 100% of encapsulating td cell

Hi, I have a table nested as such: <table> <tr> <td> <table>... </table> </td> </tr> </table> More precisely: some style info: div.centered{ text-align: center; height:100%; } div.centered table.centeredT { margin: 0 auto; text-align: left; max-width: 781px; overflow: hidden; height...

How can I style an HTML INPUT tag so it maintains CSS when focused on Android 2.2+?

I was delighted to discover that Android 2.2 supports the position:fixed CSS selector. I've built a simple proof-of concept, here: http://kentbrewster.com/android-scroller/scroller.html ... which works like a charm. When I attempt to add an INPUT tag to my header, however, I hit trouble. On focus, every device I've tried so far clone...

absolutely positioned element in a button problem

Hi peeps, have a wierd issue. for the life of me can't trace this back (its gonna be a noob prob I am sure - just can't see it!) I have a relatively positioned and a span within that is absolutely position right:0 top: 0 bottom: 0 and has a width of 20px.... fine in chrome/safari ie9 (not checked 7/8 yet) but firefox is setting right...

Develop a software like FireBug?

I have a project and this project includes a module about web page html and css properties. I have to get all the html tags and their relative css properties and values in a hierarchical way like FireBug. What i mean may be more understandable if i show a pic: How can i retrieve css properties of html selectors of a web page like the...

Operating sytem detection for CSS hacks (aka need a "PC only" CSS hack)

I don't like Microsoft's font rendering. I've created a site for a client and the last unticked box on my debugging list is the biggest. (it's not 'live' yet btw so please ignore any other bugs - http://baked-beans.tv/bb) I'm using font-family to import a non standard web font. It renders fine on Mac, but it looks like sick old man on ...

CSS box-shadow issues

I'm building this page: http://ss.rsportugal.org/ As you can see, there are two 10 pixel shadows in the page. One just bellow the menu and the other just above the footer bar. These shadows are made using box-shadow: 0 0 10 rgba(...); It works as expected in WebKit engine and for some reason that I am unable to figure out and I could u...

CSS assigning fonts to font weights

Is it possible to assign different fonts to different font-weights? For example, If I have 2 fonts, "helvetica roman" and "helvetica bold" and I want a font-weight of 500 to always display "helvetica roman" and a font-weight of 700 to always display "helvetica bold" I know this functionality is available through cufon, but would like ...

Good practice: Pagination links in html lists?

Do we put pagination links in html lists like for instance we do it with navigation links? ...

Dhtml Menu problems with navigate it.

Hi there I found a vertical menu but I'm having some problems with it, i can't navigate properly in the submenu because i miss the menu when i move down. Here I leave the website www.timetarget.com/newsite please any help or comments will be help me . Cheers ...

Getting images to position/layer properly with CSS.

Hey Stack Overflow community! Our Group is trying to create a slide-out option panel for products to be sold on our site. For some reason, CSS is acting up on us and it's a pain to get our images to layer properly. In the past, z-index did the trick, but now we have to test random stylings and workarounds just to get remotely what we'r...

css styling for table inside textarea

hi expert, i'm retrieving data from database and display it inside textarea in table format, i try to apply css styling for table inside textarea but no effect, does any one know or done this before, please advice, i'm using javascript editor to the display more like word so user can format the document, <style type="text/css"> table...

CSS: UL elements takes incorrect size when wrapping LI elements

I seem to have hit a wall with this layout issue: I've got a specifically positioned <div id="content"> with a <ul id="grid"> inside of it. Each <li> of the grid has an <a> with an <img> in it (thumbnails), linking to the larger image. This forms a decent image grid, flexible in size as the <li> elements wrap in smaller window sizes. Pr...

How to detect lack of position:fixed in a generic way?

On mobile devices such as the iPad, I would like to disable a feature that only works if position:fixed is supported. Is there a way to detect these devices without using the user agent string? The reason is that I would like to avoid searching for iPad, iPhone, iPod, Android, etc if possible. ...

CSS: adjusting checkbox size

Hi, Is there a way to adjust the dimension of an <input type="checkbox" /> I already tried it using style="width:30px; height:50" approach, but it didn't work Any idea? Is this even possible? Thanks. Regards, Erwin ...

trs inside a box

Is there a way to put 3 trs ina table inside a box kind of border?? ...

How to Display the Javascript Navigation menu On the top of the Flash in all Major Bowsers

My site has a jQuery drop-down navigation menu and that is displayed beneath the Flash. How can I display the navigation menu above the Flash object? I tried with setting wmode="transparent" but it is not work. Please provide some help to solve this problem ...

Image from usercontrol won't display on webform

I added this code in my ascx file http://jsfiddle.net/xkRcN/8/ ..When it was aspx file..the image(location is "Images" folder in my project now..was flickr earlier) would display alright..but when I made this page into a user control and added it in my webform, the image's vanished..I have tried changing the path many times but its not w...