css

design a webpage

Here I have used some .css style for my asp.net webpage. It is displaying nice in firefox and chrome and not in Internet Explorer. css code: body { margin: 0; padding: 0; } #main { width:auto; } #left { margin:0; padding: 0; float:left; } #right { margin:0; padding: 0; } #video { margin:0; padding: ...

Setting a browser's media type

This sounds like a stupid question (to me), but I've searched and I can't find anywhere that seems to talk about it. Where is the media type for an agent set - is it hard-coded by the browser (or whatever) or is this configurable (specifically, IE)? I ask because I am writing a web app that will be mostly used by normal PCs, but there ...

How do I use a different image for each JQuery UI Slider handle

I'm using a JQuery UI slider which has two handles (a.k.a range slider). I know how to style the first handle: .ui-slider-horizontal .ui-slider-handle {background: white url(http://stackoverflow.com/content/img/so/vote-arrow-down.png) no-repeat scroll 50% 50%;} But how do I style the second handle differently? Using Firebug I can see...

Big clickable areas on a web page

Excuse me while I detach from reality.. I have a summary div which contains a small heading, a little bit of text, maybe an image. I'd like the whole summary div to be a link, something like this: <div class="summary"> <a href="#"> <h4>Small Heading</h4> <p>Small amount of text</p> </a> </div> I'd then style the href to lo...

CSS centering issue in IE7

I cannot understand why my personal website tonyamoyal.com does not center on the blog page in IE7. The centering looks fine on all other pages but for some reason on the blog page it shifts left. The layout looks to be the same so maybe it is an overflow issue, but I can't figure it out. Any ideas? Thanks! ...

ASP.net GridView Margins

How can I set the margin-left property of the HTML table generated from an ASP.net GridView? ...

Need a little bit of help with text alignment in wordpress

Hey I am having a bit of a delmma. I can't figure out for the life of me how I would set the position of the text to be a certain width without moving the image too any ideas? http://s72956.gridserver.com/dev/ ...

Elements positioned relatively don't move when the DOM is updated (IE6 and IE7)

I have a form with a few fieldsets. One fieldset has a table of time preferences set by the user. The user can add and delete time preferences. When they add a row, a table row is dynamically inserted into the DOM using a jQuery append(). The issue is that in IE6 and IE7 any relatively positioned elements on the page do not "bump" do...

IE7 and fixed divs problem

Background I need to do a rather complex layout for a client, using fixed DIV. Everything is fine in IE8, FF3 and Chrome, but IE7 mangles all the thing Edit: The fixed DIVs are a must, only the content DIV must scroll (That is the spec, sorry) HTML and CSS code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3...

New Background Image on each page reload

How can I display a new background image on each page refresh on a website (using Wordpress if this helps anything)? I would also like to take into account different screen resolutions, and proper handling for this. Any help would be greatly appreciated. ...

CSS only smoothe scrolling movement

Hello All, Does anyone know how the guys at http://www.adtech.com/Home/ were able to achieve the smooth scrolling affect at the bottom part of their homepage? It seems this is done using CSS only (no FLASH, no JS). Note - this is for learning purposes only (not trying to copy anything here). It's just that I've never seen such a "smoo...

How can we use CSS for developing native iPhone app?

Hi All, I am not developing any web app. I am trying to use CSS in developing iPhone native app. I am confused about where to include it and use it . Whether to use it in the viewDidLoad or applicationDidFinishLaunching . I am really getting tired of using the same UI look. Can any body help me? Thank You All. ...

is this valid CSS?

Hello Im trying to create a class called "deadlink" which is for any link within the GP_Content DIV, would this be valid? /* unvisited link */ div.GP_content .deadlink a:link { color:#666666; border-bottom:1px dotted #000000; } ...

Absolute positioned child div expands to fit the parent?

Is there anyway for an absolute positioned child to expand to fill its relative positioned parent? (The height of parent is not fixed) Here is what i did and it is working fine with Firefox and IE7 but not IE6. :( <div id="parent"> <div id="child1"></div> </div> #parent { position: relative; width: 200px; height:100%; background:re...

CSS - Easy Way to Change Style of Cents in Money Text

I have a label (literal, whatever), that is being filled with currency ($5000.00). Is there an easy way to style the cents, like make the font-size smaller. I know I can split the two up, but I am using MVP, and am looking for an easy way than passing all these new properties to the control (4+ of these labels are present). Open to an...

How to implement reuseable HTML Navigation menus?

I'm sure this topic comes up all the time, but I can't seem to fine a concise answer. I've got a vertical menu bar that I want to reuse in our web pages (>20) for the site. The Menu bar is coded in html (UL, LI, A), uses Div tags and CSS to achieve the desired effects. We want to find the simplest approach to reusing the menu bar in all...

Annoying Trend - Stylesheets on Alternate Domain - Firefox Problems

Is it just me or does a site like: http://www.infoq.com/news/2009/04/fubu-mvc often load without a style, because the author put the stylesheet over on: http://cdn1.infoq.com/styles/style.css I know this is all trendy way to do css, image and javascript files now. But I seem to bump into this issue all the time. Is it only a Firefox is...

Aligning HTML headings with hanging section numbers?

I'm currently reimplementing corporate style for our documentation (HTML + CSS + PrinceXML = PDF) and can't quite fix one thing. What I need are handing section numbers, i.e. headers themselves are left-aligned vertically with the text but section numbers are "hanging" in the left column. Probably the best example to illustrate this is ...

How can I erase all inline styles with javascript and leave only the styles specified in the css style sheet?

If I have the following in my html: <div style="height:300px; width:300px; background-color:#ffffff;"></div> And this in my css style sheet: div { width:100px; height:100px; background-color:#000000; } Is there any way, with javascript/jquery, to remove all of the inline styles and leave only the styles specified by the...

What is the best way to style a list of checkboxes

What I'd like to achieve is a layout like this some label [ ] checkbox 1 [ ] checkbox 2 [ ] checkbox 3 [ ] checkbox 4 [ ] represents a checkbox What markup and CSS would be best to use for this? I know this would be easy to do with a table I'm wondering if this is possible with divs ...