css

New line (in the code) after <li> element breaking layout

Weirdly, I've never come across this issue before, but I've just started making a site and the top navigation isn't playing nicely. I want a small amount of white space between each menu item, but when I have new lines between my <li> elements and my <a> elements in my IDE (Netbeans), the white space disappears, yet it looks fine if I h...

css anchor div to foot of page

I may bounce my head off the wall shortly, I can't believe that something as stupid as this has utterly defeated me ... therefore I turn to you, Stack Overflow ... for guidance and enlightenment. Problem: Sit div at foot of page, 100% width, outside of any sort of wrapper. Proposed Solution: http://ryanfait.com/sticky-footer/ Implem...

Multiple CSS Classes: Properties Overlapping based on the order defined.

Is there a rule in CSS that determines the cascading order when multiple classes are defined on an element? (class="one two" vs class="two one") Right now, there seems to be no such effect. Example: both divs are orange in color on Firefox <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt...

Drupal Module Themes - Default CSS?

There's tons of documentation out there on how to override the appearance of Drupal modules, but I keep finding the docs for writing the original theme to be a little lacking. On this note, how can I tell Drupal to use a specific CSS file for my custom module's block output? ...

My jCarousel is randomly only scrolling halfway through one of the list items

My jCarousel (on the left) randomly scrolls to the next one, but only halfway, leaving all the others out of sync. Does anyone know how to fix this? It just started happening randomly (though I do get my list items dynamically). I've tried margins, paddings, heights, etc. Update It seems to happen whenever I add new items to the caro...

CSS gurus, can I make my absolutely positioned child element force the main parent's height?

This is kind of hard to explain. I have an absolutely positioned floating secondary content box. It works great in all occurrences. Except, when you submit a form and don't fill out the fields (see here, and push send). The box expands to show the errors, and underneath the footer there is a blank space. The best example I can give is...

How can I embed a youtube video using variable widths/heights for a dynamic width web page?

I want to set a youtube video to 100% width so that it scales appropriately in a dynamic width column on a web page I am designing. The problem is that the height doesn't behave like the height of an image. Instead of scaling proportionately, it either collapses (if set to "auto" or left blank) or it scales seemingly random if set to a...

Css simple style dont work on IE but yes in any other browser

Hello guys, i have a simple css file called Titulos.css who contain this: h1 { font: 50px Tahoma, Helvetica, Arial, Sans-Serif; text-align: center; color: #111; text-shadow: 0px 2px 3px #555; } h2 { font: 14px Tahoma, Helvetica, Arial, Sans-Serif; text-align: center; color: #CCC; text-shadow: 0px 1px 2px #555; } h3 { font...

CSS precedence order? My lecture slides are correct or not?

Hi all: I've noticed that there are a couple of similar questions and answers at SO already, but let me clarify my specific question here first: I've got lecture slides which states like this: To be frank, I haven't heard of this rule of css precedence myself, and I googled to find something with similar topic but not quite like tha...

How to use em perfectly without getting nested issue?

How to use em perfectly without getting nested issue? How to get perfect needed size for every needed element? If i use #Wrapper (font-size:62.5%) because it's easy to calculate font sizes. How to deal with nested issues of font-size and line-height? ...

How should i center my page?

I have two parts to my site. The main body and the sidebar. The body is 6in and sidebar will probably be 200px. How do i center my page? So there is equal space on the left and right side? It should center no matter the resolution. Using XHTML 1.0 Strict. Should work on all major browsers or at least Firefox and chrome. ...

Arrange dynamic content horizontally

Hello, I have a page where dynamic content arranges vertically one below the other. Content is small boxes & I want to arrange them horizontally next to each other. How can I achieve this ? Thanks. ...

CSS JQuery Tools Slider Z-Index Layering Issue

I have a complex layering situation for the website: http://andstones.ca/contact/ where I use a large background image for the content to scroll in and out of... Only problem is the transparent image covers up the content and makes links unclickable? Any idea for a fix that keeps the slider looking the way it does now? Thanks, Kor...

What is the order of loading the CSS files in a HTML page ?

I want to know the order of loading the CSS files in a HTML page. My actual requirement is like this: I have more than 10 CSS files in my application. I am importing some 3 to 4 CSS files in each HTML page. The problem is I have duplicate classes that defined in some CSS files. That means I override some of the CSS classes in the CSS f...

How to show ellipses to the overflew text for HTML elements in Firefox ?

I need to show the ellipses(...) if the text overflows in DIVs and SPANs. I have a CSS attribute called text-overflow:ellipses. But this works only in IE. I want to display the same in other browsers like Firefox/Chrome etc.. ...

:first-child fails when an element of a different class is dynamically inserted above

So, I've encountered a situation where inserting an element of a different class/id breaks all css-rules on that :first-child. <div id="nav"> <div class="nSub">abcdef</div> <div class="nSub">abcdef</div> <div class="nSub">abcdef</div> <div class="nSub">abcdef</div> <div class="nSub">abcdef</div> </div> .nSub:first-...

How to change the scroll bar color in Firefox(Specific) ?

I need to change the scroll bar color in Firefox. Using CSS I am able to change scroll bar color in IE. It works fine. But I cannot see the change in Firefox. I dont want any custom scroll bars. I want to apply the color to the default scroll bar only. ...

PHP DOmDocument , XML and CSS - can't get it to work

Hi there, I am generating an XML stream with a DomDocument. I need the pure XML stream, so I don't want to change the sourcecode with an xsl Transformation. Nevertheless I want people to be able to 'read' the XML in their browser without right click->View Source. So what I do is I create a DomDocument and add a processing instruction: ...

Background-position in css

Can we use more than 2 images for single navigation. That means when we hover on that image it will shows 6 different images. Is it possible to make for a single navigation image? If possible means how? I think you are all understand this ...

How to fix CSS layout issue in IE6 using Grid 960 and custom styles

I am having difficulty getting IE6 to 'play nice' with the layout I'm trying to create (perhaps it's too specific and I'll have to try another approach.) The page in question can be found at http://myersprojects.com/uk/en/index.html I am using the 960.gs grid system, and have a number of custom styles defined (including a conditionally...