css

alter divs css with javascript

Hello everybody, Can I change style of some div link. Here is what I mean <div id="somediv"><a href="#">something</a>/div> Lets say I have css like this : #somediv a{ color:#000; } Now for instance upon some action such as mouse click on any element I want to change somediv a link css to #somediv a{ color:#00ffff; } I know h...

Flyout menu with scrolling

Guys, I'm trying to create a flyout menu that has scrolling build in if its larger than the screen. I can't seem to figure out how to do this with the native overflow-y scrolling properties. Everytime I seem to set that overflow-y:auto then the the menu that flys out is nested within the parent div with a scroll bar. Anyone has any i...

scroller problem in IE

below is the code of table layout page. in FF it's looking as i think the bottom scroller locatesin the center of the cell, in IE7 it shiftted to left. what am I doing wrong? and how can I fix it? the URL is http://clickandgoegypt.com/ ...

IE 6 dropdown selection area too narrow

Hi, I have a dropdown menu with the width set to 142px however the selection area when you drop down the menu needs to be larger as it has text that exceeds this width. Firefox (and most modern browsers) is clever and extends the selection area to fit in this text. However IE 6 and unchecked newer versions of IE do not show this text a...

Reset style properties of an HTML element to stylesheet-defined defaults?

CSS code: p.myparagraph { color: yellow; } Assume that I've turned the color of <p> elements that use the myparagraph class to red. Is there a way to reset all style properties of paragraphs using this class (not limited to color) to their CSS-defined defaults? ...

Style a code snippet with css

Hello everyone, Could someone give me a link, a tutorial or an already made css template for styling code snippet to add that feature to my blog ? I seen examples in numerous blogs, but, now that i am searching for one, i can't put hands on it ! I want to be able to post a code snippet with keyword coloration, line numbers etc.. Many...

CSS: background-images base

Is it possible to enter a base tag/declaration in CSS, something like in HTML? I need one because I use mod_rewrite and the url looks like that: domain.com/path/to/something/ So my background images aren't loading right (just index/home-page). All I can think of is to add the whole domain (which I have to change every time I update CSS ...

Implementing multi languages with CSS and PHP

Hi, I'm building a small site, that needs to support 2 languages for the same page. Each language has different buttons on the page, the buttons are basically some images with text inside. The positioning of the buttons is done using a CSS file, one for every language. Question is how do I implement the changing of button for every imag...

Fluid CSS Grid structrue possible?

Short and simple version: I have a project where I need to define a DIV that will repeat horizontally and then wrap to the next row when out of space (tabular-like grid). I've seen mention of jQuery.GridLayout, but the demo/homepage is 404'd so I have no clue if this is what I'm looking for. Simply, I'm trying to achieve this: Div.ItemC...

Javascript or jQuery for Adding Style to Phrases on Page

I'm applying a style to a certain phrase on our website over and over again. Is there a way to search the page for instances of that phrase and apply that style automatically? Example: <div> This is what you get from <span class="comp">Company Name</span>. We do all kinds of things here at <span class="comp">Company Name</...

how to make three inside divs the same height?

I have a container div#content, which contains three divs inside. Now, how could I make sure that three divs inside have the same height? Of course, I hope each div's height could be expanded according to its content. For example: here is what I tried <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <title><...

Crossbrowser problem with position: fixed for ie6

Hello all, Someone helped me a great deal with css for having a background style="position: fixed; instead of making it style="position: absolute; There is only one problem with making it cross browser compatible. style="position: fixed; isn't IE6 proof. I came up with this, can this be used? <!--[if IE 6]> #hidepage { position: abso...

Gridview CSS borders inconsistent

Hi, This is really bugging me. I'm using a GridView and want to format it in such a way that the borders are displayed the same in all browsers. At the moment, I'm getting varying results between IE, FF and Chrome. I'm not sure what I'm doing wrong in my CSS (I'm quite new to CSS) but something must be right as one of the browsers disp...

How to link a conditional style sheet without access to the head

I am working in an enterprise CMS (Autonomy/Interwoven Teamsite) that does not give me direct access to the head of a page. I can only link style sheets and add external js files. Normally I would add a conditional comment to link an ie6/ie7 stylesheet. In some searching I've found a way to target ie with conditional commenting inside j...

Firefox floated <ul>... extra top padding or margin, even after default reset?

I've got a simple floated horizontal list that is looking good in IE and Opera, but Firefox has extra padding or margin at the top that I don't know how to fix.. It looked fine until I had to add a display:inline to an image link next to it because of another issue, so I think it's something to do with the display attribute.. any ideas? ...

Increasing height of a div while dynamically loading content...

I have a div which contains an unordered list... After some user actions i load the div with a longer list i.e. containing more list items than the previous one. I use jquery's higher level ajax functions to do this. The problem is when i load it through ajax the list elements overflow the div's bottom portion and some of them get's di...

Can I Change Look / Feel Of Scaffolded Pages With Mostly CSS?

I am using a web framework (Grails, similar to Rails) that has abilities to auto-generate a lot of code through scaffolding. As a result, all of my CRUD pages are currently automatically generated, and I even have ability to inject additional HTML code whenever I want to to further customize the content of those pages. I can control t...

ASP.Net MVC: How can I easily change the tab color of my navigation menu based on the tab that I'm on?

I want to implement my navigation tabs somewhat like the ones on this site, and I've heard that this was built using ASP.Net MVC. If I'm on stackoverflow.com/users, than the "Users" menu tab is orange and all others stay grey, same if a different tab is selected. I am pretty good with manipulating the css to change color when it's hove...

HTML/CSS - Issues between Firefox and Chrome, and IE

Hi all. I'm working on a site for a friend, and the code I'm using is showing up differently in Firefox and Chrome - the way it is in Chrome is the way I want it to look, but Firefox is messing something up. I uploaded what I have so far here: http://baruchlevine.com/test/ If anyone has any ideas how to get it to work in Firefox like it ...

jQuery FadeTo causing pixelated text in IE8 when font-weight: bold

I am fading out, and in a div: $('.formErrors').fadeTo('fast', 0); $('.formErrors').fadeTo('slow', 1); But when I do this in IE 8, it seems this bit of CSS: .formErrors li { font-weight: bold; } Is causing the text to come back quite distorted: (image below) http://www.newmania.com/images/error.jpg The HTML I am applying this to...