css

Cross browser CSS wrap="off"

Can't figure out how to disable word wrapping in texarea. What is the CSS equivalent of wrap="off" cross browser? ...

CSS compression & combining / js minification - Better to do at runtime or at build time?

I have to come up with a solution to compress, version (for caching purposes) and potentially combine our JS and CSS files and I've seen two dominant approaches so far: 1) At build time: As an MSBuild task or similar. 2) Dynamically at run time: As a custom HTTPHandler (we are ASP.NET btw) for .js and .css files, with something like thi...

Creating a div whose size is relative to a fixed width div and containing area?

I have a containing div (contentBody) that is N% wide. Within that div I have two other divs, contentLeft and contentRight. contentLeft is always 205px. I want contentRight to automatically fill the remaining space in contentBody. How can I achieve this? #div contentLeft{ width:205px; float:left; } #div contentRight{ width:<**1...

Need a unordered list without any bullets

Hi friends, I have created a unordered list, that is much useful for me to append and remove list item using jquery.. I feel the bullets in the unordered list is disturbing much, so i want to remove it. How its possible to have a list with out bullet. Please help me, Thanks, Praveen J ...

CSS float: centered workaround possible?

Hi, I have a tagcloud in wich the tags (in Divs) should float centered. There is no float: center so I'm looking for a clean solution. My HTML looks something like this: <div id="tagcloud"> <div class="tag">Tag 1</div> <div class="tag">Tag 2</div> <div class="tag">Tag 3</div> <div class="tag">Tag 4</div> </div> The Divs shoul...

Javascript read files in folder

Hi all, I have the following problem which i'm trying to solve with Javascript. I have a div with a backgroudn image specified in a css file, and i want my javascript to change that image periodically (let`s say every 5 secs). I know how to change that, the problem is that i have a set of images in a folder to choose from for the back im...

One CSS element rendered...others are not

I'm trying to tweak code that rendered by Glimmer which probably marks my CSS mastery kinda low.... I have HTML like: <ul id="main_navigation"> <li id="trigger0"><a /Topics">Webinar Topics</a> <ul class="subNavMenuItems" id="subNav0"> <li><a href="/Topics/15">Intro</a></li> <li><a href="/Topics/25">Computer Skills</a></li>...

How to combine class and ID in CSS selector?

If I have the following div <div class="sectionA" id="content"> Lorem Ipsum... </div> Is there a way to define a style that expresses the idea "A div with id='content' AND class='myClass'"? Or do you have simply go one way or the other as in <div class="content-sectionA"> Lorem Ipsum... </div> or <div id="content-sectionA"> Lore...

Background Div Not 100 % in FF or IE7

I have 2 divs - one semi transparent bg div and one opaque one over it. Here are the CSS snippets. ... Short version - the bg div will not stretch 100% of the way in FF or IE7 though works in IE8, IE6, Safari (Windows), and Chrome. I'm pulling my hair out because I have the html, body, parent divs etc all streching 100% of the height. PL...

Styling a YUI Split button

I want to use split buttons for a left side menu. I tried adding the class following. <STYLE TYPE="text/css"> .catbutton { display: block; } </STYLE> The buttons were the right width but the menu arrow was the section taking up the variable width. Not only was it ugly but the menu activation section was in the correct place on the far...

How can I line up the two containers in view?

I am working on a web app. One of the views has been divided into different portions in order to display different information utilizing the whole view and make stuff more manageable. The problem is that the beginning of the information on placementContainerRight gets lined up with the last information from placementContainerLeft giving ...

CSS Layout Question

I have a reasonably complex layout problem: I would like to have a main box that has 95% width and that has side margins all around (140px 2.5% 20px 2.5%). Within that box I would like to have two columns: The first should (left hand) should have a transparent background and will be mainly for links but also some other arbitrary block ...

Is there any shortcut to make css positioning programmatic instead of declarative?

How complicated will it be to implement from scratch? Mainly for layout issues. The reason I want to make it declarative is that I hope to encapsulate it into a javascript class,so that I don't need to cope with css deficits once and again,instead,once for all. ...

how to make round-corner layout by pure css and html?

In a compatible and the most convenient way? ...

specifing text as bullets in list

I know in HTML you can use <ol><li></li></ol> to get a nice ordered list but doing that with list-style-type: decimal always increments the number by 1. I'm looking for a way to set the value of the bullet text. I might end up with a list that looks something like 12 item 22 item  2 item I don't want to do any crazy use of images ...

HTML: remove a:hover for images?

For text links, I have: CSS: a:link {color: #3366a9; text-decoration: none} a:hover {border-bottom: 1px solid; color: black} But this also adds a black underline on linkable IMGs that I do not want. How do I remove the border-bottom on linkable IMGs when hovered using CSS? I've tried the following: a:hover img {border-bottom: 0px...

It works on my machine....

I have uploaded a website to the internet. Firebug claims that no file is missing and yet on both IE and FF it doesn't look good as expected and also the script doesn't work (no errors). However, on my own computer it works perfectly fine. Here are the files. Any thoughts on why this happens? What's missing? EDIT: Ok, it works on any of...

Divide a div element

Hi, Is there a way to cut a div into number of pieces using JavaScript or CSS. I have a long div with contents inside it. I need to split the div according to a certain height and show each division as a separate block. What is the easiest way to achieve this? Suppose the height of the main div is 1500px. I need to split the div into 3 ...

input with display:block is not a block, why not?

Why does display:block;width:auto; on my text input not behave like a div and fill the container width? I was under the impression that a div is simply a block element with auto width. In the following code shouldn't the div and the input have identical dimensions? How do I get the input to fill the width. 100% width won't work because ...

IE8: Disable cleartype?

For IE7, it's possible to add filter: none; to the body css to disable cleartype on fonts through CSS. I don't like the fuzzy look it gives, and it isn't really consistent across browsers. IE; Firefox and IE6 show it differently. IE8 however, seems to ignore the css option, even when forcing the browser into IE7 compatibility mode u...