css

Div Z-Index issue with Flash movie

Hello All, I have two simple HTML divs one contains flash movie and another div contains simple text now my problem is that i have to put textual div onto the flash movie div what i am doing is setting the position of both divs to Absolute in CSS and setting the Z-Index of flash movie div to 1 and Z-Index of textual div to 2 but the text...

How to remove the underline for anchors(links) ?

Edited the tag and body, to make it clear for newbies .. Is there anyway (in CSS) to avoid the underline for the text and links introduced in the page .. ? ...

Possible to do a full screen transparent gradient effect via CSS?

Hi, so I'm wondering if this is possible. I've got this concept where I have a small tilable texture used as a background. Is it set to repeat at both x and y. In my Photoshop design I've just added a shadow layer on top which goes from 100% transparent and down to about 40% transparent in a grayish color. Which together with the back...

css debugging, cross-browser compatibility

There are two <div></div> tags. When it is browsed using Firefox, the effect is desirable. There is a gap between .steven and .john. However when it is browsed using IE, the effect is undesirable; .Steven and .john are connected together(There is no gap). How to solve this problem? .steven{ position: relative; width: 620px; ...

Opensource CMS that allows defining editable regions

I'm looking for an opensource lightweight CMS for those situations where you would like to be able to set up a web site with some editable content regions, but don’t want to have to install a full-blown CMS or try to hack a blogging system in order to do the job. Something similar to Perch or Cushy CMS, but free and opensource ofcourse. ...

When to use "!important" to save the day (when working with CSS)

#div p { color: red !important; } ... #div p { color: blue; } I understand how !important works, in this case the div will render red because now it has priority (!important). But I can't still figure out an appropriate situation to use it. Does anybody know any example where !important saves the day? ...

How do I make the background image scroll in an overflow: auto box?

I want the background to scroll with overflow: auto. Is this possible with pure CSS? ...

How do I align an inner div with the bottom of an outer div?

I need to align an inner div with the bottom of an outer div. My code looks like this: <div class="myOuterDiv"> <div class="div1 floatLeft"> Variable content here </div> <div class="div2 floatRight"> <img class="myButton" src="" /> </div> </div> The content of 'div1' may vary, making the height of the outer div to vary. How c...

Setting width:auto leads to width:100%

I am little bit tired for now (out of coffee), so I am unable to figure this out. When I set p.style.width = auto (the blue one), why is its width at 100%? None of the elements have their width set to 100%, so I doubt it's inherited property. How can I set the <p>'s width to match its content width plus padding? Sample page: http://el...

menu as unordered list horizontally or table?

I have an unordered list I'm displaying horizontally as the page's top menubar. I've gotten it to display relatively well, although I've been playing with the spacing for IE6 and IE7 cause it's not displaying properly. Shocking. In either case, is it better to use a table to display the menu or use some CSS hacks, which I can't find a...

Are there any tools for consolidating a whole bunch of style tags into classes?

Example: Say for instance you had the following two tags some where in a legacy page you've been assigned to work on: <table style="padding:0px; margin:0px; border: 0px; width:100%;"> <td style="width:100%; margin:0px; padding:0px; border: 0px;"> Would there be a program that could make a list of these random style tags and...

Quicktime embed renders too light in Safari 4

I've embedded a quicktime video via: <embed src="http://iphone.broadersheet.com/wp-content/themes/broadersheet/images/iphone-tour.mov" type="video/quicktime" width="284" height="564" autoplay="true" controller="false" kioskmode="true" loop="True" wmode="transparent"></embed> and it renders perfectly in Firefox but in Safari it rend...

Is there a background-width property in CSS?

I have a vertical menu using lists (li) and I've got it changing background color on hover. #limenu:hover {background-color:#000} However, I don't want the background to fill 100% width. Is there a way of setting the background width or creating a padding on both sides? ...

textarea::selection and ::-moz-selection

Is there a way to apply the ::selection and ::-moz-selection css pseudo-classes to the text inside a textarea? textarea::selection { color: #ff0000; } Isn't working ...

How to know the height the space left on a brower by the menus, bookmarks and tabs?

Hello! I want make a page (HTML + CSS) that fits all the space left on the browser without horizontal and vertical scrollbars. Now you are readind this question on a web browser and, probably, you can see horizontal scrollbar. I want to use this space without using horizontal and vertical scrollbars. If you need more details, tell me....

Toggle CSS values using Javascript

I'm trying to modify the behavior of some web parts in Sharepoint (thus forcing IE down my throat) for our users who use the Project server pages. I'm not really the best JavaScript guy, and this is driving me nuts. On one webpart to display the work from Project, there is a subrow 'Planned' shown below the actual data entry row that c...

CSS - Hyperlinks aren't going anywhere...

For some reason that I've been trying to figure out, the links on my page are clickable, but aren't actually going anywhere. The markup itself looks fine, and I can't figure out if there's some issue with the css that is rendering them useless. I recently added in a z-index for the a tag, but, that had no effect. Note: The css below ...

Having troubles setting the appearance of a web control

hi I'm trying to set the appearance of a Login web control, but I'm having quite a few problems. As far as I can tell, I've set everything correctly, but for some reason control still isn't displayed correctly: a) The width of the two TextBox controls ( with IDs UserName and Password ) should be equal to 70% of table's width, but it...

Can we declaratively set the Style property of a web control?

I’ve noticed that on aspx page IntelliSense doesn’t display the Style property of a web control, even thought the control does have a Style property. Does that mean we shouldn’t declaratively set the Style property: <asp:TextBox ID="UserName" Style="color:Green; padding:0px; margin:0px;" runat="server"></asp:TextBox> ...

JQuery 'Jcarousel' plugin bug, help needed...

I am using JCarousel to display some ads. Everything works fine, except when there is no ads, ie JCarousel has zero content. This will cause the Next Button to be active, as if there where unlimited items inside the carousel. I haven't altered any code at all, just the css for the colors and attributes. Does anybody know what I am talk...