css

Divs, float and align, need some help.

Hi all, I have this nightmare of code, <div style="height:46px;"> <div style="text-align:left;float:left;"> <img alt="Document Logo" src="Images/img1.gif"></img> </div> <div style="text-align:left;float:left;margin-top:5px;margin-left:13px;"> <font size="4"> <b>title (needs to be align to the left,next ...

Vertical align middle for drop-down list

I am styling a asp:DropDownList element with custom CSS. I have set the height and am trying to get the text to appear in the middle of the element, rather than at the bottom. Vertical-align:middle does not seem to work, and if I add padding-bottom to push it up from the bottom, in IE there is an ugly gap between the arrow on the right ...

CSS: Floating div to right causes container div to stretch full width of screen in IE

Hi all, I saw a similar question here, and did not see an answer. I'm having an issue where an element is floated right, inside a parent div, and it's causing the div to stretch the entire width of the page in IE7. This does not happen in any other browsers (Firefox and Chrome). I've also posted pictures after the question, for referenc...

CSS :hover in Sharepoint works in Chrome but not IE8( or 7 compat)

I have a DataFormWebPart rendering: <th class="MenuItem"> <xsl:attribute name="onclick" >window.location="<xsl:value-of select="substring-before(@URL, ', ')" ></xsl:value-of>"</xsl:attribute> <xsl:value-of select="@Comments" disable-output-escaping="yes" /> </th> With CSS like: .MenuItem { background-color:aqua; ...

Is the fact that parent collapses when child/children are floating a bug, or is it intentionally?

is the fact parent collapses when children are floating a bug? If so why are newer browsers not fixing it Is it intentionally? for what good reason? I know at least 6 solutions to get around this issue, I am only asking if this is a bug or not. Thanks ...

Adding custom CSS into a new Moodle assignment

I'm working on a new Moodle Assignment plugin. How can I include a custom CSS to my plugin? I'm using Moodle 1.9.7. Thanks in advance. ...

How to show hidden message in IE6 also using jquery?

This site http://www.webstandards.org/ shows "Skip to content" or 3rd tab but this tab doesn't show in IE6, I already use jquery so i need jquery solution to show this tab in IE 6 also same like it works in IE 7 and firefox. I want to use same thing in my client site. ...

H2 comes before h1 in source, Is it ok?

IF i use <h2> for left sidebar heading and use <h1> for main center content area heading then actually in source and and if CSS is disabled , in both condition <h2> comes before <h1>. Is it ok? or i should not use <h2> for left sidebar headings? Update: 5 Feb Example image added Why I'm asking because i always read in many articles...

Text wrapping under IMG vertical-align:middle not working

I am getting unexpected results when using vertical-align on an image with accompanying text. If the text is wider than the container, it wraps UNDER the image like this, instead of simply wrapping to the next line: My HTML is simple: <ul> <li><img .../> some text </li> ... </ul> I have a height and overflow-y:scroll on the ...

Why isn't the chrome GWT css theme showing in my application

In my .gwt.xml file I have uncommented the following: <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> When I run my application I do not see any stylesheet applied. Using Firefox there are a large number of warnings associated with Chrome.css. These mostly say that it doesn't recognize 'zoom' and 'cursor' so it is dropping ...

Flicker of unstyled content in Firefox

Hi, I built this site a couple of years back and but am now in the process of moving it to a new server. However. I've noticed there is a split second of unstyled content show on page load when viewed in Firefox (3.5.7)? And on checking in IE8, a less frequent and slightly more raggged effect also happens but only prior to caching? T...

CSS: How does Width work as a percentage?

Hi all, I'm having what I think is a weird problem. I have one div, inside a parent div, and I'm giving the child div a width of 100%, but it's not growing to the size of the parent div. The parent div does not have a set width of any kind. So my question: does width in percentage only work when a parent element has a set width, or sho...

"'0.offsetWidth' is null or not an object" - Coda Slider - Javascript Error Question

I implemented the Coda Slider tutorial successfully that is located here: http://jqueryfordesigners.com/coda-slider-effect/ The slider works great but I am getting a javascript error that I am not sure how to fix. The error says: '0.offsetWidth' is null or not an object coda-slider.js, line 19 character 3 Not sure how to fix it. Any...

Inheritance in CSS? Possible to do this without copy and paste?

Hi, I'm trying to follow the nifty tutorial at http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery and well, it hit me that I'm trying to use jquery's CSS for theming.. So if I have a menu like <ul id="AVPNav"> <li><a href="#">Agfdts</a> <ul> <li><a href="~/Apfgsdfg.aspx?node=ad...

Why do some websites access specific versions of a CSS or JavaScript file using GET parameters?

I have seen quite a lot of websites doing this (even stackoverflow itself) within their generated HTML source, accessing a specific version of a CSS or JavaScript file with GET parameters. What's the point of it? Example: <link rel="stylesheet" href="http://sstatic.net/so/all.css?v=6230"&gt; <script type="text/javascript" src=...

How to suppress specific CSS 2.0 validation errors in Visual Studio 2008?

A typical CSS property that I use often is overflow-x and overflow-y. Sometimes I use CSS 2.1 or later properties or selectors. These (correctly) raise a validation error: Validation (CSS 2.0): 'overflow-y' is not a known CSS property name. For years I ignored this, but it kinda feels wrong. It's possible to switch off warning in C...

CSS link navigation browser compatability.

Hello I have a horizontal linked list (implemented to look like tabs) that I'm using for a site navigation. I checked my page today on my phone and it didn't display correctly on opera or in internet explore. I checked IE6 when I got home and it appears the same way. HTML <div id="navcontainer"><ul> <li><a href="">Home</a></li> <li...

jQuery UI - slider + progressbar effect

I'm looking to build a control that's a combination of the jquery ui progressbar and slider. What I really need is exactly like the range slider, except that the max shouldn't have a handle and shouldn't be movable by the user. I want to implement something like a buffered playback control, where the 'fill' is the max amount buffered and...

How to disable automatic links coloring without selecting a color?

Hi, this is really confusing, i don't want the browser to change the color of links, so the links color will stay same as specified in <font> . i know that i can specify a color with the property A:link , but that's not what i want. Thanks ...

Three Column OverFlow Layout

Hi, I'm looking for some help with my CSS layout. I can't seem to get it how i want. Here is an image of what i am looking for. Required Layout Image I can't get div2 to fill its' section with the overflow being visible to the bottom of the left column. Here is my code that i am using to show where i am at. Please some help would be gr...