css

CSS class not inheriting

Hello, I have a blog of code written such as this: <div class="box"> <div class="statusbox"> <div class="cleft">some stuff</div> <div class="cright">some more stuff</div> </div> </div> and this is the CSS code for it: .box{padding:10px; border: 1px black solid;width: inherit;} .statusbox{border-bottom: 2px #736f6e s...

CSS div content size question

Hello guys! I have a structure like this <div id="first"> <div id="second"> <div id="third"> <div id="fourth"> text </div> <div id="fourth"> text2 </div> </div> Some other stuff... </div> </div Here's the css for it at the moment: #first { width:960; } #second { position:rel...

In CSS, when I have lists within lists, I can't override the parent list style

If I have a <ul> list that has the rule "list-style-type: none" (and the rule "background-image: url(whatever.jpg)" for the <li> items), I can't seem to override those rules if I have a <ul> list as a child of one of the <li> items. I want to make the child list have the classic style "list-style-type: disc", but the browser seems to ign...

ExtJS - Fill and Auto Height

Hi! I'm using ExtJS (html/css) and I've got a question regarding Layout. Example: |--------| | | | | | | | | | | |--------| | | | | |--------| The combined height (they don't have any padding, margin etc.) is 100% of it's parent container. Preferably, it's two panels somehow stacked on...

Stuck trying css mega menu in Zend framework

I am following zendcast's Zend_Navigation – creating a menu, a sitemap and breadcrumbs screencast and I will like to replace the menus he has there with so called pure "Mega Menu". The screen cast uses an xml file like so Home / <pages> <report> <label>Repor...

How do I manage this invisible gap between content?

I have a fairly simple page with images that link to downloadable documents. I have one section that floats left and the other that floats right followed by an empty div to clear both before I add more content. The problem is that there is an unwanted 100px gap between the first set of forms and the General Forms section. Here is the p...

iPhone form elements in HTML

I'm planning on recreating some fo the iPhone form elements in HTML/CSS but I'm assuming this already exists. I tried googling it but didn't find anything. Anybody seem something like this already in existence? ...

Help with CSS Horizontal drop down menu.

Hey guys, need some guidance on how to get the sub menu to drop directly under the whole width of the navigation bar for each and every option. Basically i want the sub menu to appear in one static position regardless of which option I hover over. Here is the HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://...

jquery cycle image loading problem

hi i have a slideshow i created with jquery and jquery cyle its working fine but when i cick on refresh page all images shows on the page for while and then hide and slideshow works fine how can i fix that is this a css problem ? or its normal ...

Render CSS in Django- n00b question

I am trying to get the css sheet to load on my dev comp. It is in the media directory as "media/base.css" In my base/base.html template, I have: <link href="media/base.css" rel="stylesheet" type="text/css" /> I found http://docs.djangoproject.com/en/1.2/howto/static-files/ but that didn't fix it. Any ideas? ...

CSS: Top vs Margin-top

I don't know that I fully understand the difference between these two. Can someone explain why I would use one over the other and how they differ? Bonus points for examples...=D ...

android/webkit text-overflow: ellipsis not working

hello -- i am trying to get the following code to work on an androind 2.1 phone (HTC Sense UI): h1 { font-size: 14px; font-weight: bold; color: #FFF; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } however, the text-overflow property does not seem to work. has anybody else had this problem...

CSS: Div Positioning... help

take a look at this Code. i want the Left & Right Box (DIVs) to appear in one line.. how to do it ...

In IE6, after using AlphaImageLoader filter, links are not clickable anymore.

I am using AlphaImageLoader to display my transparent PNG in IE6. The HTML is, <div id="infoBox"> <a href="links.html">Links</a> </div> The CSS is, #infoBox { background:url('/images/bg.png') !important; background:; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg.png',siz...

Aligning items with jquery

I'm building a scheduling system for my work, and it's set up to be a two column page - one column for the nav bar, and the next column for the data. I'm using some jquery to have it automatically format the column widths depending on the size of the user's screen. For some reason the size of the columns in my header table are differen...

"Input Submit" Cross-browser compatibility

<input type="submit" value="Share" /> In Chrome/Safari: In FF: Can someone please tell me why they don't look the same? Even, when I set the font-size, font-family, padding and margin, the button in FF will always look bigger than the one in Chrome/Safari. D: ...

jQuery - remove style added with css()

Hi So I'm changing the css with jquery and I wish to remove the styling I'm adding based on the input value: if(color != '000000') $("body").css("background-color", color); else // remove style ? how can I do this? Note that the line above runs whenever a color is selected using a color picker (ie. when mouse moves over a color wheel...

In IE, how do I remove a filter?

I have a class .tab{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ffff', endColorstr='#e8f2f8');} and when one of the tabs is selected I want to remove the filter: .tab.selectedtab{/*what do I put here to remove the filter?*/} ...

Why font-family and font size not working in this css code?

Why font-family and font size not working of this css code? .content_box { float:left; margin-left:41px; width:265px; font:Arial, Helvetica, sans-serif; } .content_box h2 { color:#585858; font:bold 25px; margin-bottom:20px; } .content_box p { color:#4F4F4F; font:12px/1.8em; margin-top:18px; } .content_bo...

can not expand width of span within list item tag

I am trying to increase the width of the span tag within a list item tag. Example html; <li><span>10:00 am</span>Toy Soldiers</li> CSS for li/span li span { color:#000; margin-right:5px; background-color:#fff; padding:3px; text-align:center; width:90px; display:inline; } Live site of what I am having a problem with: ...